/* ═══════════════════════════════════════════
   BRAND SYSTEM — Aritzá Salazar / Growth Lab
═══════════════════════════════════════════ */
:root{
    --cream:#F5EFE5;
    --cream-2:#EFE6D6;
    --paper:#FFFBF3;
    --pink:#EC4899;
    --pink-soft:#FBD3E1;
    --pink-tint:#FDEBF2;
    --pink-deep:#C9277A;
    --ink:#2B2B2B;
    --ink-2:#1A1A1A;
    --ink-soft:#5A5A5A;
    --line:rgba(43,43,43,0.10);
    --line-2:rgba(43,43,43,0.18);
    --shadow:0 20px 60px rgba(43,43,43,0.08);
    --shadow-pink:0 24px 60px rgba(236,72,153,0.25);
}
*,*::before,*::after{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{
    background:var(--cream);
    color:var(--ink);
    font-family:'Inter',-apple-system,system-ui,sans-serif;
    font-size:16px;line-height:1.65;
    overflow-x:hidden;
    -webkit-font-smoothing:antialiased;
    -moz-osx-font-smoothing:grayscale;
}
::selection{background:var(--pink);color:#fff}
a{color:inherit;text-decoration:none}
img{max-width:100%;display:block}

.serif{font-family:'Fraunces',Georgia,serif;font-weight:700;letter-spacing:-0.02em;line-height:1.05}
.mono{font-family:'JetBrains Mono',monospace;letter-spacing:0.02em}
.eye{font-family:'JetBrains Mono',monospace;font-size:0.72rem;letter-spacing:0.18em;text-transform:uppercase;color:var(--pink);font-weight:500}
.eye-dark{color:var(--pink-soft)}

/* ═══════════════════════════════════════════
   SCROLL PROGRESS
═══════════════════════════════════════════ */
.scroll-bar{
    position:fixed;top:0;left:0;height:3px;width:0;
    background:linear-gradient(90deg,var(--pink),var(--pink-deep));
    z-index:9999;transition:width 0.1s linear;
}

/* ═══════════════════════════════════════════
   TICKER
═══════════════════════════════════════════ */
.ticker{
    background:var(--ink);color:var(--cream);
    padding:0.55rem 0;overflow:hidden;
    position:relative;z-index:50;
    border-bottom:1px solid var(--ink-2);
}
.ticker-track{
    display:flex;gap:2.5rem;
    animation:tk 30s linear infinite;
    white-space:nowrap;will-change:transform;
}
.ticker-track span{
    font-family:'JetBrains Mono',monospace;
    font-size:0.72rem;letter-spacing:0.22em;text-transform:uppercase;
    flex-shrink:0;
}
.ticker-track .dot{color:var(--pink);opacity:0.9}
@keyframes tk{0%{transform:translateX(0)}100%{transform:translateX(-50%)}}

/* ═══════════════════════════════════════════
   NAV
═══════════════════════════════════════════ */
nav{
    position:sticky;top:0;z-index:100;
    background:rgba(245,239,229,0.85);
    backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);
    border-bottom:1px solid transparent;
    transition:border-color 0.4s,background 0.4s,padding 0.4s;
    padding:1.1rem 2rem;
    display:flex;align-items:center;justify-content:space-between;
}
nav.scrolled{border-color:var(--line);padding:0.85rem 2rem;background:rgba(245,239,229,0.95)}
.brand{display:flex;align-items:center;gap:0.75rem;cursor:pointer}
.brand-mark{width:34px;height:34px;display:block}
.brand-name{font-family:'Fraunces',serif;font-weight:700;font-size:1.15rem;color:var(--ink);letter-spacing:-0.01em}
.brand-sub{
    font-family:'JetBrains Mono',monospace;font-size:0.62rem;letter-spacing:0.2em;
    text-transform:uppercase;color:var(--pink);background:var(--pink-tint);
    padding:0.18rem 0.55rem;border-radius:4px;margin-left:0.4rem;
}
.nav-links{display:flex;gap:2rem;align-items:center}
.nav-links a{
    font-family:'JetBrains Mono',monospace;font-size:0.72rem;letter-spacing:0.18em;
    text-transform:uppercase;color:var(--ink-soft);transition:color 0.3s;position:relative;
}
.nav-links a::after{
    content:'';position:absolute;left:0;right:0;bottom:-6px;height:1px;
    background:var(--pink);transform:scaleX(0);transform-origin:left;
    transition:transform 0.3s ease;
}
.nav-links a:hover{color:var(--ink)}
.nav-links a:hover::after{transform:scaleX(1)}
.nav-links a.active{color:var(--ink)}
.nav-links a.active::after{transform:scaleX(1)}
.nav-cta{
    font-family:'JetBrains Mono',monospace;font-size:0.72rem;letter-spacing:0.18em;
    text-transform:uppercase;background:var(--ink);color:var(--cream);
    padding:0.85rem 1.4rem;border-radius:50px;border:1px solid var(--ink);
    transition:all 0.3s;cursor:pointer;display:inline-flex;align-items:center;gap:0.4rem;
}
.nav-cta:hover{background:var(--pink);border-color:var(--pink);transform:translateY(-1px)}
.nav-cta::before{content:'→';transition:transform 0.3s}
.nav-cta:hover::before{transform:translateX(2px)}
.menu-toggle{display:none;background:transparent;border:0;cursor:pointer;padding:0.4rem;color:var(--ink)}
@media(max-width:880px){
    .nav-links{display:none}
    .menu-toggle{display:block}
}
.mobile-menu{
    position:fixed;top:0;right:0;bottom:0;width:80%;max-width:340px;
    background:var(--ink);color:var(--cream);
    transform:translateX(100%);transition:transform 0.4s cubic-bezier(0.16,1,0.3,1);
    z-index:200;padding:5rem 2rem 2rem;display:flex;flex-direction:column;gap:1.4rem;
}
.mobile-menu.open{transform:translateX(0)}
.mobile-menu a{
    font-family:'Fraunces',serif;font-size:1.6rem;color:var(--cream);
    border-bottom:1px solid rgba(245,239,229,0.1);padding-bottom:0.8rem;
}
.mobile-menu a:hover{color:var(--pink)}
.mobile-close{position:absolute;top:1.4rem;right:1.4rem;background:transparent;border:0;color:var(--cream);cursor:pointer;font-size:1.5rem}

/* ═══════════════════════════════════════════
   HERO
═══════════════════════════════════════════ */
.hero{
    position:relative;
    padding:5rem 2rem 6rem;
    overflow:hidden;
    background:
        radial-gradient(ellipse 80% 60% at 100% 30%,rgba(236,72,153,0.10) 0%,transparent 60%),
        radial-gradient(ellipse 60% 40% at 0% 80%,rgba(236,72,153,0.06) 0%,transparent 60%),
        var(--cream);
}
.hero::before{
    content:'';position:absolute;inset:0;pointer-events:none;
    background-image:
        linear-gradient(0deg,rgba(43,43,43,0.04) 1px,transparent 1px),
        linear-gradient(90deg,rgba(43,43,43,0.04) 1px,transparent 1px);
    background-size:60px 60px;
    mask:radial-gradient(ellipse 90% 70% at 50% 40%,#000 30%,transparent 80%);
    -webkit-mask:radial-gradient(ellipse 90% 70% at 50% 40%,#000 30%,transparent 80%);
    opacity:0.6;
}
.hero-grid{
    position:relative;z-index:2;
    max-width:1280px;margin:0 auto;
    display:grid;grid-template-columns:1.15fr 1fr;gap:4rem;align-items:center;
}
@media(max-width:1024px){.hero-grid{grid-template-columns:1fr;gap:2.5rem}}
.hero-left{display:flex;flex-direction:column;gap:1.6rem}
.hero-eye{display:inline-flex;align-items:center;gap:0.6rem;width:fit-content}
.hero-eye .dot{width:6px;height:6px;background:var(--pink);border-radius:50%;animation:pulse 2s infinite}
@keyframes pulse{0%,100%{transform:scale(1);opacity:1}50%{transform:scale(1.4);opacity:0.5}}
.hero-h{
    font-family:'Fraunces',serif;font-weight:700;
    font-size:clamp(2.4rem,5.8vw,4.6rem);
    line-height:1;letter-spacing:-0.035em;color:var(--ink);
}
.hero-h em{font-style:italic;font-weight:400;color:var(--pink)}
.hero-h u{text-decoration:none;background:linear-gradient(180deg,transparent 60%,var(--pink-soft) 60%);padding:0 0.1em}
.hero-sub{
    font-size:1.1rem;color:var(--ink-soft);line-height:1.65;max-width:540px;
}
.hero-meta{
    display:flex;flex-wrap:wrap;gap:1.5rem;align-items:center;
    padding:1rem 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);
}
.meta-item{display:flex;flex-direction:column;gap:0.15rem}
.meta-item .num{font-family:'Fraunces',serif;font-weight:700;font-size:1.4rem;color:var(--ink);line-height:1}
.meta-item .lbl{font-family:'JetBrains Mono',monospace;font-size:0.62rem;letter-spacing:0.2em;text-transform:uppercase;color:var(--ink-soft)}
.meta-sep{width:1px;height:34px;background:var(--line)}
.hero-cta{display:flex;flex-wrap:wrap;gap:0.8rem;margin-top:0.4rem}
.btn{
    display:inline-flex;align-items:center;gap:0.6rem;
    padding:1.1rem 1.8rem;border-radius:60px;
    font-family:'JetBrains Mono',monospace;font-size:0.78rem;
    letter-spacing:0.18em;text-transform:uppercase;font-weight:500;
    transition:all 0.35s cubic-bezier(0.16,1,0.3,1);cursor:pointer;border:1px solid transparent;
}
.btn-primary{background:var(--pink);color:#fff;border-color:var(--pink);box-shadow:var(--shadow-pink)}
.btn-primary:hover{background:var(--pink-deep);border-color:var(--pink-deep);transform:translateY(-2px);box-shadow:0 30px 70px rgba(201,39,122,0.35)}
.btn-ghost{background:transparent;color:var(--ink);border-color:var(--line-2)}
.btn-ghost:hover{background:var(--ink);color:var(--cream);border-color:var(--ink);transform:translateY(-2px)}
.btn-wa{background:#25D366;color:#fff;border-color:#25D366}
.btn-wa:hover{background:#1da851;border-color:#1da851;transform:translateY(-2px)}
.btn .arr{transition:transform 0.3s}
.btn:hover .arr{transform:translateX(4px)}

.hero-right{position:relative;display:flex;align-items:center;justify-content:center;min-height:540px}
.photo-stage{position:relative;width:100%;max-width:520px}
.photo-blob{
    position:absolute;inset:8% 5% 0 5%;
    background:linear-gradient(160deg,var(--pink) 0%,var(--pink-deep) 100%);
    border-radius:50% 50% 48% 52% / 60% 55% 45% 40%;
    filter:blur(0px);
    animation:blob 14s ease-in-out infinite;
}
@keyframes blob{
    0%,100%{border-radius:50% 50% 48% 52% / 60% 55% 45% 40%;transform:rotate(-2deg) scale(1)}
    50%{border-radius:48% 52% 60% 40% / 50% 60% 40% 50%;transform:rotate(2deg) scale(1.02)}
}
.photo-frame{
    position:relative;z-index:3;
    width:100%;
}
.photo-frame img{
    width:100%;height:auto;display:block;
    filter:drop-shadow(0 30px 50px rgba(43,43,43,0.18));
}
/* Floating data chips */
.chip{
    position:absolute;z-index:5;
    background:var(--paper);border:1px solid var(--line);
    padding:0.7rem 1rem;border-radius:14px;
    box-shadow:var(--shadow);
    font-family:'JetBrains Mono',monospace;font-size:0.7rem;
    display:flex;align-items:center;gap:0.6rem;
    animation:float 6s ease-in-out infinite;
}
.chip strong{color:var(--ink);font-weight:700}
.chip .ico{
    width:22px;height:22px;background:var(--pink-tint);border-radius:6px;
    display:flex;align-items:center;justify-content:center;color:var(--pink);font-size:0.85rem;
}
.chip-1{top:8%;left:-4%;animation-delay:0s}
.chip-2{bottom:18%;left:-8%;animation-delay:1.5s}
.chip-3{top:16%;right:-4%;animation-delay:3s}
.chip-4{bottom:5%;right:-3%;animation-delay:2s}
@keyframes float{0%,100%{transform:translateY(0)}50%{transform:translateY(-10px)}}

/* ═══════════════════════════════════════════
   PAGE HERO (cabecera más compacta para subpáginas)
═══════════════════════════════════════════ */
.page-hero{
    position:relative;
    padding:5rem 2rem 4rem;
    background:
        radial-gradient(ellipse 80% 60% at 100% 30%,rgba(236,72,153,0.10) 0%,transparent 60%),
        radial-gradient(ellipse 60% 40% at 0% 80%,rgba(236,72,153,0.06) 0%,transparent 60%),
        var(--cream);
    overflow:hidden;
}
.page-hero::before{
    content:'';position:absolute;inset:0;pointer-events:none;
    background-image:
        linear-gradient(0deg,rgba(43,43,43,0.04) 1px,transparent 1px),
        linear-gradient(90deg,rgba(43,43,43,0.04) 1px,transparent 1px);
    background-size:60px 60px;
    mask:radial-gradient(ellipse 90% 70% at 50% 40%,#000 30%,transparent 80%);
    -webkit-mask:radial-gradient(ellipse 90% 70% at 50% 40%,#000 30%,transparent 80%);
    opacity:0.6;
}
.page-hero-inner{
    position:relative;z-index:2;
    max-width:980px;margin:0 auto;
}
.page-hero h1{
    font-family:'Fraunces',serif;font-weight:700;
    font-size:clamp(2.2rem,5vw,3.8rem);
    line-height:1.05;letter-spacing:-0.035em;color:var(--ink);
    margin-top:1.2rem;
}
.page-hero h1 em{font-style:italic;font-weight:400;color:var(--pink)}
.page-hero h1 u{text-decoration:none;background:linear-gradient(180deg,transparent 60%,var(--pink-soft) 60%);padding:0 0.1em}
.page-hero .lead{
    font-size:1.1rem;color:var(--ink-soft);line-height:1.65;
    max-width:680px;margin-top:1.2rem;
}
.crumb{
    display:inline-flex;align-items:center;gap:0.5rem;
    font-family:'JetBrains Mono',monospace;font-size:0.65rem;
    letter-spacing:0.2em;text-transform:uppercase;color:var(--ink-soft);
}
.crumb a{color:var(--ink-soft);transition:color 0.3s}
.crumb a:hover{color:var(--pink)}
.crumb .sep{color:var(--pink)}

/* ═══════════════════════════════════════════
   STATS STRIP
═══════════════════════════════════════════ */
.stats-strip{
    background:var(--ink);color:var(--cream);
    padding:3rem 2rem;
    border-top:1px solid var(--ink-2);border-bottom:1px solid var(--ink-2);
}
.stats-grid{
    max-width:1280px;margin:0 auto;
    display:grid;grid-template-columns:repeat(4,1fr);gap:2rem;
}
@media(max-width:768px){.stats-grid{grid-template-columns:repeat(2,1fr);gap:2.5rem}}
.stat{text-align:center;position:relative}
.stat:not(:last-child)::after{
    content:'';position:absolute;right:-1rem;top:20%;height:60%;width:1px;
    background:rgba(245,239,229,0.12);
}
@media(max-width:768px){.stat::after{display:none!important}}
.stat-num{font-family:'Fraunces',serif;font-weight:700;font-size:clamp(2.4rem,5vw,3.6rem);color:var(--cream);line-height:1;letter-spacing:-0.03em}
.stat-num span{color:var(--pink)}
.stat-lbl{font-family:'JetBrains Mono',monospace;font-size:0.7rem;letter-spacing:0.2em;text-transform:uppercase;color:rgba(245,239,229,0.6);margin-top:0.6rem}

/* ═══════════════════════════════════════════
   SECTION BASE
═══════════════════════════════════════════ */
section.s{
    padding:7rem 2rem;
    position:relative;
}
.s-inner{max-width:1280px;margin:0 auto;position:relative;z-index:2}
.s-head{margin-bottom:4rem;max-width:780px}
.s-head.center{margin-left:auto;margin-right:auto;text-align:center}
.s-head .eye{display:inline-block;margin-bottom:1.2rem}
.s-h{
    font-family:'Fraunces',serif;font-weight:700;
    font-size:clamp(2rem,4.5vw,3.6rem);
    line-height:1.05;letter-spacing:-0.03em;color:var(--ink);
}
.s-h em{color:var(--pink);font-style:italic;font-weight:400}
.s-h u{text-decoration:none;background:linear-gradient(180deg,transparent 60%,var(--pink-soft) 60%);padding:0 0.1em}
.s-sub{font-size:1.05rem;color:var(--ink-soft);line-height:1.7;margin-top:1.2rem}

/* ═══════════════════════════════════════════
   PROBLEMA — DARK
═══════════════════════════════════════════ */
.problema{background:var(--ink);color:var(--cream);position:relative;overflow:hidden}
.problema::before{
    content:'';position:absolute;inset:0;
    background:
        radial-gradient(ellipse 50% 40% at 80% 20%,rgba(236,72,153,0.12) 0%,transparent 60%),
        radial-gradient(ellipse 40% 30% at 10% 90%,rgba(236,72,153,0.06) 0%,transparent 60%);
    pointer-events:none;
}
.problema .s-h{color:var(--cream)}
.problema .s-h em{color:var(--pink)}
.problema .s-h u{background:linear-gradient(180deg,transparent 60%,rgba(236,72,153,0.4) 60%)}
.problema .s-sub{color:rgba(245,239,229,0.7)}
.problema .eye{color:var(--pink)}
.problema-grid{
    display:grid;grid-template-columns:1fr 1fr;gap:5rem;align-items:start;
}
@media(max-width:900px){.problema-grid{grid-template-columns:1fr;gap:3rem}}
.problema-msg{
    font-family:'Fraunces',serif;font-weight:700;font-style:italic;
    font-size:clamp(1.8rem,3.5vw,2.6rem);
    line-height:1.2;letter-spacing:-0.02em;color:var(--cream);
    border-left:3px solid var(--pink);padding-left:1.6rem;
}
.bullets{display:grid;gap:1.2rem;margin-top:2rem}
.bullet{
    display:grid;grid-template-columns:auto 1fr;gap:1.1rem;align-items:start;
    padding:1.4rem;border-radius:14px;
    background:rgba(245,239,229,0.04);
    border:1px solid rgba(245,239,229,0.08);
    transition:all 0.35s ease;
}
.bullet:hover{background:rgba(236,72,153,0.06);border-color:rgba(236,72,153,0.3);transform:translateX(4px)}
.bullet-ic{
    width:36px;height:36px;border-radius:8px;
    background:rgba(236,72,153,0.15);color:var(--pink);
    display:flex;align-items:center;justify-content:center;
    font-family:'JetBrains Mono',monospace;font-size:0.75rem;font-weight:700;flex-shrink:0;
}
.bullet-txt{font-size:0.98rem;color:rgba(245,239,229,0.85);line-height:1.6}

/* ═══════════════════════════════════════════
   DIFERENCIADOR
═══════════════════════════════════════════ */
.dif{background:var(--cream)}
.dif-grid{display:grid;grid-template-columns:1fr 1fr;gap:5rem;align-items:center}
@media(max-width:900px){.dif-grid{grid-template-columns:1fr;gap:2.5rem}}
.dif-card{
    background:var(--ink);color:var(--cream);
    padding:3.5rem 3rem;border-radius:24px;
    position:relative;overflow:hidden;
    box-shadow:0 30px 70px rgba(43,43,43,0.18);
}
.dif-card::before{
    content:'"';position:absolute;top:-3rem;left:1rem;
    font-family:'Fraunces',serif;font-style:italic;
    font-size:18rem;color:rgba(236,72,153,0.18);line-height:1;pointer-events:none;
}
.dif-card-eye{font-family:'JetBrains Mono',monospace;font-size:0.7rem;letter-spacing:0.22em;text-transform:uppercase;color:var(--pink);margin-bottom:1.4rem;position:relative;z-index:1}
.dif-card-quote{
    font-family:'Fraunces',serif;font-weight:700;font-style:italic;
    font-size:clamp(1.5rem,2.5vw,2rem);line-height:1.25;letter-spacing:-0.02em;
    color:var(--cream);position:relative;z-index:1;
}
.dif-card-attrib{
    margin-top:2rem;display:flex;align-items:center;gap:0.8rem;
    border-top:1px solid rgba(245,239,229,0.12);padding-top:1.4rem;position:relative;z-index:1;
}
.dif-card-attrib .av{
    width:38px;height:38px;border-radius:50%;background:var(--pink);
    display:flex;align-items:center;justify-content:center;
    font-family:'Fraunces',serif;font-weight:700;color:#fff;font-size:1rem;
}
.dif-card-attrib .info{display:flex;flex-direction:column;line-height:1.2}
.dif-card-attrib .nm{font-family:'Fraunces',serif;font-weight:600;color:var(--cream);font-size:0.95rem}
.dif-card-attrib .ro{font-family:'JetBrains Mono',monospace;font-size:0.65rem;letter-spacing:0.18em;text-transform:uppercase;color:rgba(245,239,229,0.5);margin-top:0.15rem}

/* ═══════════════════════════════════════════
   PROMESA
═══════════════════════════════════════════ */
.promesa{background:var(--cream-2)}
.promesa-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:1.2rem;margin-top:3rem}
.promesa-item{
    background:var(--paper);border:1px solid var(--line);
    padding:1.8rem;border-radius:18px;
    display:flex;flex-direction:column;gap:0.8rem;
    transition:all 0.35s cubic-bezier(0.16,1,0.3,1);position:relative;overflow:hidden;
}
.promesa-item::before{
    content:'';position:absolute;top:0;left:0;right:0;height:3px;
    background:var(--pink);transform:scaleX(0);transform-origin:left;
    transition:transform 0.5s ease;
}
.promesa-item:hover{transform:translateY(-4px);box-shadow:var(--shadow);border-color:transparent}
.promesa-item:hover::before{transform:scaleX(1)}
.promesa-num{
    font-family:'JetBrains Mono',monospace;font-size:0.7rem;
    color:var(--pink);font-weight:700;letter-spacing:0.15em;
}
.promesa-item h4{
    font-family:'Fraunces',serif;font-weight:700;font-size:1.1rem;
    color:var(--ink);letter-spacing:-0.01em;line-height:1.3;
}
.promesa-check{
    width:32px;height:32px;border-radius:8px;
    background:var(--pink-tint);color:var(--pink);
    display:flex;align-items:center;justify-content:center;font-weight:700;
}

/* ═══════════════════════════════════════════
   METODOLOGÍA
═══════════════════════════════════════════ */
.metodo{background:var(--cream)}
.fases{display:grid;gap:1.2rem;margin-top:3rem}
.fase{
    display:grid;grid-template-columns:120px 1fr auto;gap:2rem;align-items:start;
    padding:2.4rem 2rem;border-radius:20px;
    background:var(--paper);border:1px solid var(--line);
    transition:all 0.4s cubic-bezier(0.16,1,0.3,1);position:relative;overflow:hidden;
}
.fase::before{
    content:'';position:absolute;left:0;top:0;bottom:0;width:4px;
    background:var(--pink);transform:scaleY(0);transform-origin:top;
    transition:transform 0.6s ease;
}
.fase:hover{transform:translateX(6px);box-shadow:var(--shadow);border-color:transparent}
.fase:hover::before{transform:scaleY(1)}
.fase-num{
    font-family:'Fraunces',serif;font-weight:700;font-style:italic;
    font-size:4rem;color:var(--pink);line-height:0.9;letter-spacing:-0.05em;
}
.fase-body h3{
    font-family:'Fraunces',serif;font-weight:700;font-size:1.6rem;
    color:var(--ink);letter-spacing:-0.02em;margin-bottom:0.4rem;line-height:1.2;
}
.fase-body .lead{color:var(--ink-soft);font-size:0.95rem;line-height:1.65;margin-bottom:1rem;max-width:580px}
.fase-list{display:flex;flex-wrap:wrap;gap:0.5rem;margin-top:0.8rem}
.fase-list li{
    list-style:none;font-family:'JetBrains Mono',monospace;font-size:0.7rem;
    background:var(--cream);padding:0.4rem 0.8rem;border-radius:6px;color:var(--ink-soft);
    border:1px solid var(--line);
}
.fase-out{
    background:var(--ink);color:var(--cream);padding:1rem 1.2rem;border-radius:12px;
    max-width:200px;align-self:start;
}
.fase-out .lbl{font-family:'JetBrains Mono',monospace;font-size:0.6rem;letter-spacing:0.2em;text-transform:uppercase;color:var(--pink);margin-bottom:0.3rem}
.fase-out .val{font-family:'Fraunces',serif;font-weight:600;font-size:0.9rem;line-height:1.3}
@media(max-width:880px){
    .fase{grid-template-columns:auto 1fr;gap:1.4rem}
    .fase-out{grid-column:1/-1;max-width:none}
    .fase-num{font-size:3rem}
}

/* ═══════════════════════════════════════════
   ESPECIALIDADES
═══════════════════════════════════════════ */
.espec{background:var(--ink);color:var(--cream);padding-top:4rem;padding-bottom:4rem;overflow:hidden}
.marq{
    display:flex;gap:3rem;
    animation:tk 35s linear infinite;
    white-space:nowrap;will-change:transform;
    margin:2rem 0;
}
.marq span{
    font-family:'Fraunces',serif;font-weight:700;font-style:italic;
    font-size:clamp(2.5rem,6vw,5rem);line-height:1;letter-spacing:-0.04em;
    color:var(--cream);flex-shrink:0;
    -webkit-text-stroke:1px var(--cream);color:transparent;
}
.marq span.fill{color:var(--pink);-webkit-text-stroke:0}
.marq .sep{
    -webkit-text-stroke:0;color:var(--pink);
    font-family:'JetBrains Mono',monospace;font-size:1.5rem;align-self:center;font-style:normal;
}
.espec-grid{
    max-width:1280px;margin:3rem auto 0;
    display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1px;
    background:rgba(245,239,229,0.12);border:1px solid rgba(245,239,229,0.12);
    border-radius:18px;overflow:hidden;
}
.cap{
    background:var(--ink);padding:2rem 1.6rem;
    transition:background 0.3s;cursor:default;
}
.cap:hover{background:rgba(236,72,153,0.08)}
.cap-ic{width:38px;height:38px;border-radius:10px;background:rgba(236,72,153,0.15);color:var(--pink);display:flex;align-items:center;justify-content:center;margin-bottom:1rem;font-size:1rem}
.cap h4{font-family:'Fraunces',serif;font-weight:600;font-size:1.1rem;color:var(--cream);margin-bottom:0.4rem;letter-spacing:-0.01em}
.cap p{font-size:0.85rem;color:rgba(245,239,229,0.6);line-height:1.55}

/* ═══════════════════════════════════════════
   HERRAMIENTAS
═══════════════════════════════════════════ */
.tools{background:var(--cream)}
.tools-grid{display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:center}
@media(max-width:900px){.tools-grid{grid-template-columns:1fr;gap:2.5rem}}
.tools-frame{
    background:var(--paper);border:1px solid var(--line);
    border-radius:18px;padding:1.8rem;font-family:'JetBrains Mono',monospace;
    box-shadow:var(--shadow);position:relative;
}
.tools-frame::before{
    content:'';position:absolute;top:1rem;left:1rem;display:flex;gap:6px;
    width:36px;height:8px;
    background:radial-gradient(circle,#ff5f56 4px,transparent 4px) 0 50%/12px no-repeat,
               radial-gradient(circle,#ffbd2e 4px,transparent 4px) 12px 50%/12px no-repeat,
               radial-gradient(circle,#27c93f 4px,transparent 4px) 24px 50%/12px no-repeat;
}
.tools-frame-head{
    text-align:center;font-size:0.65rem;letter-spacing:0.2em;text-transform:uppercase;
    color:var(--ink-soft);padding-bottom:1rem;border-bottom:1px dashed var(--line);margin:1rem 0;
}
.tools-stack{display:grid;grid-template-columns:repeat(3,1fr);gap:0.6rem;margin-top:1rem}
.tools-stack .tool{
    background:var(--cream);border:1px solid var(--line);padding:0.7rem 0.5rem;
    border-radius:8px;text-align:center;font-size:0.65rem;color:var(--ink-soft);
    position:relative;
}
.tools-stack .tool.x{background:rgba(236,72,153,0.06);border-color:rgba(236,72,153,0.3);color:var(--pink-deep);text-decoration:line-through;opacity:0.7}
.tools-stack .tool.kp{background:var(--pink);color:#fff;border-color:var(--pink);font-weight:700}
.tools-bar{display:grid;grid-template-columns:1fr auto;gap:1rem;align-items:center;margin-top:1.4rem;padding-top:1.2rem;border-top:1px dashed var(--line);font-size:0.7rem;color:var(--ink-soft)}
.tools-bar strong{color:var(--pink);font-size:1rem;font-weight:700}
.tools-list{display:grid;gap:0.6rem;margin-top:1.5rem;margin-bottom:1.5rem}
.tools-list li{
    list-style:none;display:grid;grid-template-columns:auto 1fr;gap:0.8rem;align-items:start;
    font-size:0.95rem;color:var(--ink-soft);
}
.tools-list .x{color:var(--pink);font-weight:700;font-family:'JetBrains Mono',monospace;font-size:0.8rem}
.tools-quote{
    margin-top:2rem;padding:1.4rem 1.6rem;border-left:3px solid var(--pink);
    background:var(--pink-tint);border-radius:0 12px 12px 0;
    font-family:'Fraunces',serif;font-style:italic;font-size:1.1rem;color:var(--ink);line-height:1.4;
}

/* ═══════════════════════════════════════════
   CASOS DE ESTUDIO
═══════════════════════════════════════════ */
.casos{background:var(--cream-2)}
.casos-grid{display:grid;grid-template-columns:1fr 1fr;gap:1.6rem;margin-top:3rem}
@media(max-width:880px){.casos-grid{grid-template-columns:1fr}}
.caso{
    background:var(--paper);border:1px solid var(--line);
    border-radius:22px;padding:2.6rem 2.2rem;
    transition:all 0.4s cubic-bezier(0.16,1,0.3,1);position:relative;overflow:hidden;
}
.caso:hover{transform:translateY(-6px);box-shadow:0 30px 60px rgba(43,43,43,0.10)}
.caso-head{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1.2rem;gap:1rem}
.caso-tag{font-family:'JetBrains Mono',monospace;font-size:0.65rem;letter-spacing:0.18em;text-transform:uppercase;color:var(--pink);background:var(--pink-tint);padding:0.4rem 0.7rem;border-radius:6px}
.caso-num{font-family:'Fraunces',serif;font-weight:700;font-size:2.4rem;color:var(--pink);line-height:1;font-style:italic}
.caso h3{font-family:'Fraunces',serif;font-weight:700;font-size:1.4rem;color:var(--ink);letter-spacing:-0.02em;line-height:1.25;margin-bottom:1.4rem}
.caso-block{margin-top:1.4rem}
.caso-block .lbl{font-family:'JetBrains Mono',monospace;font-size:0.62rem;letter-spacing:0.22em;text-transform:uppercase;color:var(--ink-soft);margin-bottom:0.5rem}
.caso-block ul{list-style:none;display:grid;gap:0.5rem}
.caso-block ul li{font-size:0.92rem;color:var(--ink);line-height:1.55;padding-left:1.2rem;position:relative}
.caso-block ul li::before{content:'';position:absolute;left:0;top:0.55rem;width:6px;height:6px;background:var(--pink);border-radius:50%}
.caso-result{
    margin-top:1.6rem;padding-top:1.4rem;border-top:1px dashed var(--line);
    display:grid;grid-template-columns:repeat(3,1fr);gap:0.6rem;
}
.caso-result-item{
    background:var(--ink);color:var(--cream);padding:0.9rem 0.8rem;border-radius:10px;text-align:center;
}
.caso-result-item .v{font-family:'Fraunces',serif;font-weight:700;font-size:1.2rem;color:var(--pink);line-height:1.1}
.caso-result-item .k{font-family:'JetBrains Mono',monospace;font-size:0.55rem;letter-spacing:0.18em;text-transform:uppercase;color:rgba(245,239,229,0.5);margin-top:0.25rem}
.casos-note{
    margin-top:2.4rem;text-align:center;
    font-family:'Fraunces',serif;font-style:italic;font-size:0.95rem;color:var(--ink-soft);
}

/* ═══════════════════════════════════════════
   SOBRE MÍ EXTENDIDO
═══════════════════════════════════════════ */
.sobre{background:var(--cream)}
.sobre-grid{display:grid;grid-template-columns:1fr 1.2fr;gap:5rem;align-items:center}
@media(max-width:900px){.sobre-grid{grid-template-columns:1fr;gap:3rem}}
.sobre-photo{
    position:relative;
    background:linear-gradient(160deg,var(--pink-soft) 0%,var(--pink-tint) 100%);
    border-radius:28px;padding:2rem 2rem 0;overflow:hidden;
    box-shadow:0 30px 70px rgba(236,72,153,0.18);
    aspect-ratio:4/5;display:flex;align-items:flex-end;
}
.sobre-photo::before{
    content:'';position:absolute;inset:0;
    background-image:
        linear-gradient(0deg,transparent calc(100% - 1px),rgba(43,43,43,0.06) calc(100% - 1px)),
        linear-gradient(90deg,transparent calc(100% - 1px),rgba(43,43,43,0.06) calc(100% - 1px));
    background-size:30px 30px;pointer-events:none;
}
.sobre-photo img{position:relative;z-index:2;width:100%;height:auto;object-fit:contain}
.sobre-badge{
    position:absolute;top:1.6rem;left:1.6rem;
    background:var(--ink);color:var(--cream);
    padding:0.7rem 1rem;border-radius:50px;
    font-family:'JetBrains Mono',monospace;font-size:0.65rem;
    letter-spacing:0.18em;text-transform:uppercase;
    display:flex;align-items:center;gap:0.5rem;z-index:5;
}
.sobre-badge .led{width:6px;height:6px;background:#27c93f;border-radius:50%;box-shadow:0 0 8px #27c93f;animation:pulse 2s infinite}

.sobre-content .s-h{font-size:clamp(1.8rem,3.5vw,2.8rem);margin-bottom:1.4rem}
.sobre-bio{font-size:1.02rem;color:var(--ink-soft);line-height:1.75;margin-bottom:1.4rem}
.sobre-bio strong{color:var(--ink);font-weight:600}
.sobre-pillars{
    display:grid;gap:0.8rem;margin:2rem 0;
}
.pillar{
    display:grid;grid-template-columns:auto 1fr;gap:1rem;align-items:start;
    padding:1.1rem 1.2rem;background:var(--paper);border:1px solid var(--line);border-radius:12px;
    transition:all 0.3s;
}
.pillar:hover{border-color:var(--pink);background:var(--pink-tint)}
.pillar-tag{
    font-family:'JetBrains Mono',monospace;font-size:0.65rem;
    background:var(--ink);color:var(--pink);padding:0.4rem 0.6rem;border-radius:6px;
    letter-spacing:0.18em;text-transform:uppercase;font-weight:500;align-self:start;
}
.pillar p{font-size:0.92rem;color:var(--ink);line-height:1.55}
.sobre-philosophy{
    margin-top:2rem;padding:1.6rem;background:var(--ink);color:var(--cream);
    border-radius:14px;font-family:'Fraunces',serif;font-style:italic;font-size:1rem;line-height:1.55;
}
.sobre-philosophy strong{color:var(--pink);font-weight:700;font-style:normal;font-family:'JetBrains Mono',monospace;font-size:0.7rem;letter-spacing:0.18em;display:block;margin-bottom:0.6rem;text-transform:uppercase}

/* ═══════════════════════════════════════════
   OFFERS
═══════════════════════════════════════════ */
.offers{background:var(--cream-2)}
.offers-grid{display:grid;grid-template-columns:1fr 1fr;gap:1.6rem;margin-top:3rem}
@media(max-width:900px){.offers-grid{grid-template-columns:1fr}}
.offer{
    background:var(--paper);border:1px solid var(--line);
    border-radius:24px;padding:2.6rem 2.4rem;
    display:flex;flex-direction:column;gap:1.2rem;
    transition:all 0.4s cubic-bezier(0.16,1,0.3,1);position:relative;overflow:hidden;
}
.offer:hover{transform:translateY(-4px);box-shadow:0 30px 70px rgba(43,43,43,0.10)}
.offer.featured{background:var(--ink);color:var(--cream);border-color:var(--ink)}
.offer.featured h3,.offer.featured p,.offer.featured li{color:var(--cream)}
.offer-tag{
    font-family:'JetBrains Mono',monospace;font-size:0.65rem;letter-spacing:0.22em;
    text-transform:uppercase;color:var(--pink);
    align-self:flex-start;
}
.offer.featured .offer-tag{background:rgba(236,72,153,0.15);padding:0.4rem 0.8rem;border-radius:6px}
.offer h3{font-family:'Fraunces',serif;font-weight:700;font-size:1.7rem;color:var(--ink);letter-spacing:-0.02em;line-height:1.2}
.offer-desc{font-size:0.95rem;color:var(--ink-soft);line-height:1.6}
.offer.featured .offer-desc{color:rgba(245,239,229,0.75)}
.offer-list{list-style:none;display:grid;gap:0.6rem;margin-top:0.6rem}
.offer-list li{
    display:grid;grid-template-columns:auto 1fr;gap:0.7rem;align-items:start;
    font-size:0.92rem;color:var(--ink);line-height:1.5;
}
.offer-list .ck{
    width:18px;height:18px;border-radius:50%;background:var(--pink);color:#fff;
    display:flex;align-items:center;justify-content:center;font-size:0.65rem;font-weight:700;flex-shrink:0;margin-top:0.15rem;
}
.offer-foot{
    margin-top:1.6rem;padding-top:1.6rem;border-top:1px dashed var(--line);
    display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap;
}
.offer.featured .offer-foot{border-color:rgba(245,239,229,0.18)}
.offer-foot .price-block{display:flex;flex-direction:column}
.offer-foot .price-lbl{font-family:'JetBrains Mono',monospace;font-size:0.62rem;letter-spacing:0.2em;text-transform:uppercase;color:var(--ink-soft)}
.offer.featured .offer-foot .price-lbl{color:rgba(245,239,229,0.55)}
.offer-foot .price-val{font-family:'Fraunces',serif;font-weight:700;font-size:1.4rem;color:var(--ink);line-height:1}
.offer.featured .offer-foot .price-val{color:var(--pink)}
.offer-cta{
    background:var(--pink);color:#fff;padding:0.9rem 1.4rem;border-radius:50px;
    font-family:'JetBrains Mono',monospace;font-size:0.7rem;letter-spacing:0.15em;text-transform:uppercase;
    display:inline-flex;align-items:center;gap:0.5rem;transition:all 0.3s;
}
.offer-cta:hover{background:var(--pink-deep);transform:translateY(-1px)}

/* ═══════════════════════════════════════════
   RECURSOS
═══════════════════════════════════════════ */
.recursos{background:var(--cream)}
.recursos-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.4rem;margin-top:3rem}
@media(max-width:880px){.recursos-grid{grid-template-columns:1fr}}
.recurso{
    background:var(--paper);border:1px solid var(--line);
    border-radius:20px;padding:2rem;
    display:flex;flex-direction:column;gap:1rem;
    transition:all 0.4s cubic-bezier(0.16,1,0.3,1);position:relative;overflow:hidden;
}
.recurso:hover{transform:translateY(-4px);box-shadow:var(--shadow);border-color:var(--pink)}
.recurso-ic{
    width:46px;height:46px;border-radius:12px;background:var(--pink-tint);color:var(--pink);
    display:flex;align-items:center;justify-content:center;font-size:1.3rem;
}
.recurso-tag{font-family:'JetBrains Mono',monospace;font-size:0.6rem;letter-spacing:0.22em;text-transform:uppercase;color:var(--ink-soft)}
.recurso h3{font-family:'Fraunces',serif;font-weight:700;font-size:1.2rem;color:var(--ink);letter-spacing:-0.01em;line-height:1.3}
.recurso ul{list-style:none;display:grid;gap:0.45rem;margin:0.5rem 0 1rem}
.recurso ul li{font-size:0.86rem;color:var(--ink-soft);padding-left:1rem;position:relative}
.recurso ul li::before{content:'+';position:absolute;left:0;color:var(--pink);font-weight:700}
.recurso-cta{
    margin-top:auto;display:inline-flex;align-items:center;gap:0.5rem;
    font-family:'JetBrains Mono',monospace;font-size:0.7rem;letter-spacing:0.15em;text-transform:uppercase;
    color:var(--pink);font-weight:600;cursor:pointer;
}
.recurso-cta:hover{color:var(--pink-deep)}
.recurso-cta::after{content:'↓';transition:transform 0.3s}
.recurso:hover .recurso-cta::after{transform:translateY(2px)}

/* ═══════════════════════════════════════════
   BLOG TOPICS
═══════════════════════════════════════════ */
.blog{background:var(--cream-2)}
.blog-list{display:grid;gap:0;margin-top:3rem;border-top:1px solid var(--line)}
.blog-item{
    display:grid;grid-template-columns:80px 1fr auto;gap:2rem;align-items:center;
    padding:1.6rem 0;border-bottom:1px solid var(--line);
    cursor:pointer;transition:all 0.3s ease;
}
.blog-item:hover{padding-left:1rem;background:var(--cream)}
.blog-num{font-family:'JetBrains Mono',monospace;font-size:0.75rem;color:var(--ink-soft)}
.blog-item h4{font-family:'Fraunces',serif;font-weight:700;font-size:1.3rem;color:var(--ink);letter-spacing:-0.01em;transition:color 0.3s}
.blog-item:hover h4{color:var(--pink)}
.blog-item .read{font-family:'JetBrains Mono',monospace;font-size:0.65rem;letter-spacing:0.18em;text-transform:uppercase;color:var(--ink-soft);transition:color 0.3s}
.blog-item:hover .read{color:var(--pink)}
@media(max-width:600px){
    .blog-item{grid-template-columns:50px 1fr}
    .blog-item .read{display:none}
    .blog-item h4{font-size:1.1rem}
}

/* ═══════════════════════════════════════════
   CIERRE / FINAL CTA
═══════════════════════════════════════════ */
.cierre{
    background:var(--ink);color:var(--cream);
    padding:8rem 2rem;text-align:center;position:relative;overflow:hidden;
}
.cierre::before{
    content:'';position:absolute;inset:0;
    background:
        radial-gradient(ellipse 60% 50% at 50% 0%,rgba(236,72,153,0.18) 0%,transparent 60%),
        radial-gradient(ellipse 50% 40% at 50% 100%,rgba(236,72,153,0.10) 0%,transparent 60%);
    pointer-events:none;
}
.cierre::after{
    content:'';position:absolute;inset:0;
    background-image:
        linear-gradient(0deg,rgba(245,239,229,0.025) 1px,transparent 1px),
        linear-gradient(90deg,rgba(245,239,229,0.025) 1px,transparent 1px);
    background-size:60px 60px;pointer-events:none;
}
.cierre .inner{position:relative;z-index:2;max-width:880px;margin:0 auto}
.cierre .eye{color:var(--pink);margin-bottom:1.6rem}
.cierre h2{
    font-family:'Fraunces',serif;font-weight:700;
    font-size:clamp(2.4rem,6vw,5rem);line-height:1.05;letter-spacing:-0.035em;
    color:var(--cream);margin-bottom:1.4rem;
}
.cierre h2 em{color:var(--pink);font-style:italic;font-weight:400}
.cierre p{font-size:1.1rem;color:rgba(245,239,229,0.7);max-width:580px;margin:0 auto 2.5rem;line-height:1.65}
.cierre .ctas{display:flex;gap:0.8rem;justify-content:center;flex-wrap:wrap}

/* ═══════════════════════════════════════════
   FOOTER
═══════════════════════════════════════════ */
footer{
    background:var(--cream);color:var(--ink);
    padding:4rem 2rem 2rem;border-top:1px solid var(--line);
}
.foot-grid{
    max-width:1280px;margin:0 auto;
    display:grid;grid-template-columns:1.5fr 1fr 1fr 1fr;gap:3rem;
}
@media(max-width:800px){.foot-grid{grid-template-columns:1fr 1fr;gap:2.5rem}}
.foot-col h5{font-family:'JetBrains Mono',monospace;font-size:0.65rem;letter-spacing:0.22em;text-transform:uppercase;color:var(--ink-soft);margin-bottom:1.2rem;font-weight:700}
.foot-col a{display:block;font-size:0.9rem;color:var(--ink);margin-bottom:0.6rem;transition:color 0.3s}
.foot-col a:hover{color:var(--pink)}
.foot-brand{display:flex;align-items:center;gap:0.7rem;margin-bottom:1rem}
.foot-tag{font-size:0.95rem;color:var(--ink-soft);max-width:300px;line-height:1.55}
.foot-bottom{
    max-width:1280px;margin:3rem auto 0;padding-top:1.5rem;
    border-top:1px solid var(--line);
    display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1rem;
    font-family:'JetBrains Mono',monospace;font-size:0.65rem;
    letter-spacing:0.18em;text-transform:uppercase;color:var(--ink-soft);
}
.foot-social{display:flex;gap:0.6rem}
.foot-social a{
    width:34px;height:34px;border-radius:50%;border:1px solid var(--line-2);
    display:flex;align-items:center;justify-content:center;
    color:var(--ink);transition:all 0.3s;
}
.foot-social a:hover{background:var(--pink);border-color:var(--pink);color:#fff;transform:translateY(-2px)}

/* ═══════════════════════════════════════════
   FLOATING WHATSAPP
═══════════════════════════════════════════ */
.fab{
    position:fixed;bottom:24px;right:24px;z-index:90;
    width:58px;height:58px;border-radius:50%;
    background:#25D366;color:#fff;
    display:flex;align-items:center;justify-content:center;
    box-shadow:0 12px 30px rgba(37,211,102,0.35);
    transition:all 0.3s;cursor:pointer;
}
.fab:hover{transform:scale(1.08);box-shadow:0 20px 40px rgba(37,211,102,0.45)}
.fab::after{
    content:'';position:absolute;inset:-6px;border-radius:50%;
    border:2px solid #25D366;opacity:0.5;
    animation:rip 2s ease-out infinite;
}
@keyframes rip{0%{transform:scale(1);opacity:0.5}100%{transform:scale(1.5);opacity:0}}

/* ═══════════════════════════════════════════
   REVEALS
═══════════════════════════════════════════ */
.rv{opacity:0;transform:translateY(28px);transition:opacity 0.8s cubic-bezier(0.16,1,0.3,1),transform 0.8s cubic-bezier(0.16,1,0.3,1)}
.rv.vis{opacity:1;transform:translateY(0)}
.rv-d1{transition-delay:0.08s}
.rv-d2{transition-delay:0.16s}
.rv-d3{transition-delay:0.24s}
.rv-d4{transition-delay:0.32s}
.rv-d5{transition-delay:0.40s}
.rv-d6{transition-delay:0.48s}

/* ═══════════════════════════════════════════
   GRAIN
═══════════════════════════════════════════ */
body::after{
    content:'';position:fixed;inset:0;pointer-events:none;z-index:9998;
    opacity:0.025;
    background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 512 512' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");
    background-size:180px;
}

/* ═══════════════════════════════════════════
   RESPONSIVE TWEAKS
═══════════════════════════════════════════ */
@media(max-width:768px){
    body{font-size:15px}
    section.s{padding:4rem 1.2rem}
    nav{padding:0.85rem 1.2rem}
    .hero{padding:2.2rem 1.2rem 3rem}
    .page-hero{padding:2.5rem 1.2rem 2.5rem}
    .stats-strip{padding:2.4rem 1.2rem}
    .cierre{padding:4.5rem 1.2rem}
    footer{padding:3rem 1.2rem 1.5rem}
    .dif-card{padding:2.2rem 1.5rem}
    .fase{padding:1.6rem 1.2rem}

    .brand-name{font-size:1rem}
    .brand-sub{display:none}
    .nav-cta{padding:0.7rem 1rem;font-size:0.65rem;letter-spacing:0.12em}

    .ticker-track span{font-size:0.62rem;letter-spacing:0.16em}
    .ticker-track{gap:1.6rem}

    .hero-grid{gap:2rem}
    .hero-h{font-size:clamp(2.1rem,9vw,3rem);line-height:1.02}
    .hero-sub{font-size:0.98rem;line-height:1.6}
    .hero-meta{gap:1rem;padding:0.9rem 0}
    .meta-item .num{font-size:1.15rem}
    .meta-item .lbl{font-size:0.55rem;letter-spacing:0.16em}
    .meta-sep{display:none}
    .hero-cta{flex-direction:column;align-items:stretch;gap:0.6rem}
    .hero-cta .btn{justify-content:center;padding:1rem 1.4rem;font-size:0.7rem;letter-spacing:0.14em}
    .hero-eye{font-size:0.65rem;letter-spacing:0.16em}

    .hero-right{min-height:auto;padding:1rem 0}
    .photo-stage{max-width:340px;margin:0 auto}
    .chip{font-size:0.62rem;padding:0.5rem 0.7rem;border-radius:10px;gap:0.4rem}
    .chip .ico{width:18px;height:18px;font-size:0.7rem}
    .chip-1{top:4%;left:-2%}
    .chip-2{bottom:14%;left:-4%}
    .chip-3{top:8%;right:-2%}
    .chip-4{bottom:2%;right:-2%}

    .stats-grid{gap:2rem 1rem}
    .stat-num{font-size:2.2rem}
    .stat-lbl{font-size:0.55rem;letter-spacing:0.16em;margin-top:0.4rem}

    .s-head{margin-bottom:2.5rem}
    .s-h{font-size:clamp(1.7rem,7vw,2.4rem)}
    .s-sub{font-size:0.95rem;line-height:1.6;margin-top:0.9rem}
    .eye{font-size:0.62rem;letter-spacing:0.14em}

    .problema-grid{gap:2rem}
    .problema-msg{font-size:1.4rem;padding-left:1.1rem}
    .bullet{padding:1rem 1.1rem;gap:0.8rem}
    .bullet-ic{width:30px;height:30px;font-size:0.65rem}
    .bullet-txt{font-size:0.92rem}

    .dif-grid{gap:2rem}
    .dif-card-quote{font-size:1.2rem;line-height:1.3}
    .dif-card::before{font-size:11rem;top:-1.5rem}

    .promesa-grid{grid-template-columns:1fr;gap:0.9rem;margin-top:2rem}
    .promesa-item{padding:1.4rem 1.3rem}
    .promesa-item h4{font-size:1rem;line-height:1.35}

    .fases{gap:0.9rem;margin-top:2rem}
    .fase{grid-template-columns:auto 1fr;gap:1rem}
    .fase-num{font-size:2.4rem}
    .fase-body h3{font-size:1.25rem}
    .fase-body .lead{font-size:0.9rem;line-height:1.55}
    .fase-list li{font-size:0.62rem;padding:0.3rem 0.55rem}
    .fase-out{padding:0.8rem 1rem}
    .fase-out .val{font-size:0.82rem}
    .fase-out .lbl{font-size:0.55rem}

    .espec{padding:3.5rem 0}
    .espec > div:first-child{padding:0 1.2rem!important}
    .marq{margin:1.5rem 0;gap:2rem}
    .marq span{font-size:2.4rem}
    .marq .sep{font-size:1.1rem}
    .espec-grid{margin:2rem 1.2rem 0;border-radius:14px}
    .cap{padding:1.5rem 1.2rem}
    .cap h4{font-size:1rem}
    .cap p{font-size:0.8rem;line-height:1.5}

    .tools-grid{gap:2rem}
    .tools-frame{padding:1.4rem}
    .tools-stack{grid-template-columns:repeat(3,1fr);gap:0.45rem}
    .tools-stack .tool{font-size:0.58rem;padding:0.55rem 0.3rem}
    .tools-bar{font-size:0.62rem;grid-template-columns:1fr;gap:0.5rem;text-align:center}
    .tools-list li{font-size:0.9rem}
    .tools-quote{font-size:1rem;padding:1.1rem 1.2rem}

    .casos-grid{gap:1rem;margin-top:2rem}
    .caso{padding:2rem 1.5rem;border-radius:18px}
    .caso h3{font-size:1.2rem;line-height:1.3}
    .caso-num{font-size:2rem}
    .caso-tag{font-size:0.58rem;padding:0.35rem 0.55rem}
    .caso-block ul li{font-size:0.88rem}
    .caso-result{grid-template-columns:repeat(3,1fr);gap:0.4rem}
    .caso-result-item{padding:0.7rem 0.4rem}
    .caso-result-item .v{font-size:0.95rem}
    .caso-result-item .k{font-size:0.5rem}
    .casos-note{font-size:0.88rem;margin-top:2rem;padding:0 0.5rem}

    .sobre-grid{gap:2.5rem}
    .sobre-photo{aspect-ratio:3/4;padding:1.5rem 1.5rem 0;border-radius:22px}
    .sobre-badge{top:1rem;left:1rem;padding:0.5rem 0.8rem;font-size:0.55rem;letter-spacing:0.14em}
    .sobre-bio{font-size:0.95rem;line-height:1.7}
    .pillar{padding:1rem;gap:0.8rem}
    .pillar-tag{font-size:0.58rem;padding:0.35rem 0.55rem}
    .pillar p{font-size:0.88rem}
    .sobre-philosophy{padding:1.3rem;font-size:0.92rem}

    .offers-grid{gap:1rem;margin-top:2rem}
    .offer{padding:2rem 1.5rem;border-radius:20px}
    .offer h3{font-size:1.35rem;line-height:1.25}
    .offer-desc{font-size:0.9rem}
    .offer-list li{font-size:0.88rem}
    .offer-foot{flex-direction:column;align-items:flex-start;gap:1rem;padding-top:1.3rem}
    .offer-cta{width:100%;justify-content:center;padding:0.95rem 1.2rem;font-size:0.65rem}

    .recursos-grid{gap:1rem;margin-top:2rem}
    .recurso{padding:1.6rem 1.4rem;border-radius:16px}
    .recurso h3{font-size:1.1rem}
    .recurso ul li{font-size:0.82rem}

    .blog .s-head{flex-direction:column;align-items:flex-start;gap:1rem}
    .blog .s-head .btn{width:100%;justify-content:center}
    .blog-list{margin-top:2rem}
    .blog-item{grid-template-columns:auto 1fr;padding:1.2rem 0;gap:1rem}
    .blog-item:hover{padding-left:0.4rem}
    .blog-item h4{font-size:1rem;line-height:1.3}
    .blog-item .read{display:none}
    .blog-num{font-size:0.65rem}

    .cierre h2{font-size:clamp(2rem,8vw,2.8rem);line-height:1.05}
    .cierre p{font-size:0.95rem}
    .cierre .ctas{flex-direction:column;align-items:stretch;gap:0.6rem}
    .cierre .ctas .btn{justify-content:center;padding:1rem 1.4rem;font-size:0.7rem}

    .foot-grid{gap:2rem}
    .foot-col h5{margin-bottom:0.9rem}
    .foot-col a{font-size:0.85rem;margin-bottom:0.5rem}
    .foot-bottom{flex-direction:column;text-align:center;gap:1.2rem;font-size:0.55rem;letter-spacing:0.14em}

    .fab{width:52px;height:52px;bottom:18px;right:18px}
    .fab svg{width:22px;height:22px}
}

@media(max-width:420px){
    .hero-h{font-size:2rem}
    .s-h{font-size:1.6rem}
    .stats-grid{grid-template-columns:1fr 1fr}
    .photo-stage{max-width:280px}
    .chip{display:none}
    .ticker{display:none}
    .marq span{font-size:2rem}
    .stat-num{font-size:1.9rem}
    .meta-item .num{font-size:1.05rem}
}