/* ═══════════════════════════════════════════════════════
   CRISTINA GUEDEA — PREMIUM CRO FUNNEL
   Palette: Ivory White · Deep Slate · Champagne · WA Green
═══════════════════════════════════════════════════════ */

@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,400;0,700;1,400&family=Inter:wght@300;400;500;600&display=swap');

/* ── TOKENS ─────────────────────────────────────────── */
:root {
    --bg:          #fafaf8;
    --surface:     #ffffff;
    --dark:        #0e1117;
    --dark-mid:    #1e2433;
    --muted:       #6b7280;
    --border:      #e5e7eb;

    --gold:        #c6a27b;
    --gold-light:  #e8d5bc;
    --gold-dark:   #a8865e;

    --wa:          #25d366;
    --wa-dark:     #1aad54;
    --wa-glow:     rgba(37,211,102,0.25);

    --red-accent:  #e11d48;

    --ff-serif:    'Playfair Display', Georgia, serif;
    --ff-sans:     'Inter', system-ui, sans-serif;

    --ease-out:    cubic-bezier(0.16, 1, 0.3, 1);
    --shadow-sm:   0 2px 8px rgba(0,0,0,.05);
    --shadow-md:   0 8px 24px rgba(0,0,0,.08);
    --shadow-lg:   0 20px 48px rgba(0,0,0,.12);
    --shadow-xl:   0 32px 64px rgba(0,0,0,.16);
}

/* ── RESET ──────────────────────────────────────────── */
*, *::before, *::after { margin:0; padding:0; box-sizing:border-box; }
html { scroll-behavior:smooth; font-size:16px; }
body {
    background: var(--bg);
    color: var(--dark);
    font-family: var(--ff-sans);
    line-height: 1.65;
    overflow-x: hidden;
    -webkit-font-smoothing: antialiased;
}
img { display:block; max-width:100%; }
a { text-decoration:none; }

