.hero{--p:0;--ancho-inicial:15rem;--alto-inicial:21rem;--colapsa:0;background-color:var(--color-noche);height:300dvh;position:relative}@media (width>=48rem){.hero{--ancho-inicial:20rem;--alto-inicial:27rem;--colapsa:1}}.hero__escena{isolation:isolate;height:100dvh;position:sticky;top:0;overflow:hidden}.hero__fondo,.hero__media{position:absolute}.hero__fondo img,.hero__media img{object-fit:cover;width:100%;height:100%}.hero__fondo{opacity:calc(1 - var(--p));inset:0}.hero__media{width:calc(var(--ancho-inicial) + (100vw - var(--ancho-inicial)) * var(--p));height:calc(var(--alto-inicial) + (100dvh - var(--alto-inicial)) * var(--p));top:50%;left:50%;transform:translate(-50%,-50%)}.hero__media img{object-position:50% 30%}.hero__fondo:after,.hero__media:after{content:"";background-color:var(--color-noche);opacity:.55;position:absolute;inset:0}.hero__logo{width:9rem;height:auto;position:absolute;top:1.75rem;left:50%;transform:translate(-50%)}.hero__titulo{pointer-events:none;color:var(--color-plafon);letter-spacing:.03em;text-transform:uppercase;place-items:center;font-size:clamp(2.25rem,5vw,4.5rem);font-weight:400;font-stretch:125%;line-height:1;display:grid;position:absolute;inset:0}.hero__titulo span{--abre:clamp(0, var(--p) / .6, 1);--baja:clamp(0, (var(--p) - .4) / .6, 1);transform:translate(calc(var(--x) * var(--abre) * var(--colapsa)), calc(var(--renglon) * 1.2em * (1 - var(--colapsa) * var(--baja))));grid-area:1/1}.hero__accion{justify-content:center;display:flex;position:absolute;bottom:4.25rem;left:1.25rem;right:1.25rem}.hero__pista{color:var(--color-plafon);font-size:var(--text-etiqueta);letter-spacing:var(--text-etiqueta--letter-spacing);text-transform:uppercase;opacity:calc(1 - var(--p) * 4);font-weight:600;font-stretch:125%;position:absolute;bottom:1.5rem;left:50%;transform:translate(-50%)}.buscador{place-items:end center;width:100%;max-width:62rem;display:grid}.buscador__boton,.buscador__formulario{grid-area:1/1}.buscador__boton,.buscador__enviar{font-size:var(--text-boton);letter-spacing:var(--text-boton--letter-spacing);text-transform:uppercase;cursor:pointer;font-weight:600;font-stretch:125%;line-height:1}.buscador__boton{border:1px solid var(--color-plafon);background-color:color-mix(in srgb, var(--color-noche) 50%, transparent);color:var(--color-plafon);padding:1.25rem 3.5rem;transition:background-color .14s linear,border-color .14s linear,color .14s linear}.buscador__boton:hover{border-color:var(--color-dorado);background-color:var(--color-dorado);color:var(--color-noche)}.buscador__boton:focus-visible{outline-color:var(--color-dorado)}.buscador__formulario{background-color:var(--color-plafon);opacity:0;visibility:hidden;width:100%;transition:opacity .5s ease-out,transform .5s ease-out;display:grid;transform:translateY(1rem)}.buscador[data-abierto=true] .buscador__boton{visibility:hidden}.buscador[data-abierto=true] .buscador__formulario{opacity:1;visibility:visible;transform:none}.buscador__campo{border-bottom:1px solid var(--color-junta);position:relative}.buscador__campo select{appearance:none;width:100%;height:3.75rem;color:var(--color-grafito);font-size:var(--text-cuerpo);cursor:pointer;background:0 0;padding:0 3rem 0 1.25rem}.buscador__campo select[data-vacio=true]{color:var(--color-pizarra-honda)}.buscador__campo select option{color:var(--color-grafito)}.buscador__campo select:focus-visible{outline-offset:-4px}.buscador__campo select:disabled{opacity:.38;cursor:not-allowed}.buscador__flecha{fill:none;width:1.25rem;height:1.25rem;stroke:var(--color-grafito);stroke-width:1.5px;stroke-linecap:butt;stroke-linejoin:miter;pointer-events:none;position:absolute;top:50%;right:1.25rem;transform:translateY(-50%)}.buscador__enviar{background-color:var(--color-dorado);height:3.75rem;color:var(--color-noche);padding:0 3rem;transition:background-color .14s linear}.buscador__enviar:hover{background-color:var(--color-dorado-hondo)}.buscador__enviar:focus-visible{outline-offset:-4px}@media (width>=48rem){.buscador__formulario{grid-template-columns:1fr 1fr auto}.buscador__campo{border-right:1px solid var(--color-junta);border-bottom:0}}@media (prefers-reduced-motion:reduce){.hero{--p:1;height:100dvh}.buscador__boton,.buscador__formulario,.buscador__enviar{transition:none}.buscador__formulario{transform:none}}
