@layer components{.hero-bloque{position:relative}.hero{--hero-aire:clamp(.5rem, 1vw, .875rem);--hero-fila:3.25rem;--hero-cab:var(--alto-cabecera-visible,8.75rem);--hero-rmin:var(--hero-rd-min,1.7778);--hero-rmax:var(--hero-rd-max,1.7778);--hero-radio:var(--r-lg);--hero-w-max:min(100cqw, 110rem);--hero-h-max:calc(100svh - var(--hero-cab) - var(--hero-aire) - var(--hero-fila));--hero-h:max(11rem, min(var(--hero-h-max), calc(var(--hero-w-max) / var(--hero-rmin))));--hero-ancho:min(var(--hero-w-max), calc(var(--hero-h) * var(--hero-rmax)));padding:var(--hero-aire) var(--gutter) 0;overflow-x:clip;container-type:inline-size}@media (max-width:899px){.hero{--hero-rmin:var(--hero-rm-min,var(--hero-rd-min,1.7778));--hero-rmax:var(--hero-rm-max,var(--hero-rd-max,1.7778));--hero-radio:22px}}.hero .hero__estrado{width:var(--hero-ancho);height:var(--hero-h);touch-action:pan-y pinch-zoom;margin-inline:auto;position:relative}.hero .hero__pista{position:absolute;inset:0}.hero .hero__diapo{--r:var(--rd,1.7778);place-items:center;display:grid;position:absolute;inset:0}@media (max-width:899px){.hero .hero__diapo{--r:var(--rm,var(--rd,1.7778))}}.hero .hero__diapo.is-activa,.hero .hero__diapo.is-saliente{z-index:1}.hero .hero__diapo.is-entrando{z-index:2}.hero .hero__marco{z-index:1;isolation:isolate;width:min(100%, calc(var(--hero-h) * var(--r)));aspect-ratio:var(--r);border-radius:var(--hero-radio);box-shadow:var(--sh-2);color:inherit;-webkit-tap-highlight-color:transparent;transition:transform var(--t-base) var(--ease-out);background:#fff;text-decoration:none;display:block;position:relative;overflow:hidden}.hero .hero__diapo[data-fondo=blanco] .hero__marco{aspect-ratio:auto;place-self:stretch stretch;width:auto}.hero .hero__diapo[data-encuadre] .hero__marco{--rel-w:min(calc(var(--hero-ancho) * .84 / var(--bw)), calc(var(--hero-h) * .84 * var(--r) / var(--bh)), 1600px);--rel-h:calc(var(--rel-w) / var(--r))}.hero .hero__diapo[data-encuadre] .hero__img{width:var(--rel-w);height:var(--rel-h);object-fit:fill;max-width:none;translate:calc(-50% + (.5 - var(--bx) - var(--bw) / 2) * var(--rel-w)) calc(-50% + (.5 - var(--by) - var(--bh) / 2) * var(--rel-h));inset:50% auto auto 50%}.hero .hero__marco:after{content:"";z-index:2;border-radius:inherit;pointer-events:none;box-shadow:inset 0 0 0 1px var(--hair);position:absolute;inset:0}.hero .hero__marco picture{display:contents}.hero .hero__img,.hero .hero__video{object-fit:contain;width:100%;height:100%;display:block;position:absolute;inset:0}.hero a.hero__marco:focus-visible{outline-offset:4px;border-radius:var(--hero-radio)}@media (hover:hover) and (pointer:fine){.hero a.hero__marco:hover{transform:translateY(-3px)}.hero .hero__diapo.is-activa:hover .hero__brillo{opacity:1}}.hero a.hero__marco:active{transition-duration:var(--t-press);transform:scale(.996)}.hero .hero__texto{z-index:1;pointer-events:none;color:var(--ink-900);background:linear-gradient(#fff0,#fffffff2 62%);gap:.4rem;padding:3.5rem clamp(1rem,4%,2.5rem) clamp(1rem,4%,2.5rem);display:grid;position:absolute;inset:auto 0 0}.hero .hero__texto--solo{text-align:center;background:0 0;place-content:center;padding:clamp(1.5rem,6%,4rem);inset:0}.hero .hero__brillo{z-index:0;pointer-events:none;background:linear-gradient(90deg, color-mix(in srgb, var(--c1,#fff) 34%, #fff), color-mix(in srgb, var(--c2,#fff) 34%, #fff), color-mix(in srgb, var(--c3,#fff) 34%, #fff), color-mix(in srgb, var(--c4,#fff) 34%, #fff), color-mix(in srgb, var(--c5,#fff) 34%, #fff));opacity:.8;transition:opacity var(--t-slow) var(--ease-luz);position:absolute;inset:-9% -6%;-webkit-mask-image:radial-gradient(closest-side,#000 58%,#0000 100%);mask-image:radial-gradient(closest-side,#000 58%,#0000 100%)}.hero .hero__controles{width:var(--hero-ancho);height:var(--hero-fila);justify-content:center;align-items:center;margin-inline:auto;display:flex;position:relative}html:not(.js) .hero .hero__controles{display:none}.js .hero:not(.is-listo) .hero__controles{visibility:hidden}.js .carrusel.hero:has(>.hero__controles){margin-bottom:0}.js .carrusel.hero>.carrusel__controles.hero__controles{position:relative;top:auto;left:auto;right:auto}.hero .hero__grupo{flex-wrap:wrap;justify-content:center;align-items:center;display:flex}.hero .hero__pausa{margin-inline-start:.625rem;position:relative}.hero .hero__pausa:before{content:"";inset-inline-start:-.4rem;background:var(--hair-2);width:1px;height:1.25rem;position:absolute;top:50%;translate:0 -50%}.hero .hero__pausa:first-child{margin-inline-start:0}.hero .hero__pausa:first-child:before{display:none}.hero .hero__flecha{width:44px;height:44px;color:var(--ink-600);cursor:pointer;transition:background-color var(--t-fast) var(--ease-luz), color var(--t-fast) var(--ease-luz), transform var(--t-press) var(--ease-luz);background:0 0;border:0;border-radius:50%;place-items:center;padding:0;display:grid}.hero .hero__flecha:active{transform:scale(.92)}@media (hover:hover){.hero .hero__flecha:hover{background:var(--mist-100);color:var(--ink-900)}}.hero .hero__anillos{align-items:center;display:flex}.hero .hero__anillo{--p:0;cursor:pointer;background:0 0;border:0;place-items:center;width:44px;height:44px;padding:0;display:grid}@media (max-width:480px){.hero .hero__anillo{width:40px}}.hero .hero__anillo svg{width:28px;height:28px;overflow:visible}.hero .hero__anillo circle{fill:none;transform-box:fill-box;transform-origin:50%}.hero .hero__anillo-pista{stroke:var(--mist-300);stroke-width:1.5px;opacity:0;transition:opacity var(--t-fast) var(--ease-luz)}.hero .hero__anillo-trazo{stroke:var(--teal-600);stroke-width:2.25px;stroke-linecap:round;opacity:0;stroke-dasharray:100;stroke-dashoffset:calc(100 - 100 * var(--p,0));transform:rotate(-90deg)}.hero .hero__anillo .hero__anillo-punto{fill:var(--mist-400);stroke:none;transition:fill var(--t-fast) var(--ease-luz), transform var(--t-base) var(--ease-out)}@media (hover:hover){.hero .hero__anillo:hover .hero__anillo-punto{fill:var(--ink-600);transform:scale(1.2)}.hero .hero__anillo:hover .hero__anillo-pista{opacity:1}}.hero .hero__anillo[aria-current] .hero__anillo-pista,.hero .hero__anillo[aria-current] .hero__anillo-trazo{opacity:1}.hero .hero__anillo[aria-current] .hero__anillo-punto{fill:var(--teal-600);transform:scale(1.2)}.hero.is-manual .hero__anillo[aria-current] .hero__anillo-trazo{stroke-dashoffset:0}.hero.is-pausado .hero__anillo[aria-current] .hero__anillo-trazo{stroke:var(--ink-500)}.hero.is-pausado .hero__anillo[aria-current] .hero__anillo-punto{fill:var(--ink-500)}@media (max-height:520px) and (orientation:landscape){.hero{--hero-fila:0px}.js .carrusel.hero>.carrusel__controles.hero__controles{z-index:3;border-radius:var(--r-pill);width:auto;height:auto;box-shadow:var(--sh-1);background:#ffffffe6;padding:2px;position:absolute;bottom:.5rem;left:50%;translate:-50%}.hero .hero__flecha,.hero .hero__anillo{height:40px}.hero .hero__flecha{width:40px}.hero .hero__pausa{transform:scale(.9)}}@media (prefers-reduced-motion:no-preference){.js.entrada-inicial:not(.no-motion):not(.hero-visto) .hero .hero__estrado{animation:heroEnfoca var(--t-focus) var(--ease-out) backwards}.js.entrada-inicial:not(.no-motion):not(.hero-visto) .hero .hero__controles{animation:heroSube var(--t-slow) var(--ease-out) .5s backwards}}@media (prefers-reduced-motion:no-preference) and (hover:hover) and (pointer:fine){.js.entrada-inicial:not(.no-motion):not(.hero-visto) .hero:not(:has(.hero__diapo.is-activa[data-tipo=video])) .hero__estrado{animation-name:heroEnfocaFino}}@keyframes heroEnfoca{0%{opacity:0;transform:scale(1.03)}to{opacity:1;transform:none}}@keyframes heroEnfocaFino{0%{opacity:0;filter:blur(10px);transform:scale(1.03)}to{opacity:1;filter:none;transform:none}}@keyframes heroSube{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}}