/* ── LAYOUT UTILS ───────────────────────────────────── */
.section-container { max-width:1180px; margin:0 auto; padding:0 2rem; }
.section-label {
    font-size:.8rem; font-weight:600; letter-spacing:3px;
    text-transform:uppercase; color:var(--gold-dark); margin-bottom:.75rem;
}
.light-label { color: var(--gold-light); }
.section-h2 {
    font-family:var(--ff-serif); font-size:clamp(2rem,4vw,3rem);
    font-weight:700; line-height:1.15; margin-bottom:1rem;
}
.section-h2 em { font-style:italic; color:var(--gold-dark); }
.light-h2 { color:#fff; }
.light-h2 em { color:var(--gold-light); }
.section-sub { font-size:1.05rem; color:var(--muted); max-width:600px; }

/* ── NAVBAR ─────────────────────────────────────────── */
.navbar {
    position:fixed; top:0; left:0; width:100%; z-index:999;
    transition: all .4s var(--ease-out);
    padding:.9rem 0;
}
.navbar.scrolled {
    background:rgba(255,255,255,.97);
    backdrop-filter:blur(12px);
    box-shadow:var(--shadow-sm);
}
.nav-inner {
    max-width:1180px; margin:0 auto; padding:0 2rem;
    display:flex; align-items:center; justify-content:space-between;
}
.nav-brand {
    display:flex; flex-direction:column; gap:1px;
}
.brand-name {
    font-family:var(--ff-serif); font-size:1.1rem; font-weight:700;
    color:var(--dark); line-height:1.1; letter-spacing:.5px;
}
.brand-sub {
    font-size:.65rem; font-weight:500; letter-spacing:2px;
    text-transform:uppercase; color:var(--gold-dark);
}
.nav-wa-btn {
    display:inline-flex; align-items:center; gap:.4rem;
    background:var(--wa); color:#fff;
    padding:.55rem 1.25rem; border-radius:50px;
    font-size:.85rem; font-weight:600;
    transition:background .25s, transform .25s;
    box-shadow:0 4px 14px var(--wa-glow);
}
.nav-wa-btn:hover { background:var(--wa-dark); transform:translateY(-2px); }

/* ── HERO ───────────────────────────────────────────── */
.hero {
    min-height:100vh;
    padding:7rem 2rem 4rem;
    display:flex; flex-direction:column;
    align-items:center; justify-content:center;
    position:relative; overflow:hidden;
    background:
        radial-gradient(ellipse 70% 60% at 80% 30%, rgba(198,162,123,.12) 0%, transparent 60%),
        radial-gradient(ellipse 50% 50% at 10% 80%, rgba(37,211,102,.05) 0%, transparent 60%),
        var(--bg);
}
/* Decorative blobs */
.blob {
    position:absolute; border-radius:50%; filter:blur(80px); pointer-events:none; z-index:0;
}
.blob-1 {
    width:500px; height:500px;
    background:radial-gradient(circle, rgba(198,162,123,.18) 0%, transparent 70%);
    top:-100px; right:-120px;
    animation:blobFloat 12s ease-in-out infinite;
}
.blob-2 {
    width:400px; height:400px;
    background:radial-gradient(circle, rgba(37,211,102,.07) 0%, transparent 70%);
    bottom:-80px; left:-80px;
    animation:blobFloat 16s ease-in-out infinite reverse;
}
@keyframes blobFloat {
    0%,100%  { transform:translate(0,0) scale(1); }
    33%      { transform:translate(30px,-20px) scale(1.05); }
    66%      { transform:translate(-20px,30px) scale(.95); }
}

.hero-inner {
    display:grid; grid-template-columns:1fr 1.15fr; gap:5rem;
    align-items:center; max-width:1180px; width:100%;
    position:relative; z-index:1;
}

/* Image column */
.hero-img-col { position:relative; }
.img-card {
    position:relative;
    background:#fff;
    border-radius:24px;
    padding:10px;
    box-shadow:var(--shadow-xl);
    border:1px solid var(--border);
}
.ad-img { width:100%; border-radius:16px; }
.img-pill {
    position:absolute; bottom:24px; left:50%; transform:translateX(-50%);
    background:rgba(255,255,255,.96);
    border:1px solid var(--gold-light);
    border-radius:50px;
    padding:.5rem 1.2rem;
    display:inline-flex; align-items:center; gap:.5rem;
    font-size:.8rem; font-weight:600; letter-spacing:.5px;
    white-space:nowrap;
    box-shadow:var(--shadow-md);
}
.live-dot {
    width:8px; height:8px; background:#22c55e; border-radius:50%;
    box-shadow:0 0 0 3px rgba(34,197,94,.3);
    animation:livePulse 1.8s infinite;
}
@keyframes livePulse {
    0%   { box-shadow:0 0 0 0 rgba(34,197,94,.5); }
    70%  { box-shadow:0 0 0 8px rgba(34,197,94,0); }
    100% { box-shadow:0 0 0 0 rgba(34,197,94,0); }
}

/* Copy column */
.hero-copy-col { display:flex; flex-direction:column; gap:0; }
.eyebrow-tag {
    display:inline-flex; align-items:center; gap:.5rem;
    background:var(--gold-light); color:var(--gold-dark);
    padding:.45rem 1rem; border-radius:50px;
    font-size:.8rem; font-weight:600; letter-spacing:1px;
    text-transform:uppercase; margin-bottom:1.5rem;
    width:fit-content;
}
.hero-copy-col h1 {
    font-family:var(--ff-serif);
    font-size:clamp(2.4rem, 5vw, 3.8rem);
    font-weight:700; line-height:1.1; margin-bottom:1.25rem;
}
.hero-copy-col h1 em { font-style:italic; color:var(--gold-dark); }
.hero-subtext {
    font-size:1.05rem; color:var(--muted); margin-bottom:2rem; max-width:500px;
}
.hero-subtext strong { color:var(--dark); }

/* Activos quote in hero */
.activos-quote {
    display:flex; align-items:flex-start; gap:1rem;
    background:linear-gradient(135deg, var(--gold-light) 0%, rgba(232,213,188,.3) 100%);
    border:1px solid var(--gold-light);
    border-radius:16px; padding:1.25rem 1.5rem;
    margin-bottom:2rem;
    box-shadow:var(--shadow-sm);
}
.activos-icon { color:var(--gold-dark); font-size:1.4rem; margin-top:.15rem; flex-shrink:0; }
.activos-quote p { font-size:.95rem; color:var(--dark); font-style:italic; line-height:1.55; }
.activos-quote p strong { font-style:normal; color:var(--gold-dark); }

/* Hero CTA */
.wa-cta-main {
    display:inline-flex; align-items:center; justify-content:center; gap:.75rem;
    background:var(--wa); color:#fff;
    padding:1.15rem 2rem; border-radius:14px;
    font-size:1.05rem; font-weight:600;
    box-shadow:0 10px 30px var(--wa-glow);
    transition:background .25s, transform .3s var(--ease-out), box-shadow .3s;
    margin-bottom:1.25rem; width:100%; max-width:440px;
}
.wa-cta-main i { font-size:1.4rem; }
.wa-cta-main:hover {
    background:var(--wa-dark);
    transform:translateY(-3px);
    box-shadow:0 16px 40px var(--wa-glow);
}

/* Trust row */
.trust-row { display:flex; gap:.75rem; flex-wrap:wrap; }
.trust-chip {
    display:inline-flex; align-items:center; gap:.4rem;
    background:var(--bg); border:1px solid var(--border);
    border-radius:50px; padding:.4rem .9rem;
    font-size:.8rem; font-weight:500; color:var(--muted);
}
.trust-chip i { color:var(--gold-dark); font-size:.85rem; }

/* Scroll cue */
.scroll-cue {
    display:flex; flex-direction:column; align-items:center; gap:.4rem;
    font-size:.8rem; letter-spacing:1px; text-transform:uppercase;
    color:var(--muted); position:relative; z-index:1; margin-top:3rem;
}
.bounce-arrow { animation:bounceDown 2s infinite; font-size:.9rem; }
@keyframes bounceDown {
    0%,100%  { transform:translateY(0); }
    50%      { transform:translateY(8px); }
}

/* ── TRUST BAR ──────────────────────────────────────── */
.trust-bar {
    background:var(--dark-mid); color:#fff;
    padding:1.4rem 2rem;
}
.tb-inner {
    max-width:1180px; margin:0 auto;
    display:flex; align-items:center; justify-content:center;
    gap:2rem; flex-wrap:wrap;
}
.tb-item {
    display:flex; align-items:center; gap:.6rem;
    font-size:.9rem; font-weight:500; letter-spacing:.5px;
}
.tb-item i { color:var(--gold); }
.tb-sep { color:rgba(255,255,255,.2); font-size:1.2rem; }

/* ── MARQUEE TICKER ─────────────────────────────────── */
.marquee-wrap {
    background:var(--gold-dark); overflow:hidden;
    padding:.65rem 0; border-top:none;
}
.marquee-track {
    display:inline-flex; gap:2rem; align-items:center;
    white-space:nowrap;
    animation:marqueeScroll 28s linear infinite;
}
.marquee-track span {
    font-size:.8rem; font-weight:600; letter-spacing:2px;
    text-transform:uppercase; color:#fff;
}
.mq-dot { color:rgba(255,255,255,.5); font-size:.65rem; }
@keyframes marqueeScroll {
    from { transform:translateX(0); }
    to   { transform:translateX(-50%); }
}

/* ── RESULTS ────────────────────────────────────────── */
.results-section { padding:7rem 0; }
.results-section .section-container { display:flex; flex-direction:column; align-items:center; }
.results-section .section-sub { text-align:center; margin-bottom:4rem; }
.results-section .section-h2 { text-align:center; }
.results-section .section-label { text-align:center; }

.results-grid {
    display:grid;
    grid-template-columns:1.1fr 1fr;
    gap:2.5rem;
    width:100%;
}

/* Real result card */
.result-card {
    background:#fff; border-radius:20px;
    border:1px solid var(--border);
    overflow:hidden;
    box-shadow:var(--shadow-md);
    transition:transform .4s var(--ease-out), box-shadow .4s;
}
.result-card:hover { transform:translateY(-6px); box-shadow:var(--shadow-xl); }

/* ── ACTIVOS SECTION ────────────────────────────────── */
.activos-section {
    padding:7rem 0;
    background:var(--bg);
    border-top:1px solid var(--border);
}
.activos-layout {
    display:grid; grid-template-columns:1fr 1fr; gap:6rem; align-items:center;
}
.activos-copy { display:flex; flex-direction:column; }
.activos-copy .section-sub { margin-bottom:0; }

.activos-pills { display:flex; flex-direction:column; gap:1.5rem; }
.activo-pill {
    display:flex; align-items:flex-start; gap:1.25rem;
    background:#fff; border:1px solid var(--border);
    border-radius:14px; padding:1.5rem;
    box-shadow:var(--shadow-sm);
    transition:transform .3s var(--ease-out), box-shadow .3s, border-color .3s;
}
.activo-pill:hover {
    transform:translateX(6px);
    box-shadow:var(--shadow-md);
    border-color:var(--gold-light);
}
.ap-icon {
    width:44px; height:44px; border-radius:12px;
    background:var(--gold-light); color:var(--gold-dark);
    display:flex; align-items:center; justify-content:center;
    font-size:1.1rem; flex-shrink:0;
}
.ap-text { display:flex; flex-direction:column; gap:.25rem; }
.ap-text strong { font-size:.95rem; color:var(--dark); }
.ap-text span   { font-size:.85rem; color:var(--muted); line-height:1.4; }

.result-img-wrap { position:relative; }
.result-img {
    width:100%; height:auto; display:block;
    object-fit:cover;
}
.result-labels {
    position:absolute; bottom:14px; left:0; right:0;
    display:flex; justify-content:space-between; padding:0 14px;
}
.rl {
    padding:.35rem .9rem; border-radius:50px;
    font-size:.75rem; font-weight:700; letter-spacing:1px; text-transform:uppercase;
    backdrop-filter:blur(6px);
}
.before-tag { background:rgba(255,255,255,.9); color:var(--dark); }
.after-tag  { background:var(--gold-dark); color:#fff; }

.result-info { padding:1.5rem 2rem 2rem; }
.result-quote {
    font-family:var(--ff-serif); font-style:italic;
    font-size:1.1rem; color:var(--dark); margin-bottom:.75rem;
}
.result-stat {
    font-size:.85rem; color:var(--muted);
    border-top:1px solid var(--border); padding-top:.75rem;
}
.result-stat strong { color:var(--gold-dark); }

/* CTA card */
.cta-card {
    background:linear-gradient(135deg, var(--dark-mid) 0%, var(--dark) 100%);
    border:none; display:flex; align-items:center; justify-content:center;
}
.cta-card-inner { padding:3rem 2rem; text-align:center; color:#fff; }
.cta-icon { font-size:3rem; color:var(--gold-light); margin-bottom:1.5rem; }
.cta-card-inner h3 {
    font-family:var(--ff-serif); font-size:1.8rem; margin-bottom:.75rem; color:#fff;
}
.cta-card-inner p { color:rgba(255,255,255,.7); margin-bottom:2rem; font-size:.95rem; }
.wa-cta-card {
    display:inline-flex; align-items:center; gap:.6rem;
    background:var(--wa); color:#fff;
    padding:.9rem 1.5rem; border-radius:12px;
    font-weight:600; font-size:.95rem;
    transition:background .25s, transform .25s;
    box-shadow:0 8px 20px rgba(37,211,102,.35);
}
.wa-cta-card:hover { background:var(--wa-dark); transform:translateY(-2px); }

/* ── METHOD ─────────────────────────────────────────── */
.method-section {
    padding:7rem 0;
    background:var(--bg);
    border-top:1px solid var(--border);
    border-bottom:1px solid var(--border);
}
.method-layout {
    display:grid; grid-template-columns:1.15fr 1fr; gap:6rem; align-items:start;
}
.method-copy { display:flex; flex-direction:column; gap:.25rem; }
.method-copy .section-sub { margin-bottom:2.5rem; }

.method-steps { display:flex; flex-direction:column; gap:2rem; margin-top:.5rem; }
.step {
    display:flex; gap:1.5rem; align-items:flex-start;
    padding:1.75rem; background:#fff;
    border:1px solid var(--border); border-radius:16px;
    box-shadow:var(--shadow-sm);
    transition:transform .3s var(--ease-out), box-shadow .3s, border-color .3s;
}
.step:hover { transform:translateX(6px); box-shadow:var(--shadow-md); border-color:var(--gold-light); }
.step-num {
    font-family:var(--ff-serif); font-size:2rem; font-weight:700;
    color:var(--gold-light); line-height:1; min-width:2.5rem;
}
.step-body h4 { font-size:1.1rem; margin-bottom:.4rem; }
.step-body p  { font-size:.9rem; color:var(--muted); }

/* Method stat cards */
.method-visual {
    display:flex; flex-direction:column; gap:1.5rem;
    position:sticky; top:5rem;
}
.method-stat-card {
    background:#fff; border:1px solid var(--border); border-radius:20px;
    padding:2rem; text-align:center;
    box-shadow:var(--shadow-sm);
    transition:transform .3s var(--ease-out), box-shadow .3s;
}
.method-stat-card:hover { transform:translateY(-4px); box-shadow:var(--shadow-md); }
.msc-icon { font-size:1.5rem; color:var(--gold); margin-bottom:.5rem; }
.msc-big {
    font-family:var(--ff-serif); font-size:3.5rem; font-weight:700;
    color:var(--dark); line-height:1;
}
.msc-label { font-size:.85rem; color:var(--muted); margin-top:.35rem; }

/* ── GUARANTEE ──────────────────────────────────────── */
.guarantee-section {
    padding:4rem 0;
    background:linear-gradient(90deg, var(--gold-light) 0%, rgba(232,213,188,.3) 100%);
}
.guarantee-box {
    display:flex; align-items:center; gap:2.5rem;
    background:#fff; border-radius:20px; padding:2.5rem 3rem;
    box-shadow:var(--shadow-lg);
    border:1px solid var(--gold-light);
}
.guarantee-icon {
    font-size:3rem; color:var(--gold-dark); flex-shrink:0;
}
.guarantee-copy { flex:1; }
.guarantee-copy h3 { font-family:var(--ff-serif); font-size:1.6rem; margin-bottom:.5rem; }
.guarantee-copy p  { color:var(--muted); font-size:.95rem; }
.wa-cta-guarantee {
    display:inline-flex; align-items:center; gap:.5rem;
    background:var(--wa); color:#fff;
    padding:.85rem 1.5rem; border-radius:12px;
    font-weight:600; font-size:.9rem; white-space:nowrap;
    box-shadow:0 6px 18px var(--wa-glow);
    transition:background .25s, transform .25s;
}
.wa-cta-guarantee:hover { background:var(--wa-dark); transform:translateY(-2px); }

/* ── FINAL CTA ──────────────────────────────────────── */
.final-cta {
    padding:8rem 0;
    background:var(--dark-mid);
    text-align:center;
    position:relative; overflow:hidden;
}
.fc-blob-1, .fc-blob-2 {
    position:absolute; border-radius:50%; filter:blur(100px); pointer-events:none;
}
.fc-blob-1 {
    width:600px; height:600px;
    background:radial-gradient(circle, rgba(198,162,123,.15) 0%, transparent 70%);
    top:-200px; right:-200px;
}
.fc-blob-2 {
    width:500px; height:500px;
    background:radial-gradient(circle, rgba(37,211,102,.08) 0%, transparent 70%);
    bottom:-150px; left:-150px;
}
.final-cta .section-container { position:relative; z-index:1; display:flex; flex-direction:column; align-items:center; }
.final-cta .section-sub.light-sub { color:rgba(255,255,255,.65); text-align:center; margin-bottom:2.5rem; }
.wa-cta-final {
    display:inline-flex; align-items:center; gap:.75rem;
    background:var(--wa); color:#fff;
    padding:1.25rem 2.5rem; border-radius:16px;
    font-size:1.1rem; font-weight:600;
    box-shadow:0 12px 35px rgba(37,211,102,.4);
    transition:background .25s, transform .3s var(--ease-out), box-shadow .3s;
    margin-bottom:2.5rem;
}
.wa-cta-final i { font-size:1.5rem; }
.wa-cta-final:hover { background:var(--wa-dark); transform:translateY(-4px); box-shadow:0 20px 50px rgba(37,211,102,.45); }

.fc-trust {
    display:flex; gap:2rem; flex-wrap:wrap; justify-content:center;
    margin-bottom:1.5rem;
}
.fc-trust span {
    display:flex; align-items:center; gap:.4rem;
    font-size:.85rem; color:rgba(255,255,255,.5);
}
.fc-trust i { color:var(--gold); }

.phone-cta { font-size:.9rem; color:rgba(255,255,255,.45); }
.phone-cta a { color:var(--gold-light); font-weight:600; transition:color .2s; }
.phone-cta a:hover { color:var(--gold); }

/* ── FLOATING WHATSAPP ──────────────────────────────── */
.float-wa {
    position:fixed; bottom:28px; right:28px; z-index:1000;
    width:62px; height:62px; background:var(--wa); color:#fff;
    border-radius:50%; display:flex; align-items:center; justify-content:center;
    font-size:1.9rem;
    box-shadow:0 8px 28px rgba(37,211,102,.45);
    transition:transform .3s var(--ease-out), box-shadow .3s;
}
.float-wa:hover { transform:scale(1.1) translateY(-3px); box-shadow:0 14px 40px rgba(37,211,102,.55); }
.float-wa-tooltip {
    position:absolute; right:74px; top:50%; transform:translateY(-50%);
    background:var(--dark); color:#fff;
    padding:.4rem .85rem; border-radius:8px;
    font-size:.8rem; font-weight:500; white-space:nowrap;
    opacity:0; pointer-events:none;
    transition:opacity .2s;
}
.float-wa:hover .float-wa-tooltip { opacity:1; }

/* ── REVEAL ANIMATIONS ──────────────────────────────── */
.reveal-up, .reveal-left, .reveal-right {
    opacity:0; visibility:hidden;
}
.reveal-up.is-visible {
    animation:revealUp .75s var(--ease-out) forwards;
    visibility:visible;
}
.reveal-left.is-visible {
    animation:revealLeft .85s var(--ease-out) forwards;
    visibility:visible;
}
.reveal-right.is-visible {
    animation:revealRight .85s var(--ease-out) forwards;
    visibility:visible;
}
@keyframes revealUp   { from { opacity:0; transform:translateY(36px); } to { opacity:1; transform:none; } }
@keyframes revealLeft { from { opacity:0; transform:translateX(-36px); } to { opacity:1; transform:none; } }
@keyframes revealRight{ from { opacity:0; transform:translateX(36px); }  to { opacity:1; transform:none; } }

/* ── RESPONSIVE ─────────────────────────────────────── */
@media (max-width:1024px) {
    .method-layout {
        grid-template-columns: 1fr;
        gap: 3rem;
    }
    .method-visual {
        position: static;
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        gap: 1rem;
    }
    .method-stat-card { flex: 1; min-width: 0; }
    .activos-layout { grid-template-columns: 1fr; gap: 3rem; }
}

@media (max-width:900px) {
    .hero-inner { grid-template-columns: 1fr; gap: 2.5rem; }
    .hero-img-col .img-card { max-width: 420px; margin: 0 auto; }
    .hero-copy-col { align-items: center; text-align: center; }
    .eyebrow-tag, .activos-quote { align-self: center; }
    .hero-subtext, .section-sub { max-width: 100%; }
    .wa-cta-main { max-width: 100%; }
    .trust-row { justify-content: center; }
    .results-grid { grid-template-columns: 1fr; }
    .guarantee-box { flex-direction: column; text-align: center; }
    .method-visual { grid-template-columns: repeat(3, 1fr); }
}

@media (max-width:768px) {
    .step {
        flex-direction: column;
        padding: 1.5rem;
        gap: .75rem;
        border-radius: 14px;
    }
    .step-num { font-size: 1.6rem; color: var(--gold); min-width: unset; }
    .step-body h4 { font-size: 1.1rem; margin-bottom: .4rem; }
    .step-body p  { font-size: .92rem; line-height: 1.65; }

    .method-layout { gap: 2.5rem; }
    .method-visual { grid-template-columns: 1fr; gap: .75rem; }
    .method-stat-card {
        padding: 1.5rem; border-radius: 14px;
        display: flex; align-items: center; gap: 1rem; text-align: left;
    }
    .msc-icon { font-size: 1.2rem; margin-bottom: 0; }
    .msc-big  { font-size: 2.2rem; margin-bottom: 0; }
    .msc-label { font-size: .8rem; }

    .activo-pill { padding: 1.1rem; gap: 1rem; }
    .ap-icon { width: 38px; height: 38px; font-size: 1rem; }
    .ap-text strong { font-size: .9rem; }
    .ap-text span   { font-size: .82rem; }

    .section-h2 { font-size: clamp(1.6rem, 5vw, 2.2rem); }
    .section-label { font-size: .75rem; }

    .results-section, .method-section, .activos-section { padding: 4.5rem 0; }
    .guarantee-section { padding: 2.5rem 0; }
    .guarantee-box { padding: 2rem 1.5rem; gap: 1.5rem; }
    .final-cta { padding: 5rem 0; }
    .final-cta .section-h2 { font-size: clamp(1.5rem, 5vw, 2rem); }
}

@media (max-width:640px) {
    .hero { padding: 5.5rem 1.25rem 3rem; }
    .section-container { padding: 0 1.25rem; }

    .tb-sep { display: none; }
    .tb-inner { gap: .6rem 1.2rem; justify-content: center; }
    .tb-item  { font-size: .8rem; }

    .marquee-track { animation-duration: 18s; }

    .method-steps { gap: 1rem; }
    .step { padding: 1.25rem; border-radius: 12px; }
    .step-num { font-size: 1.3rem; }
    .step-body h4 { font-size: 1rem; }

    .method-visual { grid-template-columns: 1fr; gap: .6rem; }

    .float-wa-tooltip { display: none; }
    .float-wa { bottom: 18px; right: 18px; width: 52px; height: 52px; font-size: 1.6rem; }

    .fc-trust { flex-direction: column; gap: .6rem; align-items: center; }
    .wa-cta-final { padding: 1.1rem 1.5rem; font-size: 1rem; }
}