/* ============================================
   SENDEROS GROUP — Light Mode Corporate Hub
   Warm, friendly, premium — conservative audience
   Cream backgrounds + forest green + warm gold
   Playfair Display + DM Sans + Space Mono
   ============================================ */
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
:root{
  /* LIGHT, WARM PALETTE */
  --bg:#FDFBF7;           /* warm white */
  --bg-alt:#F5F0E8;       /* warm cream sections */
  --bg-hero:#F8F5EE;      /* hero background */
  --surface:#FFFFFF;       /* card surface */
  --surface-hover:#FEFDFB;
  --border:rgba(45,60,45,0.10);
  --border-strong:rgba(45,60,45,0.18);

  /* TEXT */
  --text:#2D3C2D;         /* dark forest — primary */
  --text-70:rgba(45,60,45,0.72);
  --text-50:rgba(45,60,45,0.52);
  --text-30:rgba(45,60,45,0.32);

  /* ACCENTS */
  --green:#1B6B4A;        /* forest green — trust, nature */
  --green-light:#E8F5EE;  /* soft green tint */
  --green-soft:rgba(27,107,74,0.08);
  --gold:#C8963E;         /* warm amber gold */
  --gold-bg:#FDF6E9;      /* gold tint background */
  --gold-soft:rgba(200,150,62,0.12);
  --aqua:#3A8B7C;         /* teal — secondary */
  --aqua-soft:rgba(58,139,124,0.08);
  --red-soft:rgba(192,57,43,0.5);
  --whatsapp:#25D366;

  /* TYPOGRAPHY */
  --serif:'Playfair Display',Georgia,serif;
  --sans:'DM Sans',-apple-system,sans-serif;
  --mono:'Space Mono',monospace;

  /* SHAPES */
  --radius:16px;--radius-sm:10px;--radius-xs:6px;
  --shadow-sm:0 1px 3px rgba(45,60,45,0.06),0 1px 2px rgba(45,60,45,0.04);
  --shadow:0 4px 16px rgba(45,60,45,0.08),0 1px 4px rgba(45,60,45,0.04);
  --shadow-lg:0 12px 40px rgba(45,60,45,0.10),0 4px 12px rgba(45,60,45,0.06);
  --transition:0.35s cubic-bezier(0.4,0,0.2,1);
}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;transition-duration:.01ms!important}}
html{scroll-behavior:smooth}
body{font-family:var(--sans);color:var(--text);background:var(--bg);line-height:1.7;-webkit-font-smoothing:antialiased;overflow-x:hidden}
img{max-width:100%;display:block}a{color:inherit;text-decoration:none}ul{list-style:none}
.container{max-width:1200px;margin:0 auto;padding:0 24px}
section{padding:100px 0}

/* Animations */
.fade-up{opacity:0;transform:translateY(28px);transition:opacity .7s ease,transform .7s ease}
.fade-up.visible{opacity:1;transform:translateY(0)}

