@import "https://fonts.googleapis.com/css2?family=Gloock&family=Figtree:wght@400;500&family=IBM+Plex+Mono:wght@400&display=swap";
.et{--et-noche:#05060a;--et-ceniza:#f3e6da;--et-humo:#f3e6daa8;--et-linea:#f3e6da38;--et-display:"Gloock","Bodoni 72",Didot,Georgia,serif;--et-body:"Figtree","Helvetica Neue",Arial,sans-serif;--et-mono:"IBM Plex Mono",ui-monospace,Menlo,monospace;--lx:50vw;--ly:45vh;background:var(--et-noche);min-height:100svh;color:var(--et-ceniza);font-family:var(--et-body);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;-webkit-font-smoothing:antialiased;flex-direction:column;display:flex;position:relative;overflow:hidden}.et *{box-sizing:border-box}.et h1,.et h2{text-transform:none;letter-spacing:normal}.et-bandas{z-index:0;display:flex;position:fixed;inset:0}.et-banda{clip-path:inset(100% 0 0);animation:et-banda-sube 1.3s cubic-bezier(.65,0,.25,1) calc(.12s * var(--i)) both;flex:1;transition:flex 1.1s cubic-bezier(.65,0,.25,1);position:relative;overflow:hidden}.et-banda+.et-banda{border-left:1px solid #05060ae6}.et-banda:hover{flex:1.9}@keyframes et-banda-sube{to{clip-path:inset(0)}}.et-banda-pintura{animation:et-respira 22s ease-in-out calc(-5s * var(--i)) infinite alternate;background-position:50%;background-size:cover;position:absolute;inset:-8%}.et-banda[data-k=tierra] .et-banda-pintura{animation-duration:30s}.et-banda[data-k=aire] .et-banda-pintura{animation-duration:18s}.et-banda[data-k=agua] .et-banda-pintura{animation-duration:26s}@keyframes et-respira{0%{transform:scale(1)translate(0)}50%{transform:scale(1.08)translate(-2%,1.5%)}to{transform:scale(1.03)translate(2%,-1%)}}.et-sims{pointer-events:none;display:flex;position:absolute;bottom:22px;left:0;right:0}.et-sims>span{color:var(--et-ceniza);opacity:0;animation:et-aparece .8s ease calc(1.2s + .12s * var(--i)) both;filter:drop-shadow(0 1px 8px #000000e6);flex:1;justify-content:center;transition:flex 1.1s cubic-bezier(.65,0,.25,1);display:flex}.et-sims svg{display:block}:is(.et-bandas:has(.et-banda:first-child:hover) .et-sims>:first-child,.et-bandas:has(.et-banda:nth-child(2):hover) .et-sims>:nth-child(2),.et-bandas:has(.et-banda:nth-child(3):hover) .et-sims>:nth-child(3),.et-bandas:has(.et-banda:nth-child(4):hover) .et-sims>:nth-child(4)){flex:1.9}.et[data-entrando] .et-sims{opacity:0;transition:opacity .3s}.et-lampara{pointer-events:none;background:radial-gradient(circle at var(--lx) var(--ly),#05060a00 0,#05060a52 14vmax,#05060acc 36vmax,#05060ae6 60vmax);position:absolute;inset:0}.et-bandas:after{content:"";pointer-events:none;background:radial-gradient(70% 55%,#05060a8c 0%,#05060a00 70%);position:absolute;inset:0}.et[data-entrando] .et-banda{animation:et-banda-baja .8s cubic-bezier(.65,0,.25,1) calc(70ms * (3 - var(--i))) both}@keyframes et-banda-baja{0%{clip-path:inset(0)}to{clip-path:inset(0 0 100%)}}.et[data-entrando] .et-inicio{opacity:0;transition:opacity .45s,transform .45s;transform:translateY(-12px)}.et-inicio{pointer-events:none}.et-inicio .et-boton{pointer-events:auto}.et-titular{text-shadow:0 2px 40px #000000bf;max-width:15ch;font-size:clamp(44px,7.4vw,96px)!important;line-height:.98!important}.et-palabra-tit{opacity:0;filter:blur(6px);animation:et-palabra .9s cubic-bezier(.2,.7,.2,1) var(--d) both;white-space:pre;display:inline-block;transform:translateY(.35em)}@keyframes et-palabra{to{opacity:1;filter:none;transform:none}}.et-aparece{opacity:0;animation:et-aparece .9s ease var(--d,0s) both}@keyframes et-aparece{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.et-inicio p{text-shadow:0 1px 18px #000000e6}.et-fondos{z-index:0;pointer-events:none;position:fixed;inset:0}.et-fondo{opacity:0;filter:saturate(1.05);background-position:50%;background-size:cover;transition:opacity .9s,transform 6s;position:absolute;inset:-4%;transform:scale(1.06)}.et-fondo[data-on=destello]{opacity:.42;transition:opacity .12s}.et-fondo[data-on=fijo]{opacity:.78;transition:opacity 1.6s,transform 9s;transform:scale(1)}.et-fondos:after{content:"";background:radial-gradient(#05060a40 0%,#05060ad1 75%);position:absolute;inset:0}.et-cabecera{z-index:3;font-family:var(--et-mono);letter-spacing:.16em;text-transform:uppercase;color:var(--et-humo);justify-content:space-between;align-items:center;padding:22px clamp(16px,4vw,40px);font-size:11px;display:flex;position:relative}.et-marca{color:var(--et-ceniza);filter:drop-shadow(0 1px 10px #000000e6);line-height:0;text-decoration:none;display:inline-flex}.et-marca svg{width:auto;height:28px;display:block}.et-progreso{z-index:3;background:var(--et-linea);height:1px;margin:0 clamp(16px,4vw,40px);position:relative}.et-progreso i{background:var(--et-ceniza);transform-origin:0;height:100%;transition:transform .4s;display:block}.et-pantalla{z-index:2;text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;width:100%;max-width:760px;margin:0 auto;padding:24px 16px 48px;animation:.45s both et-entra;display:flex;position:relative}@keyframes et-entra{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}.et-pantalla h1{font-family:var(--et-display);text-wrap:balance;margin:18px 0 22px;font-size:clamp(38px,6.4vw,72px);font-weight:400;line-height:1}.et-pantalla h2{font-family:var(--et-display);text-wrap:balance;margin:0 0 18px;font-size:clamp(28px,4.4vw,46px);font-weight:400;line-height:1.08}.et-pantalla p{color:var(--et-humo);text-wrap:pretty;max-width:520px;margin:0 0 14px;font-size:17px;line-height:1.5}.et-etq{font-family:var(--et-mono);letter-spacing:.16em;text-transform:uppercase;color:var(--et-humo);font-size:11px!important}.et-nota{font-family:var(--et-mono);letter-spacing:.12em;text-transform:uppercase;margin-top:14px!important;font-size:11px!important}.et-sim{color:var(--et-ceniza);display:block}.et-boton{font:500 15px/1 var(--et-body);letter-spacing:.02em;color:#0b0b0b;background:var(--et-ceniza);cursor:pointer;border:0;border-radius:999px;margin-top:18px;padding:17px 38px;transition:transform .2s,background .2s,box-shadow .2s;box-shadow:0 6px 30px #00000080}.et-boton:hover{background:#fff;transform:translateY(-1px)}.et-boton:focus-visible,.et-respuesta:focus-visible,.et-enlace:focus-visible,.et-marca:focus-visible{outline-offset:3px;outline:2px solid #fff}.et-habla{transition:opacity .35s}.et-habla[data-saliendo=true]{opacity:0}.et-situacion{margin-bottom:28px!important}.et-respuestas{flex-direction:column;gap:10px;width:100%;max-width:600px;display:flex}.et-respuesta{text-align:left;font:400 16px/1.4 var(--et-body);color:var(--et-ceniza);border:1px solid var(--et-linea);cursor:pointer;-webkit-tap-highlight-color:transparent;background:#05060a80;border-radius:14px;padding:16px 20px;transition:border-color .2s,background .2s,transform .15s}.et-respuesta:hover{background:#f3e6da0f;border-color:#f3e6da99}.et-respuesta:active{transform:scale(.99)}.et-resultado .et-sim-grande{filter:drop-shadow(0 4px 30px #0009);margin-top:18px}.et-nombre{text-shadow:0 4px 60px #000000b3;margin:18px 0 26px!important;font-size:clamp(84px,17vw,200px)!important;line-height:.9!important}.et-enlace{color:var(--et-ceniza);font:400 12px/1 var(--et-mono);letter-spacing:.14em;text-transform:uppercase;cursor:pointer;border:0;border-bottom:1px solid var(--et-linea);background:0 0;padding:6px 0}.et-recuento{font-family:var(--et-mono);letter-spacing:.06em;margin-top:34px!important;font-size:11px!important}@media (max-width:560px){.et-marca svg{height:22px}.et-respuesta{padding:14px 16px;font-size:15px}.et-pantalla{padding-bottom:28px}.et-titular{font-size:clamp(40px,12vw,56px)!important}.et-sims{bottom:16px}}@media (prefers-reduced-motion:reduce){.et *,.et-fondo{transition:none!important;animation:none!important}.et-banda{clip-path:none}.et-palabra-tit,.et-aparece,.et-sims>span{opacity:1;filter:none;transform:none}}.et[data-fase=resultado]{overflow:visible}.et[data-fase=resultado] .et-cabecera{background:linear-gradient(#05060ab3,#05060a00);position:fixed;top:0;left:0;right:0}.etr{z-index:2;position:relative}.etr-lienzo{z-index:0;opacity:0;width:100vw;height:100vh;transition:opacity 1.4s;display:block;position:fixed;inset:0}.etr[data-vivo] .etr-lienzo{opacity:1}.etr:before{content:"";z-index:1;pointer-events:none;background:radial-gradient(70% 52%,#05060a9e 0%,#05060a00 78%);position:fixed;inset:0}.etr-paso{z-index:2;text-align:center;flex-direction:column;justify-content:center;align-items:center;max-width:860px;min-height:100svh;margin:0 auto;padding:96px clamp(20px,6vw,64px);display:flex;position:relative}.etr-revela{min-height:100svh}.etr-revela .et-nombre{font-family:var(--et-display);text-shadow:0 4px 60px #000000b3;margin:14px 0 22px;font-size:clamp(84px,15vw,190px);font-weight:400;line-height:.9}.etr-revela .et-sim-grande{filter:drop-shadow(0 4px 30px #0009);margin-top:14px}.etr-texto{font-family:var(--et-display);color:var(--et-ceniza);text-wrap:balance;text-shadow:0 2px 24px #000000d9,0 0 2px #0009;max-width:26ch;margin:0;font-size:clamp(26px,3vw,40px);font-weight:400;line-height:1.18}.etr-grande{letter-spacing:-.01em;max-width:16ch;font-size:clamp(38px,5.2vw,72px);line-height:1.02}.etr-linea{display:block}.etr-linea+.etr-linea{margin-top:.5em}.etr-w{white-space:pre-wrap;opacity:0;filter:blur(5px);transition:opacity .7s ease var(--d),transform .9s cubic-bezier(.2,.7,.2,1) var(--d),filter .7s ease var(--d);display:inline-block;transform:translateY(.35em)}.etr-paso[data-visto] .etr-w{opacity:1;filter:none;transform:none}.etr-guia{font-family:var(--et-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--et-humo);text-shadow:0 1px 12px #000000e6;margin:6px 0 0;font-size:11px}.etr-baja{font-family:var(--et-mono);letter-spacing:.16em;text-transform:uppercase;color:var(--et-humo);font-size:11px;animation:1s 1.6s both et-aparece;position:absolute;bottom:28px;left:0;right:0}.etr-baja:after{content:"";background:linear-gradient(var(--et-ceniza),transparent);width:1px;height:28px;margin:10px auto 0;display:block}.etr-paso[data-tramo=sombra] .etr-texto{-webkit-mask-image:radial-gradient(circle at var(--mx,50%) var(--my,50%),#000 0,#000 6vmax,#00000012 17vmax);-webkit-mask-image:radial-gradient(circle at var(--mx,50%) var(--my,50%),#000 0,#000 6vmax,#00000012 17vmax);mask-image:radial-gradient(circle at var(--mx,50%) var(--my,50%),#000 0,#000 6vmax,#00000012 17vmax)}.etr-lampara-guia{text-shadow:0 1px 12px #000000e6;margin:0 0 26px!important}.etr-datos{justify-content:center;padding-bottom:64px}.etr-form{text-align:left;-webkit-backdrop-filter:blur(14px);border:1px solid var(--et-linea);background:#05060ab8;border-radius:20px;flex-direction:column;gap:12px;width:100%;max-width:440px;padding:28px clamp(18px,4vw,30px);display:flex}.etr-form-titulo{font-family:var(--et-display);color:var(--et-ceniza);margin:0 0 8px;font-size:clamp(21px,2.1vw,26px);line-height:1.25}.etr-form label{color:var(--et-humo);flex-direction:column;gap:6px;font-size:13px;display:flex}.etr-form input:not([type=checkbox]){font:400 16px/1.3 var(--et-body);color:var(--et-ceniza);border:1px solid var(--et-linea);background:#f3e6da0f;border-radius:12px;outline:none;padding:13px 14px;transition:border-color .2s}.etr-form input:focus-visible{border-color:#f3e6dab3}.etr-form .etr-acepto{flex-direction:row;align-items:flex-start;gap:10px;margin-top:4px;font-size:13px;line-height:1.4}.etr-acepto input{accent-color:#f3e6da;flex:none;width:16px;height:16px;margin-top:2px}.etr-acepto a{color:var(--et-ceniza)}.etr-form .et-boton{align-self:stretch;margin-top:8px}.et-boton:disabled{opacity:.6;cursor:default}.et-boton:active{transform:scale(.98)}.etr-trampa{opacity:0;width:1px;height:1px;position:absolute;left:-9999px}.etr-error{color:#ffb4a0;margin:0;font-size:14px}.etr-nota{color:var(--et-humo);text-align:center;margin:2px 0 0;font-size:12px}.etr-hecho{flex-direction:column;align-items:center;gap:18px;display:flex}.etr-cierre{color:var(--et-humo);margin-top:18px;font-size:clamp(20px,2vw,26px)}.etr-repetir{margin-top:40px}@media (max-width:560px){.etr-paso{padding:84px 20px}.etr-texto{font-size:clamp(23px,6.4vw,30px)}.etr-grande{font-size:clamp(34px,10vw,46px)}}@media (prefers-reduced-motion:reduce){.etr-w{opacity:1;filter:none;transition:none;transform:none}.etr-paso[data-tramo=sombra] .etr-texto{-webkit-mask-image:none;mask-image:none}}.et-legal{display:block;overflow:visible}.et-legal-texto{max-width:680px;color:var(--et-humo);margin:0 auto;padding:56px 22px 96px;font-size:16px;line-height:1.65}.et-legal-texto h1{font-family:var(--et-display);color:var(--et-ceniza);margin:36px 0 10px;font-size:clamp(40px,6vw,64px);font-weight:400;line-height:1}.et-legal-texto h2{font-family:var(--et-display);color:var(--et-ceniza);margin:40px 0 10px;font-size:clamp(22px,2.4vw,28px);font-weight:400;line-height:1.2}.et-legal-texto strong{color:var(--et-ceniza);font-weight:500}.et-legal-texto a{color:var(--et-ceniza)}.et-legal-texto ul{margin:0 0 14px;padding-left:20px}.et-legal-fecha{font-family:var(--et-mono);letter-spacing:.12em;text-transform:uppercase;font-size:11px}