/* ============================================================
   KUSHIM 3.8 · DISEÑO WEB VIÑA DEL MAR
   Landing local distintiva sobre la base visual Kushim 3.7
   ============================================================ */

.vina-page{
    --vina-sea:#0d5f70;
    --vina-sea-deep:#0a3744;
    --vina-sand:#d6be83;
    --vina-mint:#14dfae;
    --vina-ink:#071011;
    background:var(--vina-ink);
    overflow:clip;
}

.vina-page .sec-title{max-width:1050px}
.vina-page .sec-intro{max-width:780px}
.vina-page strong{color:#f5f8f6}

/* ---------- HERO / HORIZONTE ---------- */
.vina-hero{
    position:relative;
    min-height:100svh;
    padding:clamp(8rem,10vh,9.8rem) 0 clamp(4.8rem,7vh,6.5rem);
    display:flex;
    align-items:center;
    isolation:isolate;
    overflow:hidden;
    background:
        radial-gradient(circle at 72% 16%,rgba(20,223,174,.1),transparent 30%),
        radial-gradient(circle at 18% 22%,rgba(13,95,112,.18),transparent 34%),
        #071011;
}
.vina-hero::after{
    content:"";
    position:absolute;
    inset:0;
    z-index:-1;
    pointer-events:none;
    background:linear-gradient(180deg,rgba(255,255,255,.014),transparent 30%,rgba(0,0,0,.18));
}
.vina-hero-topography{
    position:absolute;
    inset:0;
    z-index:-2;
    opacity:.18;
    pointer-events:none;
    background-image:
        radial-gradient(circle at 20% 16%,transparent 0 74px,rgba(255,255,255,.04) 75px 76px,transparent 77px 110px,rgba(255,255,255,.03) 111px 112px,transparent 113px),
        radial-gradient(circle at 83% 17%,transparent 0 125px,rgba(20,223,174,.05) 126px 127px,transparent 128px 180px,rgba(20,223,174,.035) 181px 182px,transparent 183px),
        linear-gradient(rgba(255,255,255,.03) 1px,transparent 1px),
        linear-gradient(90deg,rgba(255,255,255,.03) 1px,transparent 1px);
    background-size:auto,auto,70px 70px,70px 70px;
    mask-image:linear-gradient(to bottom,#000 0 48%,transparent 80%);
}
.vina-horizon{
    position:absolute;
    left:0;
    right:0;
    bottom:0;
    height:46%;
    z-index:-3;
    overflow:hidden;
}
.vina-horizon-photo{
    width:100%;
    height:100%;
    object-fit:cover;
    object-position:50% 58%;
    transform:translate3d(0,var(--vina-horizon-shift,0px),0) scale(1.035);
    filter:saturate(.82) contrast(1.05) brightness(.68);
    will-change:transform;
}
.vina-horizon-veil{
    position:absolute;
    inset:0;
    background:
        linear-gradient(180deg,#071011 0%,rgba(7,16,17,.82) 22%,rgba(6,16,18,.35) 68%,rgba(5,12,14,.78) 100%),
        linear-gradient(90deg,rgba(7,16,17,.76),rgba(6,45,52,.18) 45%,rgba(7,16,17,.42));
}
.vina-hero-shell{
    position:relative;
    z-index:2;
    width:min(calc(100% - 2.5rem),2020px);
    max-width:none; /* neutraliza el max-width global de .wrap */
    margin-inline:auto;
}
.vina-breadcrumb{margin-bottom:1.7rem}
.vina-breadcrumb a,.vina-breadcrumb strong{color:rgba(222,236,230,.6)}
.vina-breadcrumb a:hover{color:var(--vina-mint)}
.vina-breadcrumb span{color:rgba(20,223,174,.6)}

.vina-hero-grid{
    display:grid;
    grid-template-columns:minmax(0,1.42fr) minmax(390px,.58fr);
    gap:clamp(2.5rem,3.6vw,5rem);
    align-items:start;
}
.vina-hero-copy{padding-top:clamp(.5rem,2vh,2rem);max-width:1380px}
.vina-hero-copy h1{
    margin:1.1rem 0 1.45rem;
    max-width:1360px;
    color:#fff;
    font:900 clamp(4.2rem,6.3vw,7.5rem)/.89 var(--font-display);
    letter-spacing:-.071em;
    text-wrap:pretty;
}
.vina-hero-copy h1 span{
    display:inline;
    color:var(--vina-mint);
    font-weight:300;
    font-style:italic;
}
.vina-lead{
    max-width:850px;
    color:rgba(229,239,235,.72);
    font-size:clamp(1rem,1.28vw,1.18rem);
    line-height:1.82;
}
.vina-lead strong{color:#fff;font-weight:600}
.vina-hero .dw-btn-ghost{
    border-color:rgba(255,255,255,.18);
    background:rgba(2,10,11,.3);
    color:#e9f2ef;
    backdrop-filter:blur(12px);
}
.vina-hero-proof{
    display:flex;
    flex-wrap:wrap;
    gap:.6rem .8rem;
    margin-top:2rem;
    color:rgba(224,235,231,.58);
    font:500 .66rem/1.4 var(--font-mono);
    letter-spacing:.09em;
    text-transform:uppercase;
}
.vina-hero-proof i{font-style:normal;color:var(--vina-mint)}

.vina-intent-panel{
    position:relative;
    margin-top:clamp(2rem,9vh,7rem);
    padding:1.15rem;
    border:1px solid rgba(20,223,174,.19);
    border-radius:28px;
    background:
        radial-gradient(circle at 85% 5%,rgba(13,95,112,.18),transparent 34%),
        linear-gradient(145deg,rgba(14,23,25,.9),rgba(5,10,12,.94));
    box-shadow:0 35px 90px rgba(0,0,0,.34),inset 0 1px 0 rgba(255,255,255,.035);
    backdrop-filter:blur(14px);
    overflow:hidden;
}
.vina-intent-panel::before{
    content:"";
    position:absolute;
    inset:0;
    opacity:.22;
    pointer-events:none;
    background-image:
        linear-gradient(rgba(255,255,255,.028) 1px,transparent 1px),
        linear-gradient(90deg,rgba(255,255,255,.028) 1px,transparent 1px);
    background-size:38px 38px;
    mask-image:linear-gradient(#000,transparent);
}
.vina-panel-head,.vina-panel-foot{
    position:relative;
    z-index:2;
    display:flex;
    justify-content:space-between;
    align-items:center;
    gap:1rem;
    padding:.3rem .35rem 1rem;
    color:#607074;
    font:500 .59rem var(--font-mono);
    letter-spacing:.11em;
}
.vina-panel-head span{display:flex;align-items:center;gap:.5rem}
.vina-panel-head i{
    width:7px;height:7px;border-radius:50%;
    background:var(--vina-mint);
    box-shadow:0 0 15px rgba(20,223,174,.7);
}
.vina-panel-head b,.vina-panel-foot b{color:#869592;font-weight:500}
.vina-intent-steps{
    position:relative;
    z-index:2;
    display:grid;
    gap:.7rem;
}
.vina-intent-steps article{
    position:relative;
    min-height:122px;
    padding:1.15rem 1.25rem 1rem 4.6rem;
    border:1px solid rgba(255,255,255,.07);
    border-radius:15px;
    background:rgba(255,255,255,.018);
}
.vina-intent-steps article>span{
    position:absolute;
    left:1.15rem;top:1rem;
    color:rgba(255,255,255,.075);
    font:900 2.2rem/1 var(--font-display);
}
.vina-intent-steps small{
    color:var(--vina-mint);
    font:600 .55rem var(--font-mono);
    letter-spacing:.11em;
}
.vina-intent-steps strong{
    display:block;
    margin:.35rem 0;
    color:#eef4f1;
    font:800 1.15rem var(--font-display);
}
.vina-intent-steps p{margin:0;color:#677578;font-size:.68rem;line-height:1.55}
.vina-panel-foot{
    margin-top:.8rem;
    padding:1rem .4rem .3rem;
    border-top:1px solid rgba(255,255,255,.055);
}
.vina-panel-foot b{color:var(--vina-mint)}

.vina-scroll{
    position:absolute;
    bottom:1.9rem;
    left:50%;
    transform:translateX(-50%);
    z-index:3;
    display:flex;
    align-items:center;
    gap:.65rem;
    color:rgba(255,255,255,.42);
    text-decoration:none;
    font:500 .56rem var(--font-mono);
    letter-spacing:.13em;
}
.vina-scroll i{
    position:relative;width:1px;height:26px;background:rgba(255,255,255,.15);overflow:hidden;
}
.vina-scroll i::after{
    content:"";position:absolute;left:0;top:-100%;width:1px;height:100%;
    background:var(--vina-mint);animation:vinaScroll 1.8s ease-in-out infinite;
}
@keyframes vinaScroll{0%{top:-100%}55%,100%{top:100%}}

/* ---------- ESCENAS ---------- */
.vina-scene{
    position:relative;
    min-height:90svh;
    padding:clamp(6rem,9vw,9rem) 0;
    display:flex;
    align-items:center;
    isolation:isolate;
}
.vina-scene::before{
    content:"";
    position:absolute;
    inset:0;
    z-index:-1;
    pointer-events:none;
}
.vina-split-head{
    display:grid;
    grid-template-columns:minmax(0,1fr) minmax(320px,.72fr);
    gap:clamp(2.5rem,7vw,7rem);
    align-items:end;
    margin-bottom:clamp(3rem,6vw,5rem);
}
.vina-split-head .sec-title,.vina-split-head .sec-intro{margin-bottom:0}

.vina-moment{
    background:
        radial-gradient(circle at 14% 15%,rgba(13,95,112,.09),transparent 29%),
        #0b1012;
}
.vina-moment::before{
    background-image:
        linear-gradient(120deg,transparent 0 49%,rgba(255,255,255,.025) 50%,transparent 51%),
        linear-gradient(rgba(255,255,255,.017) 1px,transparent 1px);
    background-size:140px 140px,100% 54px;
    opacity:.32;
}
.vina-moment-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}
.vina-moment-card{
    position:relative;
    min-height:470px;
    padding:clamp(2rem,3.2vw,3rem);
    border:1px solid rgba(255,255,255,.075);
    border-radius:26px;
    background:linear-gradient(145deg,rgba(255,255,255,.026),rgba(255,255,255,.008));
    display:flex;
    flex-direction:column;
    justify-content:flex-end;
    overflow:hidden;
}
.vina-moment-card::before{
    content:"";
    position:absolute;inset:0;
    background:radial-gradient(circle at 40% 0%,rgba(13,95,112,.08),transparent 38%);
    pointer-events:none;
}
.vina-moment-card.is-accent{
    border-color:rgba(20,223,174,.27);
    background:linear-gradient(145deg,rgba(20,223,174,.055),rgba(255,255,255,.008));
}
.vina-moment-card>span{
    position:absolute;right:1.7rem;top:1.35rem;
    color:rgba(255,255,255,.05);
    font:900 4.2rem/1 var(--font-display);
}
.vina-moment-card small{color:#6c797c;font:600 .6rem var(--font-mono);letter-spacing:.12em}
.vina-moment-card.is-accent small{color:var(--vina-mint)}
.vina-moment-card h3{
    margin:.8rem 0 .7rem;
    color:#edf3f0;
    font:900 clamp(2.5rem,4vw,4.2rem)/.95 var(--font-display);
    letter-spacing:-.055em;
}
.vina-moment-card p{margin:0;color:#7c898c;font-size:.84rem;line-height:1.72;max-width:420px}

/* ---------- MARQUEE ---------- */
.vina-marquee{
    position:relative;
    overflow:hidden;
    border-block:1px solid rgba(255,255,255,.08);
    background:#0d1416;
    color:#879496;
}
.vina-marquee.is-jade{
    background:linear-gradient(90deg,#0a2c2a,#0d1718 45%,#0a2c2a);
}
.vina-marquee-track{
    display:flex;
    width:max-content;
    animation:vinaTicker 31s linear infinite;
}
.vina-marquee-track.is-reverse{animation-direction:reverse;animation-duration:26s}
.vina-marquee p{
    margin:0;
    padding:1.1rem 1.4rem;
    white-space:nowrap;
    font:600 .67rem/1 var(--font-mono);
    letter-spacing:.085em;
    text-transform:uppercase;
}
.vina-marquee strong{color:#dbe4e0}
.vina-marquee i{font-style:normal;margin-inline:.8rem;color:var(--vina-mint)}
@keyframes vinaTicker{to{transform:translateX(-50%)}}

/* ---------- DOBLE CAPA ---------- */
.vina-double{
    background:
        radial-gradient(circle at 50% 50%,rgba(13,95,112,.08),transparent 34%),
        #0f1416;
}
.vina-double::before{
    background-image:
        radial-gradient(circle,rgba(255,255,255,.045) 1px,transparent 1.5px);
    background-size:32px 32px;
    opacity:.22;
    mask-image:linear-gradient(to bottom,transparent,#000 25%,#000 75%,transparent);
}
.vina-double-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem;margin-top:3rem}
.vina-stack-card{
    position:relative;
    min-height:610px;
    padding:clamp(2.2rem,3.5vw,3.4rem);
    border:1px solid rgba(255,255,255,.08);
    border-radius:28px;
    background:linear-gradient(145deg,rgba(255,255,255,.026),rgba(255,255,255,.007));
    display:flex;flex-direction:column;
}
.vina-stack-card.is-system{
    border-color:rgba(20,223,174,.25);
    background:
        radial-gradient(circle at 85% 10%,rgba(20,223,174,.09),transparent 31%),
        linear-gradient(145deg,rgba(20,223,174,.035),rgba(255,255,255,.008));
}
.vina-stack-label{display:flex;justify-content:space-between;align-items:center}
.vina-stack-label span{color:rgba(255,255,255,.055);font:900 4.8rem/1 var(--font-display)}
.vina-stack-label b{color:#6a777b;font:600 .62rem var(--font-mono);letter-spacing:.11em}
.vina-stack-card.is-system .vina-stack-label b{color:var(--vina-mint)}
.vina-stack-card h3{
    margin:2.2rem 0 1.5rem;
    max-width:700px;
    color:#edf3f0;
    font:900 clamp(2.6rem,4.4vw,4.7rem)/.94 var(--font-display);
    letter-spacing:-.055em;
}
.vina-stack-card ul{display:grid;gap:.8rem;margin:0;padding:0;list-style:none}
.vina-stack-card li{position:relative;padding-left:1.2rem;color:#7e8a8e;font-size:.86rem;line-height:1.6}
.vina-stack-card li::before{content:"";position:absolute;left:0;top:.63rem;width:5px;height:5px;border-radius:50%;background:#526064}
.vina-stack-card.is-system li::before{background:var(--vina-mint);box-shadow:0 0 10px rgba(20,223,174,.4)}
.vina-stack-footer{
    margin-top:auto;
    padding-top:2rem;
    border-top:1px solid rgba(255,255,255,.07);
    color:#566366;
    font:500 .59rem var(--font-mono);
    letter-spacing:.11em;
}

/* ---------- IMPLEMENTACIÓN ---------- */
.vina-implementation{
    background:
        radial-gradient(circle at 80% 18%,rgba(214,190,131,.06),transparent 30%),
        #0b1012;
}
.vina-implementation::before{
    background-image:
        linear-gradient(90deg,rgba(255,255,255,.02) 1px,transparent 1px),
        linear-gradient(rgba(255,255,255,.02) 1px,transparent 1px);
    background-size:58px 58px;
    opacity:.45;
}
.vina-product-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}
.vina-product{
    position:relative;
    min-height:710px;
    padding:clamp(2.2rem,3.6vw,3.4rem);
    border:1px solid rgba(255,255,255,.08);
    border-radius:28px;
    background:linear-gradient(145deg,rgba(255,255,255,.028),rgba(255,255,255,.007));
    display:flex;flex-direction:column;
    overflow:hidden;
}
.vina-product.is-commerce{
    border-color:rgba(214,190,131,.2);
    background:
        radial-gradient(circle at 92% 8%,rgba(214,190,131,.06),transparent 30%),
        linear-gradient(145deg,rgba(255,255,255,.028),rgba(255,255,255,.007));
}
.vina-product-number{
    position:absolute;right:1.8rem;top:1.35rem;
    color:rgba(255,255,255,.045);
    font:900 4.6rem/1 var(--font-display);
}
.vina-product-type{color:var(--vina-mint);font:600 .63rem var(--font-mono);letter-spacing:.11em}
.vina-product.is-commerce .vina-product-type{color:var(--vina-sand)}
.vina-product h3{
    margin:2rem 0 1rem;
    max-width:680px;
    color:#edf3f0;
    font:900 clamp(2.3rem,3.9vw,4.2rem)/.96 var(--font-display);
    letter-spacing:-.05em;
}
.vina-product>p{color:#7d898c;line-height:1.75;max-width:650px}
.vina-price{
    margin:2rem 0;
    padding:1.25rem 0;
    border-block:1px solid rgba(255,255,255,.07);
    display:flex;align-items:baseline;gap:.45rem;flex-wrap:wrap;
}
.vina-price small{width:100%;color:#5c696d;font:500 .59rem var(--font-mono);letter-spacing:.09em;text-transform:uppercase}
.vina-price strong{font:900 clamp(2.8rem,4.3vw,4.6rem) var(--font-display);letter-spacing:-.055em}
.vina-price span{color:#617074;font:500 .67rem var(--font-mono)}
.vina-product ul{display:grid;gap:.75rem;margin:0 0 2rem;padding:0;list-style:none}
.vina-product li{position:relative;padding-left:1.25rem;color:#7b888b;font-size:.84rem;line-height:1.6}
.vina-product li::before{content:"✓";position:absolute;left:0;color:var(--vina-mint);font:700 .68rem var(--font-mono)}
.vina-product.is-commerce li::before{color:var(--vina-sand)}
.vina-product .dw-text-link{margin-top:auto}
.vina-plan-bridge{
    margin-top:1rem;
    padding:1.3rem 1.4rem;
    display:grid;
    grid-template-columns:auto 1fr auto;
    gap:1.3rem;
    align-items:center;
    border:1px solid rgba(20,223,174,.16);
    border-radius:17px;
    background:rgba(20,223,174,.035);
}
.vina-plan-bridge>span{color:var(--vina-mint);font:600 .58rem var(--font-mono);letter-spacing:.1em}
.vina-plan-bridge p{margin:0;color:#6e7b7e;font-size:.76rem;line-height:1.6}
.vina-plan-bridge a{color:#dce7e2;text-decoration:none;font:600 .65rem var(--font-mono);white-space:nowrap}

/* ---------- SEO LOCAL ---------- */
.vina-seo-local{
    background:
        radial-gradient(circle at 18% 32%,rgba(13,95,112,.14),transparent 35%),
        radial-gradient(circle at 80% 72%,rgba(20,223,174,.055),transparent 28%),
        #0d1517;
}
.vina-seo-local::before{
    background:
        repeating-radial-gradient(circle at 82% 50%,transparent 0 44px,rgba(255,255,255,.026) 45px 46px,transparent 47px 82px);
    opacity:.7;
}
.vina-seo-grid{
    display:grid;
    grid-template-columns:minmax(0,.82fr) minmax(520px,1.18fr);
    gap:clamp(3rem,7vw,8rem);
    align-items:center;
}
.vina-seo-principle{
    display:flex;flex-wrap:wrap;gap:.55rem .8rem;
    margin-top:2rem;
    color:#69777a;
    font:600 .58rem var(--font-mono);
    letter-spacing:.09em;
}
.vina-seo-principle i{font-style:normal;color:var(--vina-mint)}
.vina-seo-console{
    position:relative;
    padding:1rem;
    border:1px solid rgba(20,223,174,.22);
    border-radius:27px;
    background:
        radial-gradient(circle at 80% 8%,rgba(13,95,112,.16),transparent 32%),
        #091012;
    box-shadow:0 34px 90px rgba(0,0,0,.28);
}
.vina-console-head{
    display:flex;justify-content:space-between;align-items:center;
    padding:.35rem .35rem 1rem;
    color:#627175;
    font:500 .57rem var(--font-mono);
    letter-spacing:.11em;
}
.vina-console-head span{display:flex;align-items:center;gap:.5rem}
.vina-console-head i{width:7px;height:7px;border-radius:50%;background:var(--vina-mint);box-shadow:0 0 14px rgba(20,223,174,.7)}
.vina-console-head b{font-weight:500;color:#80908d}
.vina-console-list{
    display:grid;
    grid-template-columns:repeat(2,1fr);
    gap:.7rem;
}
.vina-console-list>div{
    min-height:112px;
    padding:1rem;
    display:grid;
    grid-template-columns:30px 1fr;
    gap:.65rem;
    align-items:center;
    border:1px solid rgba(255,255,255,.065);
    border-radius:14px;
    background:rgba(255,255,255,.016);
}
.vina-console-list>div>i{
    width:28px;height:28px;border-radius:8px;
    display:grid;place-items:center;
    border:1px solid rgba(20,223,174,.22);
    color:var(--vina-mint);
    font:700 .7rem var(--font-mono);
}
.vina-console-list b{display:block;color:#dfe8e4;font:700 .78rem var(--font-display)}
.vina-console-list small{display:block;margin-top:.25rem;color:#5f6d70;font-size:.62rem}
.vina-console-foot{
    margin-top:.7rem;
    padding:1rem .45rem .25rem;
    display:flex;justify-content:space-between;gap:1rem;
    border-top:1px solid rgba(255,255,255,.06);
}
.vina-console-foot span{color:var(--vina-mint);font:600 .58rem var(--font-mono);letter-spacing:.1em}
.vina-console-foot strong{color:#72807d;font-size:.67rem;font-weight:500;text-align:right}

/* ---------- DESPUÉS ---------- */
.vina-after{
    background:
        linear-gradient(135deg,rgba(13,95,112,.05),transparent 38%),
        #0a0f11;
}
.vina-after::before{
    background-image:
        linear-gradient(120deg,rgba(255,255,255,.018) 1px,transparent 1px);
    background-size:46px 46px;
    opacity:.5;
}
.vina-after-layout{
    display:grid;
    grid-template-columns:minmax(320px,.67fr) minmax(0,1.33fr);
    gap:clamp(3rem,7vw,8rem);
    align-items:start;
}
.vina-after-copy{position:sticky;top:9rem}
.vina-after-steps{display:grid;gap:.75rem}
.vina-after-steps article{
    position:relative;
    min-height:210px;
    padding:1.65rem 1.7rem 1.5rem 6rem;
    border:1px solid rgba(255,255,255,.075);
    border-radius:22px;
    background:linear-gradient(145deg,rgba(255,255,255,.022),rgba(255,255,255,.006));
}
.vina-after-steps article>span{
    position:absolute;left:1.5rem;top:1.4rem;
    color:rgba(255,255,255,.055);
    font:900 3.8rem/1 var(--font-display);
}
.vina-after-steps small{color:var(--vina-mint);font:600 .57rem var(--font-mono);letter-spacing:.1em}
.vina-after-steps h3{margin:.55rem 0;color:#e7eeeb;font:900 1.7rem/1.05 var(--font-display);letter-spacing:-.03em}
.vina-after-steps p{margin:0;color:#738084;font-size:.78rem;line-height:1.65}

/* ---------- AUDITOR ---------- */
.vina-audit{
    background:
        radial-gradient(circle at 73% 40%,rgba(214,190,131,.075),transparent 31%),
        #101416;
}
.vina-audit::before{
    background-image:linear-gradient(rgba(255,255,255,.022) 1px,transparent 1px);
    background-size:100% 48px;
    opacity:.45;
}
.vina-audit-grid{
    display:grid;
    grid-template-columns:minmax(0,.72fr) minmax(520px,1.28fr);
    gap:clamp(3rem,7vw,8rem);
    align-items:center;
}
.vina-audit-note{margin-top:1rem;color:#5e6a6e;font-size:.67rem}
.vina-audit-board{
    padding:1rem;
    border:1px solid rgba(214,190,131,.18);
    border-radius:28px;
    background:
        radial-gradient(circle at 80% 10%,rgba(214,190,131,.055),transparent 30%),
        linear-gradient(145deg,#111719,#080d0f);
    box-shadow:0 34px 90px rgba(0,0,0,.3);
}
.vina-audit-head{
    display:flex;justify-content:space-between;align-items:center;
    padding:.35rem .35rem 1rem;
    color:#657174;
    font:500 .57rem var(--font-mono);letter-spacing:.1em;
}
.vina-audit-head span{display:flex;align-items:center;gap:.5rem}
.vina-audit-head i{width:7px;height:7px;border-radius:50%;background:var(--vina-sand);box-shadow:0 0 14px rgba(214,190,131,.55)}
.vina-audit-head b{font-weight:500;color:#837b63}
.vina-audit-score{
    min-height:220px;
    display:flex;align-items:baseline;justify-content:center;
    padding:2rem;
    border:1px solid rgba(255,255,255,.06);
    border-radius:18px;
    background:radial-gradient(circle at 50% 50%,rgba(13,95,112,.08),transparent 52%);
}
.vina-audit-score strong{font:900 clamp(5rem,9vw,8.5rem)/1 var(--font-display);letter-spacing:-.07em}
.vina-audit-score>span{color:#6b777a;font:600 1rem var(--font-mono)}
.vina-audit-score small{align-self:flex-end;margin:0 0 1rem 1rem;color:#857b60;font:600 .58rem var(--font-mono);letter-spacing:.1em}
.vina-audit-items{display:grid;grid-template-columns:repeat(3,1fr);gap:.6rem;margin-top:.7rem}
.vina-audit-items>span{
    min-height:64px;
    padding:.8rem;
    display:flex;align-items:center;gap:.55rem;
    border:1px solid rgba(255,255,255,.06);
    border-radius:12px;
    color:#708083;
    font:600 .63rem var(--font-mono);
}
.vina-audit-items i{font-style:normal}
.vina-audit-items .ok i{color:var(--vina-mint)}
.vina-audit-items .warn i{color:var(--vina-sand)}
.vina-audit-items .bad i{color:#ef6e67}
.vina-audit-board>p{margin:.8rem .3rem .2rem;color:#4f5a5d;font-size:.61rem}

/* ---------- FIT / RUBROS ---------- */
.vina-fit{
    background:
        radial-gradient(circle at 20% 85%,rgba(13,95,112,.08),transparent 30%),
        #0d1214;
}
.vina-fit::before{
    background:
        repeating-linear-gradient(0deg,transparent 0 52px,rgba(255,255,255,.018) 53px 54px);
    opacity:.65;
}
.vina-fit-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:.75rem}
.vina-fit-grid article{
    min-height:330px;
    padding:1.6rem;
    border:1px solid rgba(255,255,255,.075);
    border-radius:20px;
    background:linear-gradient(145deg,rgba(255,255,255,.022),rgba(255,255,255,.006));
    display:flex;flex-direction:column;justify-content:flex-end;
}
.vina-fit-grid span{color:rgba(255,255,255,.06);font:900 3rem/1 var(--font-display)}
.vina-fit-grid h3{margin:2rem 0 .7rem;color:#e8efec;font:900 1.55rem/1.05 var(--font-display);letter-spacing:-.035em}
.vina-fit-grid p{margin:0;color:#748185;font-size:.75rem;line-height:1.65}

/* ---------- FAQ ---------- */
.vina-faq{
    background:
        radial-gradient(circle at 85% 10%,rgba(20,223,174,.05),transparent 28%),
        #0b1012;
}
.vina-faq-grid{
    display:grid;
    grid-template-columns:minmax(300px,.68fr) minmax(0,1.32fr);
    gap:clamp(3rem,7vw,8rem);
    align-items:start;
}
.vina-faq-head{position:sticky;top:9rem}

/* ---------- FINAL ---------- */
.vina-final{
    position:relative;
    min-height:82svh;
    padding:8rem 0;
    display:flex;
    align-items:center;
    isolation:isolate;
    overflow:hidden;
    background:
        radial-gradient(circle at 50% 25%,rgba(20,223,174,.1),transparent 34%),
        linear-gradient(180deg,#081012,#071011);
}
.vina-final-wave{
    position:absolute;
    left:-10%;right:-10%;bottom:-15%;
    height:65%;
    z-index:-1;
    opacity:.23;
    background:
        radial-gradient(ellipse at 50% 100%,transparent 0 27%,rgba(13,95,112,.25) 28% 29%,transparent 30% 38%,rgba(20,223,174,.12) 39% 40%,transparent 41% 49%,rgba(255,255,255,.04) 50% 51%,transparent 52%);
}
.vina-final-shell{text-align:center;max-width:1200px}
.vina-final h2{
    margin:1.4rem auto 1.5rem;
    color:#fff;
    font:900 clamp(3rem,6vw,6.8rem)/.92 var(--font-display);
    letter-spacing:-.065em;
    text-wrap:balance;
}
.vina-final h2 span{color:var(--vina-mint);font-weight:300;font-style:italic}
.vina-final p{max-width:830px;margin:0 auto;color:#7b888b;line-height:1.75}
.vina-final .dw-actions{justify-content:center}

/* ---------- MOTION ---------- */
.vina-motion-ready .vina-stagger > *{
    opacity:0;
    transform:translate3d(0,24px,0) scale(.99);
    filter:blur(6px);
    transition:
        opacity .72s cubic-bezier(.22,.61,.36,1),
        transform .82s cubic-bezier(.22,.61,.36,1),
        filter .82s ease;
    transition-delay:var(--vina-stagger-delay,0ms);
}
.vina-motion-ready .vina-stagger.is-inview > *{
    opacity:1;
    transform:translate3d(0,0,0) scale(1);
    filter:blur(0);
}
.vina-motion-ready .vina-intent-panel.vina-stagger > *{transform:translate3d(22px,0,0) scale(.99)}
.vina-motion-ready .vina-intent-panel.vina-stagger.is-inview > *{transform:translate3d(0,0,0) scale(1)}
.vina-motion-ready .vina-after-steps.vina-stagger > *{transform:translate3d(28px,0,0)}
.vina-motion-ready .vina-after-steps.vina-stagger.is-inview > *{transform:translate3d(0,0,0)}

/* ---------- HOVER ---------- */
@media (hover:hover){
    .vina-moment-card,.vina-stack-card,.vina-product,.vina-fit-grid article,.vina-after-steps article{
        transition:transform .35s ease,border-color .35s ease,box-shadow .35s ease,background .35s ease;
    }
    .vina-moment-card:hover,.vina-stack-card:hover,.vina-product:hover,.vina-fit-grid article:hover,.vina-after-steps article:hover{
        transform:translateY(-5px);
        border-color:rgba(20,223,174,.2);
        box-shadow:0 24px 55px rgba(0,0,0,.15);
    }
}

/* ---------- LIGHT ---------- */
html[data-theme="light"] .vina-page{
    background:#f4f6f3;
    color:#17231f;
}
html[data-theme="light"] .vina-page strong{color:#17231f}
html[data-theme="light"] .vina-hero{
    background:#071011!important;
    color:#fff;
}
html[data-theme="light"] .vina-hero strong{color:#fff}
html[data-theme="light"] .vina-moment{
    background:radial-gradient(circle at 14% 15%,rgba(13,95,112,.07),transparent 29%),#f4f6f3;
}
html[data-theme="light"] .vina-double{background:radial-gradient(circle at 50% 50%,rgba(13,95,112,.06),transparent 34%),#edf3ef}
html[data-theme="light"] .vina-implementation{background:radial-gradient(circle at 80% 18%,rgba(170,135,60,.05),transparent 30%),#f6f7f4}
html[data-theme="light"] .vina-seo-local{background:radial-gradient(circle at 18% 32%,rgba(13,95,112,.08),transparent 35%),#edf4f1}
html[data-theme="light"] .vina-after{background:#f5f7f4}
html[data-theme="light"] .vina-audit{background:radial-gradient(circle at 73% 40%,rgba(170,135,60,.06),transparent 31%),#edf1ee}
html[data-theme="light"] .vina-fit{background:#f5f7f4}
html[data-theme="light"] .vina-faq{background:#edf2ef}
html[data-theme="light"] .vina-moment-card,
html[data-theme="light"] .vina-stack-card,
html[data-theme="light"] .vina-product,
html[data-theme="light"] .vina-fit-grid article,
html[data-theme="light"] .vina-after-steps article{
    border-color:rgba(20,33,29,.1);
    background:rgba(255,255,255,.7);
    box-shadow:0 18px 44px rgba(45,70,60,.05);
}
html[data-theme="light"] .vina-moment-card.is-accent,
html[data-theme="light"] .vina-stack-card.is-system{
    border-color:rgba(0,168,125,.22);
    background:rgba(0,168,125,.04);
}
html[data-theme="light"] .vina-moment-card h3,
html[data-theme="light"] .vina-stack-card h3,
html[data-theme="light"] .vina-product h3,
html[data-theme="light"] .vina-fit-grid h3,
html[data-theme="light"] .vina-after-steps h3,
html[data-theme="light"] .vina-final h2{color:#16231e}
html[data-theme="light"] .vina-moment-card p,
html[data-theme="light"] .vina-stack-card li,
html[data-theme="light"] .vina-product>p,
html[data-theme="light"] .vina-product li,
html[data-theme="light"] .vina-fit-grid p,
html[data-theme="light"] .vina-after-steps p,
html[data-theme="light"] .vina-page .sec-intro{color:#5f6c67}
html[data-theme="light"] .vina-moment-card>span,
html[data-theme="light"] .vina-stack-label span,
html[data-theme="light"] .vina-product-number,
html[data-theme="light"] .vina-fit-grid span,
html[data-theme="light"] .vina-after-steps article>span{color:rgba(20,33,29,.07)}
html[data-theme="light"] .vina-price{border-color:rgba(20,33,29,.1)}
html[data-theme="light"] .vina-plan-bridge{background:rgba(0,168,125,.045);border-color:rgba(0,168,125,.18)}
html[data-theme="light"] .vina-plan-bridge p{color:#61706a}
html[data-theme="light"] .vina-plan-bridge a{color:#1d3029}
html[data-theme="light"] .vina-seo-console,
html[data-theme="light"] .vina-audit-board{
    color:#e5eeea;
}
html[data-theme="light"] .vina-seo-console strong,
html[data-theme="light"] .vina-audit-board strong{color:#fff}
html[data-theme="light"] .vina-final{
    background:radial-gradient(circle at 50% 25%,rgba(0,168,125,.09),transparent 34%),#eef3ef;
}
html[data-theme="light"] .vina-final h2{color:#14221d}
html[data-theme="light"] .vina-final p{color:#5f6d67}
html[data-theme="light"] .vina-marquee{background:#e8eeea;border-color:rgba(20,33,29,.08);color:#5e6c66}
html[data-theme="light"] .vina-marquee strong{color:#17241f}
html[data-theme="light"] .vina-marquee.is-jade{background:linear-gradient(90deg,#dceee7,#e9f1ed 45%,#dceee7)}
html[data-theme="light"] .vina-faq .dw-faq-list,
html[data-theme="light"] .vina-faq .dw-faq-list details{border-color:rgba(20,33,29,.1)}

/* ---------- RESPONSIVE ---------- */
@media (max-width:1400px){
   .vina-hero-shell{width:min(calc(100% - 3rem),1400px)}
    .vina-hero-grid{grid-template-columns:minmax(0,1.22fr) minmax(390px,.64fr);gap:2.8rem}
    .vina-hero-copy{max-width:1040px}
    .vina-hero-copy h1{max-width:1020px;font-size:clamp(4rem,5.7vw,6.7rem)}
}
@media (max-width:1080px){
    .vina-hero{min-height:auto;padding-top:8.5rem}
   .vina-hero-shell{width:min(calc(100% - 3rem),1040px)}
    .vina-hero-grid{grid-template-columns:1fr;gap:2.5rem}
    .vina-hero-copy{max-width:930px}
    .vina-intent-panel{max-width:760px;margin:1rem auto 0}
    .vina-scroll{display:none}
    .vina-moment-grid{grid-template-columns:1fr}
    .vina-moment-card{min-height:330px}
    .vina-double-grid,.vina-product-grid{grid-template-columns:1fr}
    .vina-stack-card,.vina-product{min-height:auto}
    .vina-seo-grid,.vina-audit-grid,.vina-after-layout,.vina-faq-grid,.vina-split-head{grid-template-columns:1fr}
    .vina-after-copy,.vina-faq-head{position:static}
    .vina-fit-grid{grid-template-columns:repeat(2,1fr)}
}
@media (max-width:760px){
    .vina-hero{
        min-height:100svh;
        padding:7.2rem 0 3.5rem;
        align-items:center;
    }
   .vina-hero-shell{width:calc(100% - 2.3rem)}
    .vina-horizon{height:38%}
    .vina-horizon-photo{object-position:64% 50%;filter:saturate(.8) contrast(1.04) brightness(.58)}
    .vina-horizon-veil{
        background:
            linear-gradient(180deg,#071011 0%,rgba(7,16,17,.88) 24%,rgba(7,16,17,.48) 70%,rgba(5,12,14,.86) 100%),
            linear-gradient(90deg,rgba(7,16,17,.78),rgba(6,45,52,.16));
    }
    .vina-hero-copy h1{
        font-size:clamp(3rem,13.2vw,4.7rem);
        line-height:.91;
        letter-spacing:-.061em;
    }
    .vina-lead{font-size:.95rem;line-height:1.65}
    .vina-intent-panel{display:none}
    .vina-hero-proof{font-size:.57rem}
    .vina-scene{min-height:auto;padding:6.2rem 0}
    .vina-split-head{gap:1.5rem;margin-bottom:2.6rem}
    .vina-moment-card,.vina-stack-card,.vina-product{padding:1.6rem;border-radius:21px}
    .vina-moment-card h3,.vina-stack-card h3,.vina-product h3{font-size:2.35rem}
    .vina-stack-label span{font-size:3.5rem}
    .vina-plan-bridge{grid-template-columns:1fr;gap:.7rem}
    .vina-plan-bridge a{white-space:normal}
    .vina-console-list{grid-template-columns:1fr}
    .vina-console-foot{flex-direction:column}
    .vina-console-foot strong{text-align:left}
    .vina-after-steps article{padding:1.4rem 1.4rem 1.35rem 4.7rem;min-height:190px}
    .vina-after-steps article>span{left:1.15rem;font-size:3rem}
    .vina-audit-items{grid-template-columns:repeat(2,1fr)}
    .vina-audit-score{min-height:180px;padding:1.5rem}
    .vina-fit-grid{grid-template-columns:1fr}
    .vina-fit-grid article{min-height:210px}
    .vina-marquee p{font-size:.58rem;padding:.95rem 1rem}
    .vina-final{min-height:auto;padding:6.5rem 0}
    .vina-final h2{font-size:clamp(3rem,13vw,4.8rem)}
}
@media (max-width:430px){
   .vina-hero-shell{width:calc(100% - 2rem)}
    .vina-hero-copy h1{font-size:clamp(2.8rem,12.9vw,4rem)}
    .vina-audit-items{grid-template-columns:1fr}
    .vina-audit-score small{display:none}
}
@media (prefers-reduced-motion:reduce){
    .vina-page *, .vina-page *::before,.vina-page *::after{
        animation-duration:.001ms!important;
        animation-iteration-count:1!important;
        scroll-behavior:auto!important;
        transition-duration:.001ms!important;
    }
    .vina-horizon-photo{transform:scale(1.035)!important}
}