:root{font-family:Arial,Helvetica,sans-serif;color:#f7f8ff;background:#05070d;font-synthesis:none;text-rendering:optimizeLegibility;--azul:#004aad;--azul-luz:#287cff;--muted:#a7afc0;--line:#ffffff20;--panel:rgba(9,13,25,.60);--section:rgba(8,12,23,.48);--card:rgba(0,38,95,.32);--text:#f7f8ff;--subtext:#b6bdcc;--header:rgba(5,8,17,.66)}
*{box-sizing:border-box}html{scroll-behavior:auto}body{margin:0;min-width:320px;min-height:100vh;padding:28px 18px;color:var(--text);background:radial-gradient(ellipse at 50% 110%,#07182f 0,transparent 40%),#05070d;position:relative;isolation:isolate}.particulas-fondo{position:fixed;inset:0;width:100%;height:100%;z-index:1;pointer-events:none;opacity:.88}.site-shell{z-index:2;max-width:1440px;margin:0 auto;min-height:calc(100vh - 56px);position:relative;overflow:hidden;border:1px solid #ffffff24;border-radius:30px;background:var(--panel);backdrop-filter:blur(18px);box-shadow:0 30px 110px #0009,0 0 70px #004aad14}
a{color:inherit;text-decoration:none}.barra{height:88px;display:flex;align-items:center;justify-content:space-between;padding:0 7vw;border-bottom:1px solid #ffffff12;position:absolute;inset:0 0 auto;z-index:5;background:var(--header);backdrop-filter:blur(12px)}.marca{display:grid;justify-items:center;line-height:.85}.marca span{font-size:29px;font-weight:950;letter-spacing:.1em}.marca small{font-size:8px;letter-spacing:.3em;margin-top:8px}.barra nav{display:flex;align-items:center;gap:30px;font-size:13px;color:var(--subtext)}.barra nav a:hover{color:#65a1ff}.nav-cta{border:1px solid #ffffff45;padding:12px 18px;border-radius:4px}.nav-cta span{color:#62a0ff;padding-left:12px}.theme-toggle{min-height:38px;padding:0 12px;border:1px solid #ffffff35;border-radius:20px;background:#ffffff0c;color:var(--text);font:inherit;font-size:11px;cursor:pointer;white-space:nowrap}.theme-toggle:hover{border-color:#62a0ff}.menu-toggle{display:none;background:none;color:var(--text);border:0;font-size:24px}.hero{min-height:740px;padding:160px 10vw 90px;display:grid;grid-template-columns:1.05fr .95fr;align-items:center;position:relative;overflow:hidden;background:radial-gradient(ellipse at 77% 54%,#004aad22,transparent 38%),linear-gradient(115deg,#070b14a8,#0b1020a6 70%,#09152a99)}.hero:before,.hero:after{content:"";position:absolute;width:500px;height:500px;border:1px solid #287cff22;border-radius:50%;right:-140px;top:160px;box-shadow:0 0 100px #004aad16,inset 0 0 100px #004aad16}.hero:after{width:380px;height:380px;right:-80px;top:220px}.hero-texto{position:relative;z-index:1;max-width:590px}.eyebrow{font-size:10px;letter-spacing:.22em;font-weight:700;color:#c7ccda}.punto{display:inline-block;width:7px;height:7px;border-radius:50%;background:#78ffca;box-shadow:0 0 12px #78ffca;margin-right:9px}.hero h1{font-size:clamp(56px,7.2vw,98px);line-height:.91;letter-spacing:-.065em;margin:28px 0}.hero h1 span,.encabezado-seccion h2 span,.ritual h2 span,.contacto h2 span{color:#70a9ff;text-shadow:0 0 30px #004aad99}.hero-bajada{font-size:16px;color:var(--subtext);line-height:1.75;max-width:430px}.boton{display:inline-flex;align-items:center;gap:32px;margin-top:24px;padding:16px 20px;text-transform:uppercase;letter-spacing:.08em;font-size:11px;font-weight:800}.boton-azul{background:#004aad;box-shadow:0 0 28px #004aad77}.boton-azul:hover{background:#1763c7}.hero-nota{margin-top:48px;color:var(--muted);font-size:12px}.mini-estrellas{color:#81ffce;letter-spacing:8px;margin-right:12px}.hero-visual{position:relative;min-height:460px;display:grid;place-items:center}.imagen-marco{position:relative;z-index:1;width:min(320px,72%);height:420px;overflow:hidden;border:1px solid #3985ff88;border-radius:180px 180px 26px 26px;box-shadow:0 0 80px #004aad40,0 24px 70px #0009;transform:rotate(4deg)}.imagen-marco img{width:100%;height:100%;object-fit:cover;object-position:center 35%}.orb{position:absolute;border-radius:50%;filter:blur(2px)}.orb-a{width:155px;height:155px;right:10%;top:12%;background:radial-gradient(circle at 35% 30%,#75aaff,#004aad66 35%,transparent 70%);filter:blur(1px)}.orb-b{width:120px;height:120px;left:6%;bottom:13%;background:radial-gradient(circle at 35% 30%,#6dffe0,#2e63ff55 36%,transparent 72%)}.sello{position:absolute;z-index:2;right:2%;bottom:7%;border:1px solid #3985ff;border-radius:50%;width:108px;height:108px;display:grid;place-content:center;text-align:center;color:#90bdff;font-size:11px;letter-spacing:.11em;background:#071327;box-shadow:0 0 30px #004aad77;transform:rotate(9deg)}.sello b{font-size:19px;color:white}.rayita{position:absolute;height:1px;width:75px;background:#4b91ff;box-shadow:0 0 12px #287cff;transform:rotate(-35deg)}.r1{top:15%;left:8%}.r2{right:4%;top:38%;width:45px}.hero-indice{position:absolute;bottom:34px;left:10vw;font-size:9px;letter-spacing:.2em;color:#9ba7bb}.hero-indice span{color:#70a9ff;margin-right:10px}.seccion{padding:110px 12vw}.sabores{background:var(--section)}.encabezado-seccion{display:flex;justify-content:space-between;align-items:end;margin-bottom:46px}.encabezado-seccion h2,.ritual h2,.contacto h2{font-size:clamp(38px,5vw,62px);line-height:.98;letter-spacing:-.05em;margin:18px 0 0}.texto-seccion{color:var(--muted);line-height:1.8;font-size:14px;max-width:350px}.tarjeta-sabor{min-height:380px;position:relative;overflow:hidden;display:grid;grid-template-columns:1fr 1fr;align-items:center;padding:40px 8%;background:linear-gradient(110deg,#071a36d9,#0b2b53bd 53%,#081a35d9);border:1px solid #287cff55;border-radius:18px}.sabor-copy{z-index:1}.numero{font-size:9px;letter-spacing:.2em;color:#8dbdff}.sabor-copy h3{font-size:clamp(48px,6vw,76px);letter-spacing:-.06em;line-height:.9;margin:22px 0}.sabor-copy h3 span{color:#70a9ff;text-shadow:0 0 25px #004aad99}.sabor-copy p{text-transform:uppercase;letter-spacing:.16em;font-size:11px;color:var(--subtext)}.grado{display:inline-block;margin-top:18px;padding:8px 12px;border:1px solid #ffffff36;border-radius:20px;font-size:9px;letter-spacing:.12em}.link-sabor{display:block;margin-top:25px;color:#a6caff;font-size:12px}.link-sabor span{margin-left:12px}.sabor-art{justify-self:center;width:190px;height:270px;overflow:hidden;border-radius:100px 100px 20px 20px;border:1px solid #4a8fff9c;box-shadow:0 0 50px #004aad55;transform:rotate(5deg);z-index:1}.sabor-art img{width:100%;height:100%;object-fit:cover;object-position:center 31%}.brillo{position:absolute;border-radius:50%;filter:blur(1px)}.brillo-1{width:230px;height:230px;background:#287cff20;right:12%;top:-90px}.brillo-2{width:170px;height:170px;background:#18a0ff18;right:28%;bottom:-110px}.mas-sabores{text-align:center;margin:28px 0 0;color:var(--muted);font-size:9px;letter-spacing:.22em}.mas-sabores span{color:#70a9ff;margin-left:10px}.ritual{text-align:center;background:var(--section)}.ritual h2{margin-bottom:56px}.pasos{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;text-align:left}.pasos article{position:relative;border-top:1px solid var(--line);padding:24px 22px 18px}.pasos article>b{position:absolute;right:18px;top:23px;color:var(--muted);font-size:10px;letter-spacing:.15em}.icono{font-size:25px;color:#70a9ff;text-shadow:0 0 20px #004aad99}.pasos h3{font-size:22px;margin:19px 0 7px}.pasos p{font-size:13px;color:var(--muted);line-height:1.7;max-width:260px}.contacto{display:flex;justify-content:space-between;align-items:center;gap:50px;background:linear-gradient(110deg,#06152ad9,#0a1020d9)}.contacto h2{font-size:clamp(36px,4.6vw,58px)}.contacto .texto-seccion{margin-top:20px}.formulario{width:min(100%,390px)}.formulario label{display:block;font-size:11px;color:var(--subtext);margin-bottom:10px}.campo{display:flex;border-bottom:1px solid #287cff}.campo input{flex:1;min-width:0;background:transparent;border:0;color:var(--text);padding:14px 0;outline:0;font:inherit}.campo button{border:0;background:transparent;color:#83b5ff;font-size:25px;cursor:pointer}.campo button:disabled{opacity:.5;cursor:wait}.formulario small,.respuesta{display:block;color:var(--muted);font-size:10px;margin-top:13px;line-height:1.5}.respuesta{color:#80b3ff;font-size:12px}footer{display:flex;align-items:center;justify-content:space-between;padding:30px 7vw;border-top:1px solid var(--line);background:#05091466}footer .marca span{font-size:22px}footer p,footer .subir{font-size:8px;letter-spacing:.14em;color:var(--muted)}.subir:hover{color:#70a9ff}
body.tema-claro{--text:#17243b;--subtext:#3d4b62;--muted:#59677e;--line:#142d501c;--panel:rgba(246,249,255,.68);--section:rgba(233,240,251,.52);--card:rgba(208,226,255,.68);--header:rgba(242,247,255,.76);background:radial-gradient(ellipse at 50% 110%,#92baff55 0,transparent 45%),#dce8f8}body.tema-claro .site-shell{border-color:#ffffffa8;box-shadow:0 30px 90px #16407520,0 0 70px #004aad12}body.tema-claro .hero{background:radial-gradient(ellipse at 77% 54%,#004aad12,transparent 38%),linear-gradient(115deg,#edf4ffbb,#e7f0ffbb 70%,#dceaffbb)}body.tema-claro .hero h1{color:#10233f}body.tema-claro .hero-bajada,body.tema-claro .hero-nota,body.tema-claro .hero-indice{color:#435572}body.tema-claro .sabores,body.tema-claro .ritual{background:var(--section)}body.tema-claro .tarjeta-sabor{background:linear-gradient(110deg,#dceaffdd,#c4dcffdd 53%,#e2edffdd);border-color:#004aad35}body.tema-claro .sabor-copy p{color:#344661}body.tema-claro .contacto{background:linear-gradient(110deg,#e5efffdd,#d9e8ffdd)}body.tema-claro .contacto h2,body.tema-claro .ritual h2,body.tema-claro .encabezado-seccion h2{color:#17243b}body.tema-claro .formulario label{color:#344661}body.tema-claro .campo input{color:#17243b}body.tema-claro .grado{border-color:#183d702e}body.tema-claro footer{background:#dfeaffaa}body.tema-claro .theme-toggle{color:#17243b;border-color:#183d7040;background:#ffffff70}body.tema-claro .menu-toggle{color:#17243b}body.tema-claro .barra nav{color:#344661}body.tema-claro .eyebrow{color:#536783}body.tema-claro .sello{background:#edf4ff;color:#004aad}body.tema-claro .sello b{color:#17243b}
@media(max-width:760px){body{padding:12px}.site-shell{min-height:calc(100vh - 24px);border-radius:22px}.barra{height:72px;padding:0 6vw}.menu-toggle{display:block}.theme-toggle{margin-left:auto;margin-right:12px}.barra nav{display:none;position:absolute;top:71px;left:0;right:0;padding:22px 6vw;background:var(--header);border-bottom:1px solid var(--line);flex-direction:column;align-items:flex-start;gap:20px}.barra nav.abierto{display:flex}.hero{padding:125px 7vw 78px;min-height:auto;grid-template-columns:1fr;text-align:center}.hero-texto{margin:auto}.hero h1{font-size:clamp(58px,14vw,86px)}.hero-bajada{margin:0 auto}.hero-visual{min-height:390px;margin-top:20px}.imagen-marco{height:350px;width:250px}.sello{right:8%;bottom:4%}.hero-nota{margin-top:32px}.hero-indice{left:7vw}.seccion{padding:78px 7vw}.encabezado-seccion{display:block}.encabezado-seccion .texto-seccion{margin-top:22px}.tarjeta-sabor{padding:35px 7%;grid-template-columns:1fr .7fr;min-height:330px}.sabor-art{width:150px;height:230px}.sabor-copy h3{font-size:clamp(42px,9vw,62px)}.pasos{grid-template-columns:1fr;gap:8px}.pasos article{display:grid;grid-template-columns:50px 1fr;padding:19px 10px}.pasos article>b{top:20px}.pasos .icono{grid-row:span 2}.pasos h3{margin:0 0 4px}.pasos p{grid-column:2;margin:0}.contacto{display:block}.formulario{margin-top:36px}footer{padding:28px 7vw;gap:20px;flex-wrap:wrap}footer p{order:3;width:100%;text-align:center}}
@media(max-width:420px){.tarjeta-sabor{grid-template-columns:1fr 125px;padding:28px 5%}.sabor-art{width:118px;height:192px}.sabor-copy h3{font-size:40px}.sabor-copy p{font-size:9px;letter-spacing:.1em}.link-sabor{font-size:10px}.hero-visual{min-height:330px}.imagen-marco{height:300px;width:215px}.theme-toggle{font-size:10px;padding:0 9px}}