.turno-cliente{border-color:var(--oro)}.turno-cliente h2{margin:0 0 .25rem}.turno-cliente .cuando{color:var(--gris);margin:.25rem 0 0}.turno-cliente .cuando strong{color:var(--oro);font:900 2.2rem/1.1 Playfair,Georgia,serif;display:block}.turno-cliente .con{gap:.1rem;margin:.35rem 0 0;display:grid}.turno-cliente .con span{color:var(--gris);font-size:.95rem}.calendario{gap:0;display:grid}.calendario .boton{text-align:center;margin-top:.6rem}.avisos-turno{border:1px solid var(--oro);border-radius:var(--radio);margin:1rem 0 .4rem;padding:.9rem 1rem}.avisos-turno .avisos-titulo{color:var(--crema);margin:0;font-weight:700}.avisos-turno .sub{margin:.3rem 0 0}.avisos-botones{grid-template-columns:1fr 1fr;gap:.6rem;margin-top:.7rem;display:grid}.avisos-botones .boton{min-height:44px;margin:0}dialog.hoja.grande{width:min(96vw,460px);max-height:92dvh;padding:0;overflow:hidden}dialog.hoja.grande[open]{flex-direction:column;display:flex}dialog.hoja.grande .cerrar{min-width:44px;min-height:44px;color:var(--crema);cursor:pointer;background:0 0;border:0;align-self:flex-end;margin:.4rem .4rem 0 0;font-size:1.3rem}.pasos{overscroll-behavior:contain;padding:0 1.1rem 1.2rem;overflow-y:auto}.pasos h2{margin:.2rem 0 .9rem}.atras{min-height:44px;color:var(--oro);cursor:pointer;background:0 0;border:0;padding:0;font-weight:600}.opciones-lista,.barberos-turno{gap:.6rem;margin:0;padding:0;list-style:none;display:grid}.opcion-turno{border-radius:var(--radio);border:1px solid var(--linea);width:100%;min-height:64px;color:var(--crema);text-align:left;cursor:pointer;font:inherit;background:#161616;grid-template-columns:auto 1fr;align-items:center;column-gap:.8rem;padding:.7rem .9rem;display:grid}.opcion-turno:active,.dia-turno:active,.hora-turno:active{border-color:var(--oro)}.opciones-lista .opcion-turno{grid-template-columns:1fr;row-gap:.15rem}.opcion-turno strong{overflow-wrap:anywhere}.barberos-turno .opcion-turno strong:last-child{grid-row:span 2;align-self:center}.opcion-turno span:not(.foto-turno){color:var(--gris);grid-column:2;font-size:.9rem}.opciones-lista .opcion-turno span{grid-column:1}.foto-turno{object-fit:cover;width:56px;height:56px;color:var(--oro);background:#222;border-radius:50%;grid-row:span 2;place-items:center;font:700 1.4rem Barlow Condensed,sans-serif;display:grid}.libre{border-color:#4a3d0a}.dias-turno{grid-template-columns:repeat(4,1fr);gap:.5rem;display:grid}.dia-turno{border:1px solid var(--linea);min-height:72px;color:var(--crema);cursor:pointer;font:inherit;background:#161616;border-radius:12px;place-items:center;gap:0;padding:.4rem 0;display:grid}.dia-turno strong{font:800 1.4rem/1.1 Barlow Condensed,sans-serif}.dia-turno small{color:var(--gris);font-size:.8rem}.horas-turno{grid-template-columns:repeat(3,1fr);gap:.5rem;display:grid}.hora-turno{border:1px solid var(--linea);min-height:48px;color:var(--crema);cursor:pointer;background:#161616;border-radius:12px;font:700 1rem Barlow Condensed,sans-serif}.resumen-turno{grid-template-columns:auto 1fr;gap:.45rem 1rem;margin:0;display:grid}.resumen-turno dt{color:var(--gris)}.resumen-turno dd{overflow-wrap:anywhere;margin:0;font-weight:600}.listo-turno{text-align:center}@media (prefers-reduced-motion:no-preference){.pasos.adelante>*{animation:.32s cubic-bezier(.2,.8,.2,1) both paso-adelante}.pasos.atras>*{animation:.32s cubic-bezier(.2,.8,.2,1) both paso-atras}.chulo circle{stroke-dasharray:189;stroke-dashoffset:189px;animation:.5s ease-out 50ms forwards trazar}.chulo path{stroke-dasharray:40;stroke-dashoffset:40px;animation:.35s ease-out .5s forwards trazar}.opcion-turno,.dia-turno,.hora-turno{transition:transform .12s,border-color .12s}.opcion-turno:active,.dia-turno:active,.hora-turno:active{transform:scale(.97)}}@keyframes paso-adelante{0%{opacity:0;transform:translate(28px)}to{opacity:1;transform:none}}@keyframes paso-atras{0%{opacity:0;transform:translate(-28px)}to{opacity:1;transform:none}}@keyframes trazar{to{stroke-dashoffset:0}}.chulo{width:72px;height:72px;margin:.25rem auto .5rem;display:block}.chulo circle{fill:none;stroke:var(--oro);stroke-width:4px}.chulo path{fill:none;stroke:var(--oro);stroke-width:6px;stroke-linecap:round;stroke-linejoin:round}.barberos-turno li.con-cortes{gap:.35rem;display:grid}.ver-cortes{min-height:44px;color:var(--oro);letter-spacing:.04em;text-transform:uppercase;cursor:pointer;background:#1a160c;border:1px solid #5a4a1c;border-radius:999px;justify-self:start;padding:0 1rem;font:700 1rem Barlow Condensed,sans-serif}