.hero-ref{--hr-f1:var(--brand-950);--hr-f2:var(--brand-800);--hr-f3:var(--brand-600);--hr-f4:var(--brand-500);--hr-f5:var(--brand-bright);--hr-halo:color-mix(in srgb, var(--bright-300) 50%, transparent);--hr-rayos:color-mix(in srgb, var(--text-on-brand) 7.5%, transparent);--hr-resplandor:color-mix(in srgb, var(--brand-500) 42%, transparent);--hr-sombra:var(--brand-950);--hr-oro:var(--luck-fill);--hr-oro-canto:var(--luck-700);--hr-texto:var(--text-on-brand);--hr-sangrado:1rem;margin-inline:calc(var(--hr-sangrado) * -1);padding-inline:var(--hr-sangrado);font-family:var(--font-sans);font-variant-numeric:tabular-nums;color:var(--hr-texto);overflow-x:clip;container:hero-ref/inline-size}@media (min-width:40rem){.hero-ref{--hr-sangrado:1.5rem}}.hero-ref__escena{--modelo-ancho:min(82cqi, 360px);--modelo-x:50%;--zona-modelo:min(85cqi, 372px);--t-l1:clamp(16px, 5.8cqi, 26px);--t-cifra:min(21cqi, 92px);--t-l3:min(7.6cqi, 34px);--t-l4:clamp(16px, 5.4cqi, 24px);isolation:isolate;padding-block:7cqi 6cqi;display:grid;position:relative}.hero-ref__caja,.hero-ref__capas,.hero-ref__texto,.hero-ref__enlace{grid-area:1/1}.hero-ref__caja{z-index:0;border-radius:var(--radius-xl);background:radial-gradient(80% 30% at var(--modelo-x) 66%, var(--hr-halo), transparent 72%), linear-gradient(180deg, var(--hr-f2) 0%, var(--hr-f3) 50%, var(--hr-f4) 76%, var(--hr-f5) 100%);box-shadow:inset 0 1px 0 color-mix(in srgb, var(--text-on-brand) 30%, transparent), inset 0 0 0 1px color-mix(in srgb, var(--text-on-brand) 8%, transparent), 0 3cqi 9cqi -3cqi var(--hr-resplandor);position:relative;overflow:hidden}.hero-ref__caja:before{content:"";position:absolute;inset:0}.hero-ref__caja:after{content:"";opacity:.1;mix-blend-mode:overlay;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='180' height='180'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='2' stitchTiles='stitch'/></filter><rect width='100%' height='100%' filter='url(%23n)'/></svg>");position:absolute;inset:0}.hero-ref__capas{pointer-events:none;position:relative}.hero-ref__modelo{z-index:2;left:var(--modelo-x);width:var(--modelo-ancho);max-width:none;height:auto;filter:drop-shadow(0 2cqi 3cqi color-mix(in srgb, var(--hr-sombra) 32%, transparent));position:absolute;bottom:0;translate:-50%}.hero-ref__boleto{z-index:1;left:var(--x);top:var(--y);width:var(--w);max-width:none;height:auto;rotate:var(--r,0deg);filter:drop-shadow(0 1cqi 1.4cqi color-mix(in srgb, var(--hr-sombra) 38%, transparent));position:absolute}.hero-ref__boleto--delante{z-index:3}.hero-ref__boleto--abajo{top:auto;bottom:var(--y)}.hero-ref__boleto[data-en=escritorio]{display:none}.hero-ref__texto{z-index:4;padding:8cqi 6cqi var(--zona-modelo);text-align:center;flex-direction:column;align-items:center;display:flex;position:relative}.hero-ref__titulo{letter-spacing:-.01em;text-shadow:0 .06em .3em color-mix(in srgb, var(--hr-sombra) 35%, transparent);align-self:stretch;margin:0;font-weight:700;line-height:1.05}.hero-ref__titulo>span{display:block}.hero-ref__l1{font-size:var(--t-l1)}.hero-ref__cifra{font-size:var(--t-cifra);letter-spacing:-.035em;white-space:nowrap;color:var(--hr-oro);text-shadow:0 .035em 0 var(--hr-oro-canto), 0 .07em .22em color-mix(in srgb, var(--hr-sombra) 50%, transparent);margin:.04em 0 .06em;font-weight:800;line-height:.92}.hero-ref__l3{font-size:var(--t-l3)}.hero-ref__gratis{letter-spacing:.02em;text-shadow:none;color:var(--on-hot-fill);background:var(--hot-fill);box-shadow:0 .1em .3em color-mix(in srgb, var(--hr-sombra) 35%, transparent);border-radius:.16em;margin-left:.14em;padding:.05em .3em .07em;font-style:normal;display:inline-block;rotate:-3deg}.hero-ref__l4{font-size:var(--t-l4);color:color-mix(in srgb, var(--text-on-brand) 94%, transparent);margin-top:.3em;font-weight:600}.hero-ref__cta{border-radius:var(--radius-md);width:100%;max-width:360px;min-height:48px;color:var(--brand-950);background:var(--text-on-brand);box-shadow:0 8px 22px -6px color-mix(in srgb, var(--hr-sombra) 55%, transparent);transition:background-color var(--dur) var(--ease-out), translate var(--dur-press);justify-content:center;align-items:center;gap:10px;margin-top:5.5cqi;padding:0 24px;font-size:1rem;font-weight:700;line-height:1.1;display:inline-flex}.hero-ref__escena:has(.hero-ref__enlace:hover) .hero-ref__cta{background:var(--brand-50)}.hero-ref__escena:has(.hero-ref__enlace:active) .hero-ref__cta{translate:0 1px}.hero-ref__nota{text-wrap:pretty;max-width:48ch;color:color-mix(in srgb, var(--text-on-brand) 90%, transparent);margin:12px 0 0;font-size:13px;line-height:1.45}.hero-ref__enlace{z-index:5;border-radius:var(--radius-xl);-webkit-tap-highlight-color:transparent;position:relative}.hero-ref__enlace:focus-visible{outline:3px solid var(--text-on-brand);outline-offset:4px}@container hero-ref (min-width:600px){.hero-ref__escena{--caja-alto:43cqi;--modelo-alto:123%;--modelo-x:71.5%;--t-l1:max(16px, 2.4cqi);--t-cifra:10.4cqi;--t-l3:3.6cqi;--t-l4:max(16px, 2.2cqi);padding-block:calc(var(--caja-alto) * .25) 2cqi}.hero-ref__caja{min-height:var(--caja-alto);background:radial-gradient(34% 78% at var(--modelo-x) 36%, var(--hr-halo), transparent 72%), linear-gradient(100deg, var(--hr-f1) 0%, var(--hr-f2) 22%, var(--hr-f3) 44%, var(--hr-f4) 62%, var(--hr-f5) 100%)}.hero-ref__caja:before{background:repeating-conic-gradient(from -3deg at var(--modelo-x) 38%, var(--hr-rayos) 0 4deg, transparent 4deg 12deg);-webkit-mask-image:radial-gradient(closest-side at var(--modelo-x) 38%, #000 20%, transparent 100%);-webkit-mask-image:radial-gradient(closest-side at var(--modelo-x) 38%, #000 20%, transparent 100%);mask-image:radial-gradient(closest-side at var(--modelo-x) 38%, #000 20%, transparent 100%)}.hero-ref__modelo{width:auto;height:var(--modelo-alto)}.hero-ref__boleto[data-en=movil]{display:none}.hero-ref__boleto[data-en=escritorio]{display:block}.hero-ref__texto{width:42cqi;min-height:var(--caja-alto);text-align:left;justify-content:center;justify-self:start;align-items:flex-start;padding:3cqi 0 3cqi 6cqi}.hero-ref__gratis{width:fit-content;margin:.2em 0 0 .04em;display:block}.hero-ref__l4{margin-top:.45em}.hero-ref__cta{width:auto;margin-top:2.2cqi}.hero-ref__nota{max-width:34cqi}}
