.web{--w-fondo:#06120d;--w-fondo-2:#0a1a14;--w-superficie:#10241b;--w-borde:#1f3a2e;--w-texto:#eaf7f0;--w-suave:#9dbdae;--w-acento:#2bff88;--w-acento-suave:#2bff8824;--w-ocre:#e3a857;--w-sobre-acento:#04130c;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;background:var(--w-fondo);color:var(--w-texto);min-height:100dvh;overflow-x:clip}.web-ancho{width:100%;max-width:72rem;margin-inline:auto;padding-inline:1.25rem}@media (min-width:640px){.web-ancho{padding-inline:2rem}}.web-cabecera{top:env(safe-area-inset-top,0px);z-index:20;background:color-mix(in srgb, var(--w-fondo) 78%, transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid color-mix(in srgb, var(--w-borde) 60%, transparent);position:sticky}.web-nav{color:var(--w-suave);border-radius:.5rem;padding:.35rem .5rem;transition:color .2s}.web-nav:hover,.web-nav:focus-visible{color:var(--w-texto)}.web-idioma{letter-spacing:.06em;border:1px solid var(--w-borde);color:var(--w-texto);border-radius:999px;padding:.35rem .7rem;font-size:.8rem;font-weight:700}.web-idioma:hover{border-color:var(--w-acento);color:var(--w-acento)}.web-portada{isolation:isolate;position:relative;overflow:hidden}.web-halo{z-index:-1;background:radial-gradient(closest-side,#2bff882e,#2bff880a 55%,#0000);border-radius:50%;width:60rem;height:60rem;animation:9s ease-in-out infinite alternate halo;position:absolute;top:-18rem;right:-22rem}@keyframes halo{to{transform:translate(-4rem,3rem)scale(1.08)}}.web-antetitulo{letter-spacing:.12em;text-transform:uppercase;color:var(--w-ocre);font-size:.78rem;font-weight:700}.web-titulo{font-family:var(--fuente-marca), "Arial Black", sans-serif;letter-spacing:-.03em;text-wrap:balance;font-size:clamp(2.3rem,8.5vw,4.6rem);line-height:1.02}.web-coletilla{letter-spacing:-.01em;background:linear-gradient(90deg, var(--w-acento), #b9ffd8 60%, var(--w-ocre));color:#0000;-webkit-background-clip:text;background-clip:text;min-height:1.25em;margin-top:.6rem;font-size:.42em;line-height:1.2;display:block}.web-entradilla{color:var(--w-suave);max-width:36rem;font-size:clamp(1.02rem,2.6vw,1.2rem);line-height:1.6}.web-mascota{justify-items:center;display:grid;position:relative}.web-mascota img{filter:drop-shadow(0 18px 40px #2bff882e);width:min(72vw,300px);height:auto;animation:5s ease-in-out infinite flotar}.web-mascota-sombra{filter:blur(8px);background:#2bff881f;border-radius:50%;width:46%;height:18px;margin-top:-6px;animation:5s ease-in-out infinite sombra}@keyframes flotar{50%{transform:translateY(-12px)rotate(-1deg)}}@keyframes sombra{50%{opacity:.6;transform:scaleX(.8)}}.web-boton{border-radius:.9rem;justify-content:center;align-items:center;gap:.5rem;padding:.85rem 1.3rem;font-weight:700;transition:transform .15s,box-shadow .25s,background .2s,border-color .2s;display:inline-flex}.web-boton:active{transform:scale(.97)}.web-boton:focus-visible{outline:2px solid var(--w-acento);outline-offset:3px}.web-boton-principal{background:var(--w-acento);color:var(--w-sobre-acento);animation:2.8s ease-out infinite latido;box-shadow:0 0 #2bff8880}.web-boton-principal:hover{box-shadow:0 10px 30px -8px #2bff88a6}@keyframes latido{0%{box-shadow:0 0 #2bff8873}70%,to{box-shadow:0 0 0 14px #2bff8800}}.web-boton-secundario{border:1px solid var(--w-borde);color:var(--w-texto)}.web-boton-secundario:hover{border-color:var(--w-acento)}.web-seccion{border-top:1px solid color-mix(in srgb, var(--w-borde) 55%, transparent);padding-block:clamp(4rem,10vw,7rem)}.web-seccion-honesta{background:radial-gradient(at 20%,#e3a85714,#0000 60%)}.web-h2{font-family:var(--fuente-marca), "Arial Black", sans-serif;letter-spacing:-.02em;text-wrap:balance;font-size:clamp(1.7rem,5.5vw,2.6rem);line-height:1.08}.web-texto{color:var(--w-suave);max-width:40rem;line-height:1.65}.revelar{transition:opacity .8s cubic-bezier(.2,.8,.2,1),transform .8s cubic-bezier(.2,.8,.2,1),filter .8s}.revelar-oculto{opacity:0;filter:blur(4px);transform:translateY(28px)scale(.98)}.web-paso{background:var(--w-superficie);border:1px solid var(--w-borde);border-radius:1.25rem;padding:1.5rem;position:relative;overflow:hidden}.web-paso:after{content:"";border-radius:inherit;pointer-events:none;background:linear-gradient(120deg,#0000 30%,#2bff8814 50%,#0000 70%);transition:transform 1.2s;position:absolute;inset:0;transform:translate(-100%)}.web-paso:hover:after{transform:translate(100%)}.web-paso-num{width:2.4rem;height:2.4rem;font-family:var(--fuente-marca), sans-serif;background:var(--w-acento-suave);color:var(--w-acento);border-radius:.75rem;place-items:center;margin-bottom:1rem;display:grid}.demo-marco{background:var(--w-fondo-2);border:1px solid var(--w-borde);border-radius:1.4rem;overflow:hidden;box-shadow:0 30px 80px -30px #2bff8840}.demo-cabecera{border-bottom:1px solid var(--w-borde);align-items:center;gap:.4rem;padding:.75rem 1rem;display:flex}.demo-punto{background:var(--w-borde);border-radius:50%;width:.6rem;height:.6rem}.demo-etiqueta{letter-spacing:.1em;text-transform:uppercase;color:var(--w-ocre);margin-left:auto;font-size:.7rem;font-weight:700}.demo-cuerpo{flex-direction:column;gap:.9rem;min-height:34rem;padding:1.1rem;display:flex}.demo-resena{background:var(--w-superficie);border:1px solid var(--w-borde);border-radius:1rem;padding:1rem;transition:opacity .4s}.demo-avatar{background:#2a4a3c;border-radius:50%;place-items:center;width:1.8rem;height:1.8rem;font-size:.8rem;font-weight:700;display:grid}.demo-estrellas{color:#f5b301;letter-spacing:1px}.demo-idioma{border:1px solid var(--w-borde);color:var(--w-suave);border-radius:999px;margin-left:auto;padding:.15rem .5rem;font-size:.7rem;font-weight:700}.demo-pensando{opacity:.35;align-items:center;gap:.6rem;min-height:2.25rem;transition:opacity .3s;display:flex}.demo-pensando.visible{opacity:1}.demo-pensando.visible .demo-cabeza{animation:.9s ease-in-out infinite pensar}@keyframes pensar{50%{transform:translateY(-3px)rotate(-4deg)}}.puntos-pensando{gap:3px;display:inline-flex}.puntos-pensando i{background:var(--w-acento);border-radius:50%;width:5px;height:5px;animation:1s infinite punto}.puntos-pensando i:nth-child(2){animation-delay:.15s}.puntos-pensando i:nth-child(3){animation-delay:.3s}@keyframes punto{0%,to{opacity:.25;transform:translateY(0)}50%{opacity:1;transform:translateY(-3px)}}.demo-respuesta{background:linear-gradient(160deg,#2bff8817,#2bff8805);border:1px solid #2bff8847;border-radius:1rem;padding:1rem}.demo-traduccion{opacity:0;border-top:1px dashed #0000;max-height:0;margin-top:0;padding-top:0;transition:max-height .6s,opacity .5s .1s,transform .5s .1s,margin .4s,padding .4s;overflow:hidden;transform:translateY(6px)}.demo-traduccion.visible{border-top-color:var(--w-borde);opacity:1;max-height:24rem;margin-top:.9rem;padding-top:.8rem;transform:none}.demo-sello{border-radius:999px;margin-top:.75rem;padding:.3rem .7rem;font-size:.78rem;font-weight:700;display:inline-block}.demo-sello.bloqueada{color:#f5c344;background:#f5b30124}.demo-sello.lista{background:var(--w-acento-suave);color:var(--w-acento)}.demo-entra{animation:.55s cubic-bezier(.2,.8,.2,1) both entrar-demo}@keyframes entrar-demo{0%{opacity:0;transform:translateY(14px)scale(.98)}to{opacity:1;transform:none}}.demo-selector{gap:.5rem;padding:.75rem 1rem 1rem;display:flex}.demo-selector button{border:1px solid var(--w-borde);color:var(--w-suave);border-radius:999px;padding:.4rem .8rem;font-size:.8rem}.demo-selector button.activo{border-color:var(--w-acento);color:var(--w-acento)}.cursor-escritura{color:var(--w-acento);animation:.8s steps(2,end) infinite cursor}@keyframes cursor{50%{opacity:0}}.placa-escena{perspective:1100px;touch-action:pan-y;justify-items:center;padding:1rem;display:grid}.placa-3d{width:min(82vw,320px);transform-style:preserve-3d;transform:rotateX(var(--rx,8deg)) rotateY(var(--ry,-14deg));transition:transform .25s ease-out;animation:7s ease-in-out infinite balanceo}.placa-3d[data-activa]{animation:none}@keyframes balanceo{0%,to{transform:rotateX(8deg)rotateY(-14deg)}50%{transform:rotateX(4deg)rotateY(12deg)}}.placa-cara{background:linear-gradient(155deg,#13291f,#0a1a14 60%);border:1px solid #2a4a3c;border-radius:1.4rem;flex-direction:column;gap:1rem;padding:1.4rem;display:flex;position:relative;overflow:hidden;box-shadow:inset 0 1px #ffffff14,0 40px 60px -30px #000c,0 0 60px -20px #2bff8859}.placa-brillo{pointer-events:none;opacity:.55;mix-blend-mode:screen;background:radial-gradient(circle at var(--brillo-x,30%) var(--brillo-y,20%), #ffffff2e, transparent 45%);position:absolute;inset:0}.placa-centro{justify-content:space-between;align-items:center;gap:1rem;display:flex}.placa-qr{background:#eaf7f0;border-radius:.6rem;grid-template-columns:repeat(11,1fr);gap:2px;width:8.5rem;padding:.55rem;display:grid}.placa-qr i{aspect-ratio:1;border-radius:1px}.placa-qr i.n{background:#0a1a14}.placa-nfc{color:var(--w-acento);animation:2s ease-in-out infinite nfc}@keyframes nfc{50%{opacity:.45;transform:scale(.94)}}.placa-lineas{gap:.35rem;font-size:.82rem;display:grid}.placa-lineas li:first-child{font-size:.95rem;font-weight:700}.placa-lineas li:not(:first-child){color:var(--w-suave)}.placa-pista{letter-spacing:.08em;text-transform:uppercase;color:var(--w-ocre);font-size:.72rem}.pintadera-viva{filter:drop-shadow(0 0 30px #2bff8840)}.pintadera-virtudes{transform-origin:60px 60px;animation:24s linear infinite girar}.pintadera-anillo{transform-origin:60px 60px;animation:4s ease-in-out infinite respirar}.pintadera-centro{animation:4s ease-in-out infinite brillo-centro}@keyframes girar{to{transform:rotate(360deg)}}@keyframes respirar{50%{transform:scale(1.12)}}@keyframes brillo-centro{50%{filter:drop-shadow(0 0 6px #e3a857e6)}}.web-clave{border-left:2px solid var(--w-acento);background:var(--w-acento-suave);border-radius:0 .75rem .75rem 0;padding:.9rem 1rem}.web-regla{border:1px solid var(--w-borde);color:var(--w-texto);border-radius:999px;padding:.4rem .8rem;font-size:.82rem;font-weight:600}.web-regla:before{content:"✓ ";color:var(--w-acento)}.web-zona{background:var(--w-superficie);border:1px solid var(--w-borde);border-radius:999px;padding:.7rem 1.1rem;font-weight:600}.web-contacto{background:radial-gradient(ellipse at 0% 0%, #2bff8829, transparent 55%), var(--w-superficie);border:1px solid #2bff884d;border-radius:1.6rem;flex-direction:column;align-items:flex-start;gap:1.5rem;padding:clamp(1.5rem,5vw,3rem);display:flex}@media (min-width:640px){.web-contacto{flex-direction:row;align-items:center}}.web-contacto img{animation:5s ease-in-out infinite flotar}.web-pie{border-top:1px solid var(--w-borde);background:var(--w-fondo-2)}@media (prefers-reduced-motion:reduce){.web *,.web :before,.web :after{transition:none!important;animation:none!important}.revelar-oculto{opacity:1;filter:none;transform:none}}.web-progreso{z-index:30;pointer-events:none;transform-origin:0;height:2px;transform:scaleX(var(--progreso,0));background:linear-gradient(90deg, var(--w-acento), var(--w-ocre));position:fixed;top:0;left:0;right:0;box-shadow:0 0 12px #2bff88b3}.web-foco{z-index:1;pointer-events:none;opacity:0;background:radial-gradient(420px circle at var(--foco-x,50%) var(--foco-y,50%), #2bff8812, transparent 70%);transition:opacity .4s;position:fixed;inset:0}.web[data-foco] .web-foco{opacity:1}.demo-resena{position:relative;overflow:hidden}.demo-escaner{pointer-events:none;opacity:0;background:linear-gradient(#0000,#2bff8838 48%,#2bff88e6 50%,#2bff8838 52%,#0000) 0 0/100% 220% no-repeat;position:absolute;inset:0}.demo-resena.escaneando{border-color:#2bff888c;box-shadow:0 0 0 1px #2bff8840,0 0 40px -10px #2bff8880}.demo-resena.escaneando .demo-escaner{opacity:1;animation:1.1s ease-in-out infinite escanear}@keyframes escanear{0%{background-position:0 -120%}to{background-position:0 120%}}.demo-analisis{flex-wrap:wrap;gap:.4rem;margin-top:.7rem;display:flex}.demo-analisis li{background:var(--w-acento-suave);color:var(--w-acento);opacity:0;border:1px solid #2bff884d;border-radius:999px;padding:.2rem .55rem;font-size:.72rem;font-weight:700;transition:opacity .35s,transform .35s;transform:translateY(6px)scale(.9)}.demo-analisis.visible li{opacity:1;transform:none}.demo-analisis li:before{content:"◆ ";font-size:.6rem}.web-h2 [aria-hidden=true]{background:linear-gradient(90deg, var(--w-texto) 60%, var(--w-acento));color:#0000;-webkit-background-clip:text;background-clip:text}
