@import url("./liquid-bento.css?v=20260930-darkrisk1");


:root{--bg:#0a0f1d;--surface:#111827;--card:rgba(30,41,59,.62);--border:rgba(255,255,255,.09);--text:#f8fafc;--muted:#94a3b8;--cyan:#00f0ff;--green:#10b981;--amber:#fbbf24;--max:1180px}
*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;background:var(--bg)}body{min-height:100%;overflow-x:hidden;background:radial-gradient(circle at 10% 0%,rgba(0,240,255,.09),transparent 30%),radial-gradient(circle at 90% 8%,rgba(16,185,129,.07),transparent 25%),var(--bg);color:var(--text);font-family:"Plus Jakarta Sans",sans-serif}a{color:inherit;text-decoration:none}.landing-header{position:sticky;top:0;z-index:20;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:28px;max-width:var(--max);margin:0 auto;padding:18px 24px;background:rgba(10,15,29,.86);backdrop-filter:blur(18px);border-bottom:1px solid transparent}.landing-brand{display:flex;align-items:center;gap:0;font-size:1.08rem;font-weight:800}.landing-brand img{display:block;width:auto;height:48px}.landing-nav{display:flex;justify-content:center;gap:24px;color:var(--muted);font-size:.9rem;font-weight:600}.landing-nav a:hover,.footer-links a:hover{color:var(--cyan)}.landing-header-actions,.hero-actions{display:flex;gap:10px}.button{min-height:44px;display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:11px 17px;border-radius:12px;font-weight:700;border:1px solid transparent;transition:transform .18s ease,border-color .18s ease,filter .18s ease}.button:hover{transform:translateY(-1px)}.button-primary{background:var(--cyan);color:#07111c}.button-ghost{border-color:var(--border);background:rgba(255,255,255,.035);color:var(--text)}.button-large{min-height:50px;padding:13px 20px}.full{width:100%}.mobile-menu-button{display:none;background:transparent;color:var(--text);border:0;font-size:1.45rem;min-width:44px;min-height:44px}.hero{max-width:var(--max);margin:0 auto;padding:92px 24px 72px;display:grid;grid-template-columns:minmax(0,.9fr) minmax(520px,1.1fr);align-items:center;gap:58px}.hero-copy{min-width:0}.eyebrow{display:inline-block;color:var(--cyan);font-size:.76rem;font-weight:800;letter-spacing:.14em;text-transform:uppercase}.hero h1{margin-top:16px;font-size:clamp(2.7rem,6vw,5.6rem);line-height:1.02;letter-spacing:-.055em;max-width:820px}.hero h1 span{color:var(--cyan)}.hero-copy>p{max-width:680px;margin-top:24px;color:var(--muted);font-size:1.08rem;line-height:1.75}.hero-actions{margin-top:30px;flex-wrap:wrap}.hero-trust{display:flex;flex-wrap:wrap;gap:14px 20px;margin-top:24px;color:var(--muted);font-size:.78rem}.hero-trust span{display:flex;align-items:center;gap:6px}.hero-trust i{color:var(--green)}.hero-product{position:relative;min-width:0}.hero-product:before{content:"";position:absolute;inset:12% 5%;background:rgba(0,240,255,.15);filter:blur(65px);z-index:-1}.hero-product img,.showcase-gallery img{display:block;width:100%;border:1px solid rgba(255,255,255,.13);border-radius:22px;box-shadow:0 28px 80px rgba(0,0,0,.36)}.section{max-width:var(--max);margin:0 auto;padding:84px 24px}.section-heading{max-width:700px;margin-bottom:34px}.section-heading h2,.showcase-copy h2,.final-cta h2{margin-top:12px;font-size:clamp(2rem,4vw,3.2rem);line-height:1.08;letter-spacing:-.035em}.section-heading p,.showcase-copy>p,.final-cta p{margin-top:14px;color:var(--muted);line-height:1.7}.steps-grid,.features-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.step-card,.features-grid article,.plan-card{position:relative;padding:25px;border:1px solid var(--border);border-radius:20px;background:linear-gradient(180deg,rgba(17,24,39,.72),rgba(15,23,42,.62));backdrop-filter:blur(22px);box-shadow:0 18px 56px rgba(2,8,23,.24), inset 0 1px 0 rgba(255,255,255,.05)}.step-card>span{position:absolute;right:20px;top:18px;color:rgba(148,163,184,.35);font-size:.8rem;font-weight:800}.step-card>i,.features-grid article>i{display:grid;place-items:center;width:44px;height:44px;margin-bottom:18px;border-radius:13px;background:rgba(0,240,255,.08);color:var(--cyan);font-size:1.35rem}.step-card h3,.features-grid h3{font-size:1.05rem;margin-bottom:8px}.step-card p,.features-grid p{color:var(--muted);font-size:.9rem;line-height:1.65}.product-showcase{display:grid;grid-template-columns:.82fr 1.18fr;align-items:center;gap:54px}.feature-checks{list-style:none;margin-top:25px;display:grid;gap:13px}.feature-checks li{display:flex;gap:10px;color:var(--muted);line-height:1.5}.feature-checks i{margin-top:3px;color:var(--green)}.showcase-gallery{display:grid;grid-template-columns:1fr 1fr;gap:14px;align-items:start}.showcase-gallery img:first-child{grid-column:1/-1}.features-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.pricing-section{padding-top:70px}.pricing-grid-landing{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;max-width:860px}.plan-card{display:flex;flex-direction:column;gap:24px}.plan-card-pro{border-color:rgba(0,240,255,.35);background:linear-gradient(150deg,rgba(0,240,255,.065),rgba(30,41,59,.62) 45%)}.plan-card strong{display:block;margin:8px 0;font-size:2rem}.plan-card p{color:var(--muted);line-height:1.55}.plan-name{font-weight:800}.plan-topline{display:flex;align-items:center;justify-content:space-between;gap:12px}.plan-badge{padding:5px 9px;border-radius:999px;background:rgba(16,185,129,.12);color:var(--green);font-size:.7rem;font-weight:800}.plan-card ul{list-style:none;display:grid;gap:11px;flex:1}.plan-card li{display:flex;gap:9px;color:var(--muted);font-size:.9rem}.plan-card li i{color:var(--green);margin-top:2px}.pricing-note{max-width:860px;margin-top:14px;color:var(--muted);font-size:.76rem}.faq-list{max-width:860px;display:grid;gap:10px}.faq-list details{border:1px solid var(--border);border-radius:15px;background:rgba(30,41,59,.45);padding:0 18px}.faq-list summary{min-height:58px;display:flex;align-items:center;justify-content:space-between;gap:14px;cursor:pointer;font-weight:700;list-style:none}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary i{color:var(--cyan);transition:transform .2s}.faq-list details[open] summary i{transform:rotate(45deg)}.faq-list details p{padding:0 30px 18px 0;color:var(--muted);line-height:1.65;font-size:.9rem}.final-cta{max-width:calc(var(--max) - 48px);margin:28px auto 70px;padding:44px;display:flex;align-items:center;justify-content:space-between;gap:32px;border:1px solid rgba(0,240,255,.24);border-radius:24px;background:linear-gradient(120deg,rgba(0,240,255,.08),rgba(16,185,129,.055))}.final-cta>div{max-width:720px}.landing-footer{max-width:var(--max);margin:0 auto;padding:30px 24px 42px;border-top:1px solid var(--border);display:grid;grid-template-columns:1fr auto auto;align-items:center;gap:25px;color:var(--muted);font-size:.78rem}.footer-brand{display:flex;align-items:center;gap:12px}.footer-brand img{display:block;width:auto;height:40px}.footer-brand div{display:flex;flex-direction:column;gap:2px}.footer-links{display:flex;flex-wrap:wrap;gap:16px}
@media(max-width:980px){.landing-header{grid-template-columns:auto auto;justify-content:space-between}.landing-nav{position:absolute;top:76px;left:16px;right:16px;display:none;flex-direction:column;padding:14px;border:1px solid var(--border);border-radius:16px;background:#111827}.landing-nav.open{display:flex}.landing-header-actions{display:none}.mobile-menu-button{display:grid;place-items:center}.hero{grid-template-columns:1fr;padding-top:64px}.hero-copy{text-align:center}.hero-copy>p{margin-left:auto;margin-right:auto}.hero-actions,.hero-trust{justify-content:center}.hero-product{max-width:820px;margin:0 auto}.product-showcase{grid-template-columns:1fr}.steps-grid,.features-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.landing-footer{grid-template-columns:1fr auto}.landing-footer>p{grid-column:1/-1}.showcase-copy{max-width:760px}}
@media(max-width:640px){.landing-header{padding:12px 16px}.landing-brand img{height:38px;width:auto}.hero{padding:54px 16px 54px;gap:36px}.hero h1{font-size:clamp(2.35rem,13vw,3.45rem)}.hero-copy>p{font-size:.98rem}.hero-actions{display:grid}.hero-actions .button{width:100%}.hero-trust{display:grid;justify-content:start;text-align:left;margin-left:auto;margin-right:auto;width:max-content;max-width:100%}.section{padding:60px 16px}.steps-grid,.features-grid,.pricing-grid-landing{grid-template-columns:1fr}.product-showcase{gap:34px}.showcase-gallery{grid-template-columns:1fr}.showcase-gallery img:first-child{grid-column:auto}.final-cta{margin:18px 16px 50px;padding:28px 22px;align-items:stretch;flex-direction:column}.final-cta .button{width:100%}.landing-footer{padding:26px 16px 36px;grid-template-columns:1fr}.footer-links{gap:12px 18px}.landing-footer>p{grid-column:auto}.hero-product img,.showcase-gallery img{border-radius:15px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.button,.faq-list summary i{transition:none}}

/* Consentimiento de medición publicitaria */
.marketing-consent-banner{position:fixed;z-index:100000;left:max(16px,env(safe-area-inset-left));right:max(16px,env(safe-area-inset-right));bottom:max(16px,env(safe-area-inset-bottom));display:flex;gap:20px;align-items:center;justify-content:space-between;padding:16px 18px;border:1px solid rgba(148,163,184,.24);border-radius:16px;background:rgba(10,15,29,.97);box-shadow:0 20px 60px rgba(0,0,0,.35);backdrop-filter:blur(18px);color:#e5e7eb}.marketing-consent-banner strong{display:block;margin-bottom:4px}.marketing-consent-banner p{margin:0;max-width:760px;font-size:13px;line-height:1.5;color:#aeb8c8}.marketing-consent-banner a{color:#67e8f9}.marketing-consent-actions{display:flex;gap:8px;flex-shrink:0}.marketing-consent-actions button{border:1px solid rgba(148,163,184,.3);border-radius:10px;padding:9px 12px;background:transparent;color:#e5e7eb;cursor:pointer}.marketing-consent-actions button.primary{background:#22d3ee;color:#07111f;border-color:#22d3ee;font-weight:700}@media(max-width:720px){.marketing-consent-banner{align-items:stretch;flex-direction:column}.marketing-consent-actions{display:grid;grid-template-columns:1fr 1fr}.marketing-consent-actions button{width:100%}}

/* UNIPARCHADO-LIQUID-GLASS-V1 */
:root{
    --glass-bg:rgba(15,23,42,.46);
    --glass-bg-strong:rgba(15,23,42,.62);
    --glass-border:rgba(255,255,255,.16);
    --glass-border-soft:rgba(255,255,255,.09);
    --glass-highlight:rgba(255,255,255,.20);
    --glass-shadow:0 24px 80px rgba(2,8,23,.30), inset 0 1px 0 rgba(255,255,255,.14);
}

body{
    background:
        radial-gradient(circle at 14% 5%,rgba(0,240,255,.13),transparent 28%),
        radial-gradient(circle at 86% 12%,rgba(16,185,129,.11),transparent 25%),
        radial-gradient(circle at 50% 82%,rgba(59,130,246,.08),transparent 35%),
        #07101f;
    background-attachment:fixed;
}

.landing-header,
.step-card,
.features-grid article,
.plan-card,
.faq-list details,
.final-cta,
.hero-product,
.showcase-gallery img,
.marketing-consent-banner{
    position:relative;
    overflow:hidden;
    border:1px solid var(--glass-border);
    background:
        linear-gradient(145deg,rgba(255,255,255,.11),rgba(255,255,255,.035) 42%,rgba(255,255,255,.018)),
        var(--glass-bg);
    box-shadow:var(--glass-shadow);
    backdrop-filter:blur(28px) saturate(185%);
    -webkit-backdrop-filter:blur(28px) saturate(185%);
}

.landing-header::before,
.step-card::before,
.features-grid article::before,
.plan-card::before,
.faq-list details::before,
.final-cta::before,
.hero-product::before{
    content:"";
    position:absolute;
    inset:0;
    pointer-events:none;
    background:
        linear-gradient(110deg,rgba(255,255,255,.16),transparent 22% 70%,rgba(0,240,255,.06));
    opacity:.72;
}

.landing-header>*,
.step-card>*,
.features-grid article>*,
.plan-card>*,
.faq-list details>*,
.final-cta>*,
.hero-product>*{
    position:relative;
    z-index:1;
}

.landing-header{
    top:max(10px,env(safe-area-inset-top));
    border-radius:24px;
    margin-top:10px;
    background:
        linear-gradient(145deg,rgba(255,255,255,.12),rgba(255,255,255,.035)),
        rgba(7,16,31,.60);
}

.button{
    border:1px solid rgba(255,255,255,.15);
    box-shadow:inset 0 1px 0 rgba(255,255,255,.16),0 10px 30px rgba(2,8,23,.18);
    backdrop-filter:blur(16px) saturate(160%);
    -webkit-backdrop-filter:blur(16px) saturate(160%);
}
.button-primary{
    background:linear-gradient(135deg,rgba(0,240,255,.95),rgba(16,185,129,.82));
    border-color:rgba(255,255,255,.28);
}
.button-ghost{
    background:rgba(255,255,255,.055);
}

.brand-wordmark{
    display:inline-flex;
    align-items:center;
    min-height:42px;
    padding:0 14px;
    border:1px solid rgba(255,255,255,.14);
    border-radius:16px;
    background:linear-gradient(145deg,rgba(255,255,255,.10),rgba(255,255,255,.035));
    box-shadow:inset 0 1px 0 rgba(255,255,255,.14);
    font-size:1.05rem;
    font-weight:800;
    letter-spacing:-.03em;
    color:#f8fafc;
}

.hero h1 span{
    background:linear-gradient(110deg,#67e8f9,#5eead4,#a7f3d0);
    -webkit-background-clip:text;
    background-clip:text;
    color:transparent;
}

@media(max-width:640px){
    .landing-header{
        top:max(6px,env(safe-area-inset-top));
        margin:6px 8px 0;
        padding-top:10px;
        padding-left:12px;
        padding-right:12px;
    }
    .hero{
        padding-top:58px;
    }
}

@media(prefers-reduced-motion:no-preference){
    .step-card,.features-grid article,.plan-card,.hero-product,.button{
        transition:transform .22s ease,border-color .22s ease,box-shadow .22s ease;
    }
    .step-card:hover,.features-grid article:hover,.plan-card:hover{
        transform:translateY(-3px);
        border-color:rgba(103,232,249,.28);
        box-shadow:0 28px 90px rgba(2,8,23,.38),inset 0 1px 0 rgba(255,255,255,.18);
    }
}