.hf{position:relative;min-height:100svh;display:grid;align-content:end;overflow:hidden;background:#0f1417;color:#fff}.hf-foto{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity 1s ease}.hf-foto.on{opacity:1}.hf-velo{position:absolute;inset:0;background:linear-gradient(0deg,#0f1417d1,#0f141752 58%,#0f141742 76%,#0f1417b8)}.hf-texto{position:relative;padding-bottom:clamp(84px,13vh,130px)}@media(min-width:768px){.hf-texto{margin-left:calc(var(--margen) * -.5)}}.pagina-color .hf h1{margin:0;max-width:none;font-size:clamp(2.3rem,6vw,7rem);line-height:1.04;color:#fff}.hf-hueco{display:grid;color:#ffd3bf}.hf-palabra{grid-area:1 / 1;opacity:0;translate:0 -.15em;transition:opacity .22s ease,translate .22s ease}.hf-palabra.on{opacity:1;translate:0 0;transition:opacity .5s ease .3s,translate .6s var(--sf-motion) .3s}.hf-frases{display:grid;margin-top:16px;max-width:34em}.hf-frase{grid-area:1 / 1;margin:0;font-size:clamp(1rem,1.25vw,1.25rem);line-height:1.5;color:#fff;opacity:0;transition:opacity .22s ease}.hf-frase.on{opacity:1;transition:opacity .5s ease .3s}@media(max-width:767px){.pagina-color .hf h1{font-size:clamp(1.7rem,8vw,2.2rem)}}@media(prefers-reduced-motion:reduce){.hf-foto,.hf-palabra,.hf-frase{transition:none}}.sc{--panel-abierto: #ECEEF3;--panel-cerrado: #F4F5F8;--panel-tinta: #0F1417;--panel-suave: #465058;--punto: #D5DAE2;display:grid;grid-template-columns:minmax(0,1fr);gap:clamp(24px,4vh,44px);padding-block:clamp(80px,13vh,140px)}.sc-marco{min-width:0}.sc-pista{--tira: clamp(64px, 5.4vw, 88px);--hueco: 10px;--alto: clamp(420px, 58vh, 540px);display:flex;gap:var(--hueco);height:var(--alto);margin:0;padding:0;list-style:none;container-type:inline-size}.sc-hoja{--abierto: calc(100cqw - 7 * (var(--tira) + var(--hueco)));flex:0 1 var(--tira);min-width:0;transition:flex-grow .8s var(--sf-motion)}.sc-hoja.abierta{flex-grow:1}.sc-panel{position:relative;display:block;height:100%;overflow:hidden;border-radius:10px;background:var(--panel-cerrado);color:var(--panel-tinta);transition:background .4s ease}.abierta .sc-panel{background:var(--panel-abierto)}.sc .sc-demo,.abierta .sc-demo{background:#b43e22;color:#fff}.sc a:focus-visible,.sc button:focus-visible{outline:2px solid #B43E22;outline-offset:3px}.sc-cerrado{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:space-between;padding:20px 0 22px;transition:opacity .35s ease .3s;cursor:pointer}.abierta .sc-cerrado{opacity:0;pointer-events:none;transition:opacity .15s ease}.sc-cerrado img{width:clamp(50px,4.4vw,68px);height:auto;user-select:none}.sc-cerrado b{writing-mode:vertical-rl;rotate:180deg;font:600 .95rem/1 Poppins,sans-serif;white-space:nowrap;color:var(--panel-suave)}.sc-cerrado i{font-style:normal;font-size:1.6rem;line-height:1.4}.sc-demo .sc-cerrado b{color:#fff}.sc-abierto{position:absolute;inset:0 auto 0 0;display:flex;align-items:stretch;justify-content:space-between;gap:clamp(16px,2.4vw,40px);width:var(--abierto);padding:clamp(26px,2.8vw,44px);opacity:0;visibility:hidden;transition:opacity .15s ease,visibility 0s .15s}.abierta .sc-abierto{opacity:1;visibility:visible;transition:opacity .45s ease .28s}.sc-texto{display:flex;flex-direction:column;justify-content:flex-end;gap:10px;min-width:0}.pagina-color .sc h3{margin:0;font-size:clamp(1.7rem,2.7vw,2.8rem);line-height:1.12;color:var(--panel-tinta);text-wrap:balance}.sc p{margin:0;font-size:clamp(1rem,1.12vw,1.12rem);line-height:1.5;color:var(--panel-suave)}.sc .c-enlace{color:var(--panel-tinta)}.sc-icono{flex:none;align-self:center;width:clamp(160px,15vw,250px);height:auto;scale:.9;transition:scale .2s ease;user-select:none}.abierta .sc-icono{scale:1;transition:scale .8s var(--sf-motion) .2s}.pagina-color .sc .sc-demo h3{color:#fff;font-size:clamp(2rem,3.6vw,3.8rem)}.sc-demo-flecha{align-self:flex-end;font-style:normal;font-size:clamp(2rem,3.2vw,3rem);line-height:1.2}.sc-pie{display:flex;align-items:center;justify-content:center;gap:10px;margin-top:-8px}.sc-puntos{display:flex}.sc-puntos button{display:grid;place-items:center;width:26px;height:44px;padding:0;border:0;background:none;cursor:pointer}.sc-puntos span{width:9px;height:9px;border-radius:50%;background:var(--punto);transition:background .3s ease,scale .3s ease}.sc-puntos button:hover span{background:#b43e22}.sc-puntos [aria-current=true] span{background:#b43e22;scale:1.25}.sc-pausa{display:grid;place-items:center;width:44px;height:44px;padding:0;border:0;border-radius:8px;background:none;color:var(--panel-suave);cursor:pointer;transition:background .2s ease,color .2s ease}.sc-pausa:hover{background:var(--panel-abierto);color:var(--panel-tinta)}.sc-seguir,[aria-pressed=true] .sc-parar{display:none}[aria-pressed=true] .sc-seguir{display:block}@media(max-width:1179px){.sc-pista{--tira: 62px;--hueco: 8px;--abierta: 380px;flex-direction:column;height:auto;container-type:normal}.sc-hoja{flex:none;height:var(--tira);transition:height .7s var(--sf-motion)}.sc-hoja.abierta{height:var(--abierta)}.sc-cerrado{flex-direction:row;justify-content:flex-start;gap:14px;padding:0 16px}.sc-cerrado img{width:40px}.sc-cerrado b{writing-mode:horizontal-tb;rotate:none;font-size:1rem;line-height:1.2;white-space:normal}.sc-cerrado i{width:40px;text-align:center}.sc-abierto{inset:0;width:auto;flex-direction:column-reverse;justify-content:flex-end;gap:14px;padding:22px}.sc-texto{justify-content:flex-start}.sc-icono{align-self:flex-start;width:132px;margin:-6px 0 0 -10px}.sc-demo .sc-abierto{justify-content:space-between;flex-direction:column}.sc-demo-flecha{align-self:flex-start}}@media(max-width:1179px)and (min-width:600px){.sc-pista{--abierta: 320px}.sc-abierto{flex-direction:row;justify-content:space-between;align-items:center;padding:30px}.sc-icono{align-self:center;width:200px;margin:0}.sc-texto{justify-content:center}}@media(max-width:359px){.sc-pista{--abierta: 420px}}@media(prefers-reduced-motion:reduce){.sc-hoja,.sc-cerrado,.sc-abierto,.sc-icono,.abierta .sc-icono,.abierta .sc-abierto,.abierta .sc-cerrado{transition:none}}.ce{padding-top:clamp(16px,3vh,36px)}.ce-marco{display:grid;grid-template-columns:minmax(0,1fr)}.ce-cabeza,.ce .c-empezar-lista{grid-area:1 / 1}.ce-cabeza{position:relative;z-index:1;align-self:start;width:calc((100% - 24px) / 3)}.pagina-color .ce .c-titulo{font-size:clamp(2rem,3.4vw,3.6rem)}.ce .c-boton{white-space:nowrap}.ce .c-empezar-lista{align-items:end;margin-top:0}.ce .c-empezar-lista>li{justify-content:flex-end;padding:clamp(24px,2.6vw,40px);background:var(--color-li)}.ce .c-empezar-lista>li:nth-child(1){--color-li: #F4F5F8;--figura: clamp(84px, 7vw, 112px);min-height:400px}.ce .c-empezar-lista>li:nth-child(2){--color-li: #ECEEF3;--figura: clamp(130px, 11vw, 176px);min-height:540px}.ce .c-empezar-lista>li:nth-child(3){--color-li: #DFE4ED;--figura: clamp(190px, 17vw, 280px);min-height:720px}.ce-figura{display:block;flex:none;align-self:flex-start;width:var(--figura);height:auto;margin-bottom:8px}.pagina-color .ce .c-empezar-lista h3{font-size:clamp(1.6rem,2.5vw,2.7rem)}@media(min-width:1600px){.ce .c-empezar-lista>li:nth-child(3){min-height:790px}}@media(max-width:1023px){.ce-marco{display:block}.ce-cabeza{width:auto}.ce .c-empezar-lista{margin-top:32px}.ce .c-empezar-lista>li:nth-child(n){--figura: 110px;min-height:0}}@media(max-width:359px){.ce .c-boton{padding-inline:14px;font-size:.94rem}}