.guia{--azul:#1f5aa6;--tinta:#141414;--papel:#f2f2f0;--blanco:#fff;--rojo:#b3262c;--suave:#4a4946;--m:clamp(16px, 2.6vw, 40px);background:var(--papel);color:var(--tinta);font-size:18px}.guia a{color:inherit}.g-pantalla{background:#fff;border-radius:22px;width:100%;height:auto;display:block}.g-h2{letter-spacing:-.045em;font-size:clamp(48px,7.6vw,120px);font-weight:700;line-height:.92}.g-h2-medio{letter-spacing:-.04em;font-size:clamp(40px,4.8vw,76px);font-weight:700;line-height:.96}.g-intro{max-width:44ch;margin-top:24px;font-size:20px;line-height:1.5}.g-cabeza{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:24px;display:flex}.g-cabeza .g-intro{margin-top:0}.g-inicio{background:var(--azul);color:#fff;min-height:100svh;padding:0 var(--m) 40px;flex-direction:column;display:flex;position:relative;overflow:clip}.g-barra{justify-content:space-between;align-items:center;height:72px;font-size:16px;display:flex}.g-marca{align-items:center;gap:10px;font-weight:700;display:flex}.g-barra nav{gap:24px;display:flex}.g-barra nav a:hover{text-underline-offset:4px;text-decoration:underline}.g-titulo{letter-spacing:-.05em;margin-top:10svh;font-size:clamp(110px,17vw,270px);font-weight:700;line-height:.84}.g-linea{padding-bottom:.05em;display:block;overflow:hidden}.g-linea>span{display:inline-block}.g-oscura{color:#a9c6ec}.g-inicio-foto{right:calc(var(--m) + 4%);aspect-ratio:3/4;background:#fff;border-radius:22px;width:min(28vw,42svh);position:absolute;top:13svh;overflow:hidden;transform:rotate(4deg)}.g-inicio-foto img{width:100%;height:auto;display:block}.g-bajada{align-self:flex-start;justify-items:start;gap:24px;max-width:34ch;margin-top:auto;font-size:20px;line-height:1.45;display:grid}.g-boton{background:var(--tinta);align-items:center;height:56px;padding:0 26px;font-size:18px;font-weight:700;transition:transform .12s,background-color .16s;display:inline-flex;color:#fff!important}.g-boton:hover{background:#000}.g-boton:active{transform:translateY(2px)}.g-roles{background:var(--papel);padding:160px var(--m) 140px}.g-rol-lista{gap:6px;margin-top:64px;display:grid}.g-rol a{background:#fff;grid-template-columns:minmax(0,4fr) minmax(0,8fr);align-items:baseline;gap:24px;padding:26px 28px;transition:background-color .16s,transform .16s;display:grid}.g-rol:nth-child(2n) a{background:#e7e6e2}.g-rol a:hover{background:var(--tinta);color:#fff}.g-rol-nombre{letter-spacing:-.03em;font-size:clamp(30px,3.2vw,48px);font-weight:700;line-height:1}.g-rol-ve{max-width:56ch;font-size:19px;line-height:1.5}.g-dia{grid-template-columns:1fr 1fr;display:grid}.g-dia-texto{background:var(--tinta);color:#fff;padding:96px var(--m);flex-direction:column;justify-content:center;display:flex}.g-dia-frases{min-height:230px;margin-top:40px}.g-dia-grande{letter-spacing:-.035em;max-width:14ch;font-size:clamp(36px,3.6vw,58px);font-weight:700;line-height:1.02;animation:.26s both aparece}.g-dia-nota{color:#e6e5e2;max-width:36ch;margin-top:20px;font-size:19px;line-height:1.5}.g-deslizador{margin-top:40px;display:block;position:relative}.g-pista{background:#4b4b4b;height:8px;position:absolute;top:16px;left:0;right:0}.g-avance{transform-origin:0;background:#fff;transition:transform .22s cubic-bezier(.2,.7,.1,1);position:absolute;inset:0;transform:scaleX(0)}.g-deslizador input{appearance:none;cursor:pointer;background:0 0;width:100%;height:40px;position:relative}.g-deslizador input::-webkit-slider-runnable-track{background:0 0;height:8px}.g-deslizador input::-moz-range-track{background:0 0;height:8px}.g-deslizador input::-webkit-slider-thumb{appearance:none;background:var(--azul);border:3px solid #fff;width:32px;height:32px;margin-top:-12px}.g-deslizador input::-moz-range-thumb{background:var(--azul);border:3px solid #fff;border-radius:0;width:26px;height:26px}.g-deslizador input:focus-visible{outline-offset:4px;outline:2px solid #fff}.g-pasos{grid-template-columns:repeat(4,1fr);gap:8px;margin-top:12px;display:grid}.g-pasos button{text-align:left;color:#b9b8b4;cursor:pointer;width:100%;padding:6px 0;font-size:16px;transition:color .16s}.g-pasos button:hover,.g-pasos button.activo{color:#fff}.g-pasos button.activo{font-weight:600}.g-dia-pantalla{background:var(--azul);padding:64px var(--m);place-items:center;display:grid;overflow:clip}.g-dia-foto{width:min(310px,72%);animation:.26s both aparece}@keyframes aparece{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}.g-dueno{background:var(--blanco);padding:160px var(--m) 120px}.g-indice{grid-template-columns:minmax(0,5fr) minmax(0,7fr);align-items:start;gap:48px;margin-top:72px;display:grid}.g-tareas{gap:2px;display:grid;position:sticky;top:24px}.g-tarea{text-align:left;letter-spacing:-.03em;color:#84837f;cursor:pointer;padding:4px 0;font-size:clamp(26px,2.5vw,40px);font-weight:700;line-height:1.12;transition:color .16s,transform .2s cubic-bezier(.2,.7,.1,1)}.g-tarea:hover{color:var(--suave);transform:translate(6px)}.g-tarea[aria-selected=true]{color:var(--tinta)}.g-tarea:focus-visible{outline:2px solid var(--azul);outline-offset:4px}.g-escenario{background:var(--papel);min-height:80svh;padding:56px 48px}.g-hoja{grid-template-columns:minmax(0,300px) minmax(0,1fr);align-items:start;gap:40px;animation:.24s both aparece;display:grid}.g-hoja+.g-hoja{margin-top:56px}.g-hoja[hidden]{display:none}.g-hoja h3{letter-spacing:-.02em;font-size:30px;font-weight:700;line-height:1.1}.g-hoja ol{gap:14px;margin-top:20px;padding-left:24px;list-style:decimal;display:grid}.g-hoja li{padding-left:4px;font-size:18px;line-height:1.5}.g-escritorio{background:var(--papel);padding:140px var(--m) 0;overflow:clip}.g-escritorio-foto{margin-top:56px}.g-escritorio-foto img{border-radius:14px 14px 0 0;width:100%;height:auto;display:block}.g-recepcion{background:var(--azul);color:#fff;padding:140px var(--m);grid-template-rows:auto 1fr;grid-template-columns:minmax(0,4fr) minmax(0,8fr);gap:48px 56px;display:grid}.g-recepcion-cabeza{flex-wrap:wrap;grid-column:1/-1;justify-content:space-between;align-items:flex-end;gap:24px;display:flex}.g-recepcion-cabeza .g-intro{margin-top:0}.g-recepcion-foto{max-width:320px}.g-bandas{align-content:start;gap:6px;display:grid}.g-banda{background:#2a66b4;grid-template-columns:180px minmax(0,1fr);gap:24px;padding:26px 28px;display:grid}.g-banda:nth-child(2n){background:#184a8b}.g-banda-cuando{font-size:20px;font-weight:600}.g-banda-que{font-size:18px;line-height:1.5}.g-banda-que strong{letter-spacing:-.01em;margin-bottom:4px;font-size:24px;font-weight:700;display:block}.g-barbero{background:var(--tinta);color:#fff;padding:160px var(--m) 140px}.g-cliente{background:var(--rojo);color:#fff;padding:160px var(--m) 140px}.g-fila{grid-template-columns:repeat(3,minmax(0,1fr));gap:40px;margin-top:72px;display:grid}.g-fila-4{grid-template-columns:repeat(4,minmax(0,1fr));gap:28px}.g-tarjeta .g-pantalla{max-width:360px;transition:transform .3s cubic-bezier(.2,.7,.1,1)}.g-tarjeta:hover .g-pantalla{transform:translateY(-6px)}.g-tarjeta h3{letter-spacing:-.02em;margin-top:24px;font-size:26px;font-weight:700}.g-tarjeta p{max-width:34ch;margin-top:8px;font-size:18px;line-height:1.5}.g-reglas-cabeza{background:var(--azul);color:#fff;min-height:44svh;padding:0 var(--m) 48px;align-items:flex-end;display:flex}.g-regla{padding:56px var(--m);background:var(--papel);grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:48px;display:grid}.g-regla:nth-child(odd){background:#fff}.g-regla h3{letter-spacing:-.02em;max-width:26ch;font-size:clamp(24px,2.2vw,32px);font-weight:700;line-height:1.2}.g-regla p{max-width:60ch;font-size:18px;line-height:1.55}.g-enlace{text-underline-offset:4px;margin-top:14px;font-weight:600;text-decoration:underline;display:inline-block;color:var(--azul)!important}.g-pie{background:var(--tinta);color:#fff;padding:96px var(--m) 32px;overflow:clip}.g-pie-nombre{letter-spacing:-.05em;font-size:clamp(48px,9.6vw,160px);font-weight:700;line-height:.9}.g-pie-fila{grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:48px;margin-top:72px;display:grid}.g-pie-contacto{align-content:start;gap:8px;display:grid}.g-pie-contacto a{letter-spacing:-.02em;overflow-wrap:anywhere;font-size:clamp(24px,2.4vw,36px);font-weight:600}.g-pie-contacto a:hover,.g-pie-links a:hover{text-underline-offset:4px;text-decoration:underline}.g-pie-links{grid-template-columns:repeat(2,minmax(0,1fr));align-content:start;gap:10px 24px;font-size:16px;display:grid}.g-pie-legal{color:#d7d6d2;flex-wrap:wrap;justify-content:space-between;gap:12px;margin-top:96px;font-size:14px;display:flex}.g-pie-legal a{text-underline-offset:3px;text-decoration:underline}@media (prefers-reduced-motion:no-preference){.g-linea>span{animation:.9s cubic-bezier(.16,1,.3,1) both g-subir}.g-oscura>span{animation-delay:.11s}.g-bajada{animation:.5s .5s both aparece}}@keyframes g-subir{0%{transform:translateY(105%)}to{transform:none}}.sube.antes{opacity:0;transition:opacity .6s,transform .6s cubic-bezier(.2,.7,.1,1);transform:translateY(24px)}.sube.antes.dentro{opacity:1;transform:none}@media (prefers-reduced-motion:reduce){.g-dia-grande,.g-dia-foto,.g-hoja{animation:none}.sube.antes{opacity:1;transition:none;transform:none}}@media (width<=860px){.guia{font-size:17px}.g-barra{height:60px}.g-titulo{margin-top:7svh;font-size:24vw}.g-inicio-foto{width:54vw;margin:20px 4vw 28px auto;position:relative;top:auto;right:auto}.g-bajada{align-self:stretch;max-width:none;font-size:17px}.g-boton{justify-content:center;width:100%}.g-intro{font-size:17px}.g-roles,.g-dueno,.g-barbero,.g-cliente{padding:96px var(--m)}.g-rol-lista{margin-top:40px}.g-rol a{grid-template-columns:1fr;gap:8px;padding:22px 20px}.g-rol-ve{font-size:17px}.g-dia{grid-template-columns:1fr}.g-dia-pantalla{padding:40px var(--m);order:-1;min-height:0}.g-dia-foto{width:min(300px,78vw)}.g-dia-texto{padding:48px var(--m) 40px}.g-dia-frases{min-height:0;margin-top:24px}.g-dia-grande{font-size:9vw}.g-dia-nota{font-size:17px}.g-deslizador{margin-top:32px}.g-pasos{grid-template-columns:1fr 1fr}.g-indice{grid-template-columns:1fr;gap:24px;margin-top:40px}.g-tareas{flex-wrap:wrap;gap:4px 18px;display:flex;position:static}.g-tarea{font-size:20px}.g-tarea:hover{transform:none}.g-escenario{min-height:0;margin:0 calc(var(--m) * -1);padding:24px 16px}.g-hoja{grid-template-columns:1fr;gap:24px}.g-hoja .g-pantalla{max-width:300px}.g-hoja h3{font-size:26px}.g-hoja li{font-size:17px}.g-escritorio{padding:96px var(--m) 0}.g-escritorio-foto{margin-top:32px;overflow-x:auto}.g-escritorio-foto img{width:900px;max-width:none}.g-recepcion{padding:96px var(--m);grid-template-columns:1fr;gap:32px}.g-recepcion-foto{max-width:280px}.g-banda{grid-template-columns:1fr;gap:6px;padding:20px}.g-banda-cuando{font-size:16px}.g-banda-que strong{font-size:21px}.g-fila,.g-fila-4{scroll-snap-type:x mandatory;margin-top:40px;margin-right:calc(var(--m) * -1);padding-right:var(--m);scrollbar-width:none;gap:16px;display:flex;overflow-x:auto}.g-tarjeta{scroll-snap-align:start;flex:0 0 76vw}.g-tarjeta h3{font-size:22px}.g-tarjeta p{font-size:16px}.g-reglas-cabeza{min-height:30svh;padding-bottom:32px}.g-regla{padding:32px var(--m);grid-template-columns:1fr;gap:12px}.g-regla h3{font-size:22px}.g-regla p{font-size:17px}.g-pie{padding-top:72px}.g-pie-nombre{font-size:13vw}.g-pie-fila{grid-template-columns:1fr;gap:40px;margin-top:48px}.g-pie-contacto a{font-size:24px}.g-pie-links{font-size:15px}.g-pie-legal{margin-top:56px;font-size:13px}}