/* ======================== NAV ======================== */
.nav{position:fixed;top:0;left:0;width:100%;z-index:100;padding:16px 0;background:transparent;transition:all var(--transition)}
.nav.scrolled{background:rgba(253,251,247,0.95);backdrop-filter:blur(12px);box-shadow:0 1px 8px rgba(45,60,45,0.06);padding:10px 0}
.nav__inner{display:flex;align-items:center;justify-content:space-between}
.nav__logo{font-family:var(--serif);font-weight:700;font-size:1.15rem;color:var(--green);letter-spacing:0.01em;display:flex;align-items:center;gap:8px}
.nav__logo-img{height:40px;width:auto;object-fit:contain}
.nav__links{display:flex;align-items:center;gap:28px}
.nav__links a{font-size:.85rem;font-weight:500;color:var(--text-50);transition:color var(--transition)}
.nav__links a:hover{color:var(--green)}
.nav__cta-btn{font-size:.82rem;font-weight:600;color:#fff;background:var(--green);padding:9px 22px;border-radius:var(--radius-xs);transition:all var(--transition)}
.nav__cta-btn:hover{background:#155a3e;transform:translateY(-1px)}
.nav__toggle{display:none;background:none;border:none;cursor:pointer}
.nav__toggle span{display:block;width:22px;height:2px;background:var(--text);margin:5px 0;transition:var(--transition)}

/* ======================== BUTTONS ======================== */
.btn{display:inline-flex;align-items:center;gap:8px;font-family:var(--sans);font-weight:600;font-size:.9rem;padding:14px 28px;border-radius:var(--radius-xs);border:none;cursor:pointer;transition:all var(--transition)}
.btn--gold{background:var(--green);color:#fff}
.btn--gold:hover{background:#155a3e;transform:translateY(-2px);box-shadow:0 6px 24px rgba(27,107,74,0.25)}
.btn--outline{background:transparent;color:var(--text);border:1.5px solid var(--border-strong)}
.btn--outline:hover{border-color:var(--green);color:var(--green);background:var(--green-soft)}

/* ======================== SECTION HEADERS ======================== */
.section-header{text-align:center;margin-bottom:52px}
.section-header h2{font-family:var(--serif);font-size:clamp(1.8rem,3.5vw,2.6rem);font-weight:700;color:var(--text);margin-bottom:12px;font-style:italic}
.section-header p{font-family:var(--sans);font-size:.95rem;color:var(--text-50);max-width:500px;margin:0 auto}
.section-header--dark h2{color:#fff}
.section-header--dark p{color:rgba(255,255,255,0.7)}

/* ======================== S1: HERO ======================== */
.hero{padding:160px 0 100px;background:linear-gradient(180deg,var(--bg-hero) 0%,var(--bg) 100%);position:relative;overflow:hidden}
/* Subtle decorative circle */
.hero::before{content:'';position:absolute;width:600px;height:600px;border-radius:50%;background:radial-gradient(circle,rgba(27,107,74,0.04) 0%,transparent 70%);top:-200px;right:-100px;pointer-events:none}
.hero__inner{display:grid;grid-template-columns:0.8fr 1.2fr;gap:48px;align-items:center}
.hero__title{font-family:var(--serif);font-size:clamp(2.2rem,4.8vw,3.4rem);font-weight:700;line-height:1.12;color:var(--text);margin-bottom:20px;letter-spacing:-0.02em}
.hero__sub{font-size:1.15rem;color:var(--text-70);margin-bottom:16px;line-height:1.65;font-weight:400}
.hero__code{font-family:var(--mono);font-size:.75rem;color:var(--gold);margin-bottom:32px;letter-spacing:0.04em}
.hero__ctas{display:flex;gap:14px;margin-bottom:20px;flex-wrap:wrap}
.hero__proof{font-family:var(--sans);font-size:.8rem;color:var(--text-30)}

/* Hero illustration */
.hero__right{position:relative;min-height:360px;display:flex;align-items:center;justify-content:center}
.hero__illustration{width:120%;max-width:720px;height:auto;object-fit:contain;filter:drop-shadow(0 16px 40px rgba(0,0,0,0.12));transform:scale(1.15)}

/* ======================== S2: ECOSYSTEM ======================== */
.ecosystem{background:var(--bg);padding:100px 0 60px}
.eco__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.eco-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:28px 24px;display:flex;flex-direction:column;box-shadow:var(--shadow-sm);transition:all var(--transition)}
.eco-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-6px)}
.eco-card__icon{color:var(--green);margin-bottom:18px}
.eco-card__title{font-family:var(--serif);font-size:1.35rem;font-weight:700;color:var(--text);margin-bottom:4px}
.eco-card__label{font-family:var(--sans);font-size:.75rem;font-weight:600;color:var(--aqua);margin-bottom:14px;display:block;text-transform:uppercase;letter-spacing:.03em}
.eco-card__desc{font-size:.88rem;color:var(--text-70);line-height:1.7;margin-bottom:18px}
.eco-card--clippable .eco-card__desc{max-height:72px;overflow:hidden;position:relative;transition:max-height 0.4s ease}
.eco-card--clippable .eco-card__desc::after{content:'';position:absolute;bottom:0;left:0;right:0;height:28px;background:linear-gradient(transparent,var(--surface));pointer-events:none;transition:opacity 0.3s ease}
.eco-card--expanded .eco-card__desc{max-height:600px;overflow:visible}
.eco-card--expanded .eco-card__desc::after{opacity:0}
.eco-card__more{display:none;background:none;border:none;color:var(--green);font-size:.78rem;font-weight:600;cursor:pointer;padding:4px 0;margin-bottom:12px;font-family:var(--sans);transition:color var(--transition)}
.eco-card__more:hover{color:#155a3e}
.eco-card__more.is-visible{display:block}
.eco-card__tags{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:24px}
.eco-card__tags span{font-size:.7rem;font-weight:500;color:var(--text-50);background:var(--green-light);padding:4px 12px;border-radius:20px;border:1px solid rgba(27,107,74,0.12)}
.eco-card__cta{font-size:.85rem;font-weight:600;color:var(--green);margin-top:auto;transition:color var(--transition)}
.eco-card__cta:hover{color:#155a3e}

/* Vertical capability cards */
.eco__verticals-header{text-align:center;margin-top:56px;margin-bottom:28px}
.eco__verticals-header h3{font-family:var(--serif);font-size:clamp(1.4rem,2.8vw,1.9rem);font-weight:700;color:var(--text);margin-bottom:10px;font-style:italic}
.eco__verticals-header p{font-size:.9rem;color:var(--text-50);max-width:600px;margin:0 auto;line-height:1.6}
.eco__verticals{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.vertical-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-xs);padding:22px 20px;transition:all var(--transition)}
.vertical-card:hover{box-shadow:var(--shadow);border-color:var(--border-strong)}
.vertical-card__icon{color:var(--gold);margin-bottom:12px}
.vertical-card h4{font-family:var(--sans);font-size:.88rem;font-weight:700;color:var(--text);margin-bottom:6px}
.vertical-card p{font-size:.78rem;color:var(--text-50);line-height:1.6;margin:0}

/* Divider */
.divider{width:60%;max-width:500px;height:1px;margin:60px auto 0;background:linear-gradient(to right,transparent,var(--border-strong),transparent)}

/* ======================== REGION EXPANSION SECTION ======================== */
.region{background:linear-gradient(135deg,#f8faf9 0%,#eef5f1 100%);padding:80px 0;border-top:1px solid var(--border);border-bottom:1px solid var(--border)}
.region__inner{display:flex;align-items:center;gap:56px;max-width:900px;margin:0 auto}
.region__map{flex-shrink:0;display:flex;align-items:center;justify-content:center}
.region__icon{color:var(--green);animation:regionPulse 4s ease-in-out infinite}
@keyframes regionPulse{0%,100%{opacity:1;transform:scale(1)}50%{opacity:.85;transform:scale(1.04)}}
.region__content{flex:1}
.region__title{font-family:var(--serif);font-size:clamp(1.5rem,3vw,2rem);color:var(--text);margin-bottom:20px;line-height:1.3}
.region__text{font-size:.92rem;color:var(--text-50);line-height:1.75;margin-bottom:14px}
.region__text strong{color:var(--text);font-weight:600}
.region__markers{display:flex;flex-wrap:wrap;gap:14px;margin-top:24px}
.region__marker{display:inline-flex;align-items:center;gap:7px;font-size:.78rem;font-weight:500;color:var(--text-50);background:var(--surface);padding:6px 16px;border-radius:20px;border:1px solid var(--border);transition:all var(--transition)}
.region__marker--active{color:var(--green);border-color:var(--green);background:rgba(27,107,74,0.06);font-weight:700}
.region__dot{width:8px;height:8px;border-radius:50%;background:var(--border-strong);display:inline-block}
.region__marker--active .region__dot{background:var(--green);box-shadow:0 0 0 3px rgba(27,107,74,0.18);animation:dotGlow 2s ease-in-out infinite}
@keyframes dotGlow{0%,100%{box-shadow:0 0 0 3px rgba(27,107,74,0.18)}50%{box-shadow:0 0 0 6px rgba(27,107,74,0.08)}}
@media(max-width:700px){
  .region__inner{flex-direction:column;text-align:center;gap:32px}
  .region__markers{justify-content:center}
}

/* ======================== POSITIONING MICRO-SECTION ======================== */
.positioning{background:var(--bg);padding:60px 0 20px}
.positioning__inner{text-align:center;max-width:600px;margin:0 auto}
.positioning__text{font-family:var(--serif);font-size:clamp(1.3rem,2.8vw,1.8rem);color:var(--text-50);line-height:1.5;font-style:italic}
.positioning__text strong{color:var(--green);font-style:normal;font-weight:700}

/* ======================== S3: WHY / GUARANTEES ======================== */
.why-section{background:var(--bg-alt)}
.guarantees{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-bottom:20px}
.guarantee-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:32px 24px;text-align:center;box-shadow:var(--shadow-sm);transition:all var(--transition)}
.guarantee-card:hover{box-shadow:var(--shadow);transform:translateY(-4px)}
.guarantee-card__icon{color:var(--green);margin-bottom:16px;display:flex;justify-content:center}
.guarantee-card h3{font-family:var(--serif);font-size:1.15rem;font-weight:700;color:var(--text);margin-bottom:10px}
.guarantee-card p{font-size:.85rem;color:var(--text-50);line-height:1.65}

/* Comparison table */
.compare__wrap{border-radius:var(--radius);overflow:hidden;background:var(--surface);border:1px solid var(--border);max-width:750px;margin:0 auto;box-shadow:var(--shadow-sm)}
.compare__table{width:100%;border-collapse:collapse}
.compare__table th,.compare__table td{padding:15px 18px;text-align:center;font-size:.85rem;border-bottom:1px solid var(--border)}
.compare__table th{font-weight:600;background:var(--bg-alt);color:var(--text-70);padding:18px}
.compare__table td:first-child{text-align:left;font-weight:500;color:var(--text-70)}
.compare__table tbody tr:last-child td{border-bottom:none}
.compare__table tbody tr:hover{background:var(--green-soft)}
.compare__hl{background:var(--green)!important;color:#fff!important;font-weight:700!important}
.compare__badge{display:block;font-size:.6rem;font-weight:700;color:rgba(255,255,255,0.8);text-transform:uppercase;letter-spacing:.06em;margin-bottom:2px}
.compare__table tbody td:last-child{background:var(--green-light);color:var(--green);font-weight:700}
.yes{color:var(--green);font-weight:700}
.compare__table tbody td:last-child.yes{color:var(--green)}
.no{color:var(--red-soft)}
.partial{color:var(--text-30);font-size:.8rem;font-style:italic}
.compare__note{text-align:center;margin-top:28px;font-family:var(--mono);font-size:.8rem;color:var(--gold)}

/* Benefit grid ("¿Qué aporta un ecosistema integrado?") */
.benefit__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem;margin-top:2rem;text-align:left}
.benefit-card{background:var(--surface);padding:1.5rem;border-radius:var(--radius-sm);box-shadow:var(--shadow-sm);border-left:4px solid var(--green);transition:all var(--transition)}
.benefit-card:hover{box-shadow:var(--shadow);transform:translateY(-3px)}
.benefit-card h3{font-family:var(--serif);color:var(--green);font-size:1.1rem;font-weight:700;margin-bottom:.5rem}
.benefit-card p{font-family:var(--sans);margin:0;color:var(--text-70);font-size:.88rem;line-height:1.7}

/* ======================== S4: DESTINATIONS ======================== */
.destinations{background:var(--bg)}
.dest__scroll{display:flex;gap:20px;overflow-x:auto;padding-bottom:16px;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:thin;scrollbar-color:rgba(45,60,45,0.12) transparent}
.dest__scroll::-webkit-scrollbar{height:4px}
.dest__scroll::-webkit-scrollbar-thumb{background:rgba(45,60,45,0.12);border-radius:2px}
.dest-card{min-width:240px;height:180px;flex-shrink:0;border-radius:12px;overflow:hidden;position:relative;display:flex;flex-direction:column;justify-content:flex-end;padding:20px;scroll-snap-align:start;transition:all var(--transition);border:1px solid var(--border);background:linear-gradient(135deg,var(--green-light) 0%,var(--gold-bg) 100%)}
.dest-card__bg{position:absolute;inset:0;z-index:0}
.dest-card::after{content:'';position:absolute;inset:0;background:linear-gradient(to top,rgba(253,251,247,0.9) 0%,transparent 50%);z-index:1}
.dest-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg)}
.dest-card h3{position:relative;z-index:2;font-family:var(--serif);font-size:1rem;font-weight:700;color:var(--text);margin-bottom:8px}
.dest-card__btn{position:relative;z-index:2;font-size:.75rem;font-weight:600;color:var(--green);border:1px solid var(--border-strong);padding:5px 14px;border-radius:var(--radius-xs);display:inline-block;width:fit-content;background:var(--surface);transition:all var(--transition)}
.dest-card__btn:hover{border-color:var(--green);background:var(--green-soft)}
.dest-card__unit{position:relative;z-index:2;font-family:var(--mono);font-size:.65rem;color:var(--aqua);display:block;margin-bottom:6px}

/* ======================== S5: TESTIMONIALS ======================== */
.testimonials{background:var(--bg-alt)}
.test__grid{display:grid;grid-template-columns:repeat(2,1fr);gap:24px}
.test-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:28px 24px;box-shadow:var(--shadow-sm);transition:all var(--transition)}
.test-card:hover{box-shadow:var(--shadow);transform:translateY(-4px)}
.test-card__stars{color:var(--gold);font-size:.95rem;margin-bottom:14px;letter-spacing:3px}
.test-card__text{font-family:var(--serif);font-size:.95rem;color:var(--text-70);line-height:1.7;font-style:italic;margin-bottom:18px}
.test-card__author{margin-bottom:6px}
.test-card__author strong{color:var(--text);font-size:.85rem}
.test-card__author span{color:var(--text-50);font-size:.8rem;margin-left:10px}
.test-card__source{font-family:var(--mono);font-size:.65rem;color:var(--text-30)}
.test__footer{text-align:center;margin-top:36px}
.test__rating{font-family:var(--sans);color:var(--gold);font-size:.95rem;font-weight:600;margin-bottom:8px}
.test__link{font-family:var(--sans);font-size:.85rem;color:var(--green);transition:color var(--transition)}
.test__link:hover{color:#155a3e}

/* ======================== S6: TRACK RECORD — GREEN ======================== */
.track{background:var(--green);padding:90px 0}
.track__grid{display:grid;grid-template-columns:repeat(4,1fr);gap:32px;text-align:center}
.track__number{font-family:var(--mono);font-size:3rem;font-weight:700;color:#fff;display:inline;line-height:1}
.track__suffix{font-family:var(--mono);font-size:1.8rem;font-weight:700;color:#fff}
.track__label{font-family:var(--sans);font-size:.82rem;color:rgba(255,255,255,0.7);margin-top:8px;display:block}

/* ======================== S7: FAQ ======================== */
.faq-section{background:var(--bg)}
.faq__list{max-width:700px;margin:0 auto}
.faq-item{border-bottom:1px solid var(--border);border-left:3px solid transparent;transition:all var(--transition)}
.faq-item.active{border-left-color:var(--green);background:var(--green-soft)}
.faq-item__q{width:100%;display:flex;justify-content:space-between;align-items:center;padding:20px 16px;background:none;border:none;cursor:pointer;font-family:var(--sans);font-size:.95rem;font-weight:600;color:var(--text);text-align:left;transition:color var(--transition)}
.faq-item__q:hover{color:var(--green)}
.faq-icon{font-size:1.2rem;color:var(--green);transition:transform var(--transition);font-weight:400}
.faq-item.active .faq-icon{transform:rotate(45deg)}
.faq-item__a{max-height:0;overflow:hidden;transition:max-height .4s ease,padding .4s ease}
.faq-item.active .faq-item__a{max-height:500px;padding:0 16px 18px}
.faq-item__a p{font-size:.875rem;color:var(--text-50);line-height:1.75}

/* ======================== S8: CTA FINAL ======================== */
.cta-final{background:linear-gradient(180deg,var(--bg-alt),var(--bg-hero));padding:100px 0}
.cta-final__inner{text-align:center;max-width:600px;margin:0 auto}
.cta-final__inner h2{font-family:var(--serif);font-size:clamp(1.8rem,4vw,2.8rem);font-weight:700;color:var(--text);margin-bottom:14px;font-style:italic}
.cta-final__inner p{font-family:var(--sans);color:var(--text-50);margin-bottom:32px;font-size:1.05rem}
.cta-final__btns{display:flex;gap:14px;justify-content:center;flex-wrap:wrap;margin-bottom:20px}
.cta-final__note{font-family:var(--mono);font-size:.7rem;color:var(--text-30)}

/* ======================== S9: FOOTER ======================== */
.footer{background:var(--text);border-top:1px solid var(--border);padding:56px 0 28px;color:rgba(255,255,255,0.6)}
.footer__grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:36px;margin-bottom:32px}
.footer__logo{font-family:var(--serif);font-weight:700;font-size:1.1rem;color:#fff;margin-bottom:8px}
.footer__brand p{font-size:.8rem;margin-bottom:8px}
.footer__social{font-size:.78rem;color:var(--gold);transition:color var(--transition)}
.footer__social:hover{color:#e0b94e}
.footer__col h4{font-size:.72rem;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:rgba(255,255,255,0.35);margin-bottom:14px}
.footer__col li{margin-bottom:8px}
.footer__col a{font-size:.8rem;color:rgba(255,255,255,0.6);transition:color var(--transition)}
.footer__col a:hover{color:#fff}
.footer__micro{font-size:.72rem;color:rgba(255,255,255,0.35);font-style:italic}
.footer__authority{padding:28px 0 4px;margin-bottom:8px}
.footer__authority-row{display:flex;align-items:center;gap:24px;padding:20px 28px;background:rgba(255,255,255,0.04);border:1px solid rgba(255,255,255,0.08);border-radius:12px}
.footer__authority-text{font-family:var(--serif);font-size:1rem;font-weight:400;font-style:italic;color:rgba(255,255,255,0.55);letter-spacing:.01em;margin-bottom:8px}
.footer__authority-info{display:flex;flex-direction:column;justify-content:center}
.footer__registro-img{height:100px;width:auto;opacity:.9;border-radius:8px;flex-shrink:0}
.footer__registro-text{font-family:var(--mono);font-size:.75rem;color:rgba(255,255,255,0.45)}
.footer__badges{display:flex;flex-wrap:wrap;justify-content:center;gap:12px;padding:20px 0;border-top:1px solid rgba(255,255,255,0.08);border-bottom:1px solid rgba(255,255,255,0.08);margin-bottom:20px}
.footer__badges span{font-family:var(--mono);font-size:.65rem;color:rgba(255,255,255,0.35);padding:4px 12px;border:1px solid rgba(255,255,255,0.1);border-radius:20px}
.footer__bottom{text-align:center}
.footer__bottom p{font-family:var(--sans);font-size:.7rem;color:rgba(255,255,255,0.3)}

/* ======================== WHATSAPP FLOAT ======================== */
.whatsapp-float{position:fixed;bottom:24px;right:24px;z-index:999;background:var(--whatsapp);color:#fff;display:flex;align-items:center;gap:8px;padding:14px 20px;border-radius:50px;box-shadow:0 4px 20px rgba(37,211,102,0.35);font-size:.85rem;font-weight:600;transition:all var(--transition)}
.whatsapp-float:hover{transform:translateY(-3px);box-shadow:0 8px 28px rgba(37,211,102,0.45)}
.whatsapp-float svg{flex-shrink:0}

/* ======================== RESPONSIVE ======================== */
@media(max-width:1024px){
  .hero__inner{grid-template-columns:1fr;gap:40px}
  .hero__left{text-align:center}.hero__ctas{justify-content:center}
  .hero__right{min-height:auto}
  .hero__illustration{max-width:380px}
  .eco__grid,.guarantees{grid-template-columns:1fr}
  .eco__verticals{grid-template-columns:repeat(2,1fr)}
  .test__grid{grid-template-columns:1fr}
  .track__grid{grid-template-columns:repeat(2,1fr);gap:28px}
  .footer__grid{grid-template-columns:1fr 1fr}
}
@media(max-width:768px){
  .nav__links,.nav__cta-btn{display:none}
  .nav__links.active{display:flex;flex-direction:column;position:absolute;top:100%;left:0;right:0;background:rgba(253,251,247,0.98);backdrop-filter:blur(12px);padding:20px 24px;gap:14px;box-shadow:var(--shadow)}
  .nav__toggle{display:block}
  section{padding:70px 0}
  .hero{padding:120px 0 70px}
  .hero__right{min-height:auto}
  .hero__illustration{max-width:300px}
  .track__grid{grid-template-columns:1fr 1fr}
  .footer__grid{grid-template-columns:1fr;gap:24px}
  .cta-final__btns{flex-direction:column;align-items:center}
  .whatsapp-float span{display:none}
  .whatsapp-float{padding:14px;border-radius:50%}
  /* Carrusel móvil para Ecosistema, Verticales y Testimonios */
  .eco__grid, .eco__verticals, .test__grid {
    display: flex;
    overflow-x: auto;
    scroll-snap-type: x mandatory;
    -webkit-overflow-scrolling: touch;
    padding-bottom: 16px;
    gap: 16px;
    scrollbar-width: thin;
    scrollbar-color: rgba(45,60,45,0.12) transparent;
  }
  .eco__grid::-webkit-scrollbar, .eco__verticals::-webkit-scrollbar, .test__grid::-webkit-scrollbar {
    height: 4px;
  }
  .eco__grid::-webkit-scrollbar-thumb, .eco__verticals::-webkit-scrollbar-thumb, .test__grid::-webkit-scrollbar-thumb {
    background: rgba(45,60,45,0.12);
    border-radius: 2px;
  }
  .eco-card, .vertical-card, .test-card {
    flex: 0 0 85%;
    scroll-snap-align: start;
  }
  .footer__authority-row{flex-direction:column;text-align:center;padding:16px}
  .footer__registro-img{height:80px}
  .benefit__grid{grid-template-columns:1fr}
}