/* ================================================================
   Brand v2 (Oct 2026): cream + forest green + lime, orange accents.
   Loaded LAST on every build_pages.py page, after styles.css + page.css.
   It re-points the shared tokens and restyles the shared chrome
   (nav, mega menu, mobile sheets, tab bar, footer, chatbot) and the
   shared page blocks (p-hero, steps-card, num-section, stat-quote,
   rel-strip, p-cta, contact). Same look as 2027-prototype/home-v2.
   ================================================================ */
:root {
  --bg: #f6f1e7;
  --bg-soft: #fffaf1;
  --ink: #0f1d16;
  --ink-dim: #5b6a61;
  --coral: #ff7300;
  --coral-deep: #d95f00;
  --cream: #f6f1e7;
  --card: #fffaf1;
  --v2-forest: #0f2b1f;
  --v2-forest-2: #143a2a;
  --v2-forest-3: #1d4a36;
  --v2-deep: #0a1f16;
  --v2-lime: #b7f05a;
  --v2-line: rgba(15, 43, 31, .12);
  --v2-ease: cubic-bezier(.2, .8, .2, 1);
  --v2-ast: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cg fill='%23000'%3E%3Crect x='40.5' y='0' width='19' height='100'/%3E%3Crect x='40.5' y='0' width='19' height='100' transform='rotate(45 50 50)'/%3E%3Crect x='40.5' y='0' width='19' height='100' transform='rotate(90 50 50)'/%3E%3Crect x='40.5' y='0' width='19' height='100' transform='rotate(135 50 50)'/%3E%3C/g%3E%3C/svg%3E");
  --v2-loop: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 300 300'%3E%3Cpath d='M-30 290 C 40 230, 120 130, 190 140 C 265 152, 262 248, 195 246 C 120 243, 140 96, 330 30' fill='none' stroke='%23b7f05a' stroke-width='20' stroke-linecap='round'/%3E%3C/svg%3E");
}
html, body { background: var(--bg); color: var(--ink); }

/* ---------- eyebrows: catalog sticker style ---------- */
.eyebrow { font-family: "Bebas Neue", var(--font-body); font-size: 19px; letter-spacing: .06em; color: var(--coral-deep); }

/* ---------- buttons ---------- */
.btn-coral { background: var(--coral); color: #fff; box-shadow: 0 12px 30px -10px rgba(255, 115, 0, .6); }
.btn-coral:hover { background: var(--coral-deep); }
.btn-outline { border-color: rgba(15, 43, 31, .22); color: var(--v2-forest); background: transparent; }
.btn-outline:hover { border-color: var(--v2-forest); color: var(--v2-forest); }
.btn-ghost { background: #fff; color: var(--v2-forest); }
.btn-ghost:hover { background: #fff; box-shadow: inset 0 0 0 1.5px var(--v2-forest); }

/* ---------- nav ---------- */
.nav, .nav.mega-open { background: rgba(246, 241, 231, .9); backdrop-filter: blur(14px); -webkit-backdrop-filter: blur(14px); }
.nav.scrolled { box-shadow: 0 1px 0 var(--v2-line); }
.nav-logo .logo-light { opacity: 0; }
.nav-logo .logo-dark { opacity: 1; }
.nav-link, .nav.mega-open .nav-link { color: var(--ink); }
.nav-link:hover { color: var(--coral); }
.nav-lang, .nav.mega-open .nav-lang { color: var(--v2-forest); background: rgba(15, 43, 31, .07); padding: 6px 12px; border-radius: 99px; font-weight: 600; }
.btn-login, .nav.mega-open .btn-login { background: var(--v2-forest); border: 0; color: #fff; }
.btn-login:hover, .nav.mega-open .btn-login:hover { background: var(--v2-forest-2); }
.mega-panel { background: var(--bg-soft); box-shadow: 0 50px 90px -30px rgba(15, 43, 31, .45); }
.mega-item .mi-ico { color: var(--coral); }
.mega-item strong, .mega-foot { color: var(--v2-forest); }
.mega-item:hover strong, .mega-foot:hover { color: var(--coral); }
.mega-visual { background: var(--v2-forest); }

/* orb: orange + green swirl that turns and glows (same as the new homepage) */
.ai-orb { box-shadow: 0 0 10px 2px rgba(255, 115, 0, .55), 0 0 18px 4px rgba(183, 240, 90, .35); animation: v2OrbGlow 2.8s ease-in-out infinite; }
.ai-orb::before { background: conic-gradient(from 0deg, #ff7300, #ffb347, #b7f05a, #3fbf6a, #0f2b1f, #ff7300); animation: sxOrb 3.2s linear infinite; }
.ai-orb::after { background: radial-gradient(circle at 32% 28%, rgba(255, 255, 255, .85), rgba(255, 255, 255, 0) 45%), radial-gradient(circle at 70% 80%, rgba(0, 0, 0, .25), transparent 60%); }
.ai-orb.ripple { animation: v2OrbGlow 2.8s ease-in-out infinite, v2OrbRipple 3.2s ease-out infinite; }
@keyframes v2OrbGlow {
  0%, 100% { box-shadow: 0 0 10px 2px rgba(255, 115, 0, .55), 0 0 18px 4px rgba(183, 240, 90, .3); }
  50% { box-shadow: 0 0 14px 4px rgba(183, 240, 90, .6), 0 0 26px 8px rgba(255, 115, 0, .35); }
}
@keyframes v2OrbRipple { 0% { outline-color: rgba(183, 240, 90, .6); outline-offset: 0; } 70%, 100% { outline-color: rgba(183, 240, 90, 0); outline-offset: 7px; } }

/* ---------- mobile menu, sheets, tab bar ---------- */
.mobile-menu, .sheet-panel { background: var(--bg-soft); color: var(--ink); }
.mm-links > a, .mm-lang { color: var(--v2-forest); }
.mm-lang i, .mega-foot i { background: var(--coral); }
.mm-btn-login { background: var(--v2-forest); border: 0; color: #fff; }
.sheet-scrim { background: rgba(10, 31, 22, .55); }
.tabbar { background: rgba(255, 250, 241, .96); border-top: 1px solid var(--v2-line); }
.tab { color: var(--ink-dim); }
.tab.current, .tab.on, .tab[aria-expanded="true"] { color: var(--v2-forest); }
.tab.current .tab-ico, .tab.on .tab-ico, .tab[aria-expanded="true"] .tab-ico { background: rgba(183, 240, 90, .35); color: var(--v2-forest); }
.tab-dot { box-shadow: 0 0 0 2px #fffaf1; }

/* ---------- page hero: cream, with a spinning brand asterisk + lime loop ---------- */
.p-hero { position: relative; overflow: clip; }
.p-hero::before {
  content: ""; position: absolute; right: max(4vw, calc((100vw - 1180px) / 2 - 40px)); top: 140px; width: 120px; height: 120px; pointer-events: none;
  background: var(--coral); -webkit-mask: var(--v2-ast) center / contain no-repeat; mask: var(--v2-ast) center / contain no-repeat;
  filter: drop-shadow(6px 8px 0 #a34600); animation: v2Spin 22s linear infinite;
}
.p-hero::after {
  content: ""; position: absolute; right: -60px; bottom: -40px; width: 300px; height: 300px; pointer-events: none;
  background: var(--v2-loop) center / contain no-repeat; opacity: .9;
}
.p-hero > .container { position: relative; z-index: 1; }
@keyframes v2Spin { to { transform: rotate(360deg); } }
.p-hero-sub { color: var(--ink-dim); }
.p-hero-badges span { color: var(--ink-dim); }

/* ---------- steps card: forest panel with glass steps ---------- */
.steps-inner { background: radial-gradient(700px 400px at 20% 0%, var(--v2-forest-3), transparent 70%), var(--v2-forest); color: #e9f1ec; }
.steps-inner .eyebrow { color: var(--v2-lime); }
.steps-inner h2 { color: #fff; }
.step { background: linear-gradient(160deg, rgba(255, 255, 255, .08), rgba(255, 255, 255, .02)); border: 1px solid rgba(183, 240, 90, .16); }
.step-num { color: var(--v2-lime); }
.step h3 { color: #fff; }
.step p { color: #b9cbc1; }
.step-ico { color: var(--v2-lime); }

/* ---------- numbered sections ---------- */
.num-label { color: var(--coral-deep); font-weight: 600; }
.num-copy p { color: var(--ink-dim); }

/* ---------- stat + quote ---------- */
.sq-num { color: var(--coral); font-weight: 600; }
.sq-label, .sq-author { color: var(--ink-dim); }
.sq-quote { color: var(--v2-forest); }

/* ---------- related features strip ---------- */
.rel-card { background: #fff; border: 1px solid var(--v2-line); box-shadow: 0 14px 30px -24px rgba(15, 43, 31, .45); transition: transform .3s var(--v2-ease), border-color .3s; }
.rel-card:hover { transform: translateY(-3px); border-color: var(--coral); }
.rel-card strong { color: var(--v2-forest); }
.rel-card small { color: var(--ink-dim); }

/* ---------- closing CTA: orange block ---------- */
.p-cta { position: relative; overflow: hidden; width: min(1180px, calc(100% - 48px)); margin: 40px auto 90px; padding: 90px 32px 96px; border-radius: 36px; background: var(--coral); color: #fff; }
.p-cta::before { content: ""; position: absolute; right: 6%; top: 14%; width: 90px; height: 90px; background: var(--v2-forest); -webkit-mask: var(--v2-ast) center / contain no-repeat; mask: var(--v2-ast) center / contain no-repeat; animation: v2Spin 18s linear infinite; opacity: .9; }
.p-cta h2 { color: #fff; position: relative; }
.p-cta-sub, .p-cta-note { color: rgba(255, 255, 255, .88); position: relative; }
.p-cta .btn-coral { background: var(--v2-forest); color: #fff; box-shadow: 0 14px 30px -10px rgba(15, 43, 31, .6); }
.p-cta .btn-coral:hover { background: var(--v2-forest-2); }
.p-cta .btn-outline { border-color: rgba(255, 255, 255, .6); color: #fff; }

/* ---------- dark / light card blocks shared by several pages ---------- */
.light-card-inner { background: var(--bg-soft); color: var(--ink); }
.light-card h2 { color: var(--v2-forest); }
.plat-card, .pc-cell { background: #fff; border-color: var(--v2-line); }
.plat-card:hover, .pc-cell:hover { border-color: var(--coral); box-shadow: 0 24px 50px -30px rgba(15, 43, 31, .45); }
.pc-ico { color: var(--coral); border-color: rgba(255, 115, 0, .35); background: rgba(255, 115, 0, .08); }
.pc-cell strong { color: var(--v2-forest); }
.pc-cell .check-list li { color: var(--ink-dim); }
.pc-chip { border-color: var(--v2-line); background: #fff; }
.pc-shot, .pc-hero-img, .pc-hero-video { border-color: var(--v2-line); box-shadow: 0 30px 70px -40px rgba(15, 43, 31, .5); }
.metric { border-color: var(--v2-line); background: #fff; }
.metric-label, .metric-desc { color: var(--ink-dim); }
.eyebrow-pill { border-color: var(--v2-line); background: #fff; color: var(--v2-forest); }

/* ---------- contact ---------- */
.contact-ways a { border-color: var(--v2-line); background: #fff; }
.contact-ways a:hover { border-color: var(--coral); }
.contact-form { background: #fff; box-shadow: 0 40px 80px -50px rgba(15, 43, 31, .5); }
.cf-field input, .cf-field textarea { border-color: #e4dccb; }
.cf-field input:focus, .cf-field textarea:focus { box-shadow: 0 0 0 4px rgba(255, 115, 0, .14); border-color: var(--coral); }
.contact-map { border-color: var(--v2-line); }

/* ---------- footer: forest rounded card ---------- */
.footer { background: var(--v2-forest); width: min(1240px, calc(100% - 48px)); margin: 0 auto 24px; border-radius: 36px; }
.footer { padding: 70px 0 32px; }
.footer .footer-inner { width: auto; padding: 0 clamp(24px, 4vw, 56px); }
.footer-watermark img { max-width: 272px; height: auto; }
.f-col h4, .f-social-lbl, .f-apps-lbl { color: #fff; }
.f-col a, .footer-bottom a { color: #c6d6cd; }
.f-col a:hover { color: var(--v2-lime); }
.footer-bottom { border-top-color: rgba(255, 255, 255, .1); color: #a9bdb2; }
.f-verse, .f-verse-inline { color: var(--v2-lime); }
.f-social a { color: #c6d6cd; background: rgba(255, 255, 255, .06); }
.f-social a:hover { color: var(--v2-forest); background: var(--v2-lime); }

/* ---------- chatbot: orb button + cream panel ---------- */
.cbot-fab { background: none !important; border: 0; overflow: visible; box-shadow: none !important; }
.cbot-fab::before { content: ""; position: absolute; inset: 0; border-radius: 50%; overflow: hidden; background: conic-gradient(from 0deg, #ff7300, #ffb347, #b7f05a, #3fbf6a, #0f2b1f, #ff7300); filter: blur(5px); animation: sxOrb 4s linear infinite; clip-path: circle(50%); }
.cbot-fab::after { content: ""; position: absolute; inset: 0; border-radius: 50%; background: radial-gradient(circle at 32% 26%, rgba(255, 255, 255, .85), rgba(255, 255, 255, 0) 42%), radial-gradient(circle at 72% 82%, rgba(0, 0, 0, .28), transparent 60%); animation: v2FabGlow 3s ease-in-out infinite; }
@keyframes v2FabGlow {
  0%, 100% { box-shadow: 0 0 22px 4px rgba(255, 115, 0, .5), 0 0 40px 10px rgba(183, 240, 90, .25); }
  50% { box-shadow: 0 0 30px 8px rgba(183, 240, 90, .55), 0 0 52px 14px rgba(255, 115, 0, .3); }
}
.cbot-ring, .cbot-ico-chat { display: none !important; }
.cbot-ico-x { z-index: 1; color: #fff; text-shadow: 0 1px 4px rgba(0, 0, 0, .35); }
.cbot-badge { z-index: 2; background: var(--v2-forest); color: var(--v2-lime); box-shadow: 0 0 0 3px var(--bg); }
.cbot-teaser { background: #fff; color: var(--ink); box-shadow: 0 24px 50px -18px rgba(15, 43, 31, .45); border: 0; }
.cbot-teaser b { color: var(--v2-forest); }
.cbot-teaser span, .cbot-teaser-x { color: var(--ink-dim); }
.cbot-panel { background: var(--bg-soft); border: 0; box-shadow: 0 40px 90px -30px rgba(15, 43, 31, .6), 0 0 0 1px rgba(15, 43, 31, .08); }
.cbot-head { background: var(--v2-forest); border-bottom: 0; }
.cbot-ava { background: rgba(255, 255, 255, .1); color: var(--coral); }
.cbot-who b { color: #fff; }
.cbot-who small { color: var(--v2-lime); }
.cbot-who small i { background: var(--v2-lime); box-shadow: 0 0 8px var(--v2-lime); }
.cbot-close { color: #fff; }
.cb-bot { background: #fff; color: var(--ink); border: 0; box-shadow: 0 1px 2px rgba(15, 43, 31, .08); }
.cb-me { background: var(--coral); color: #fff; }
.cb-msg li { color: var(--ink-dim); }
.cb-typing { background: #fff; border-radius: 18px; }
.cb-typing i { background: #b9b3a6; }
.cb-chip { border-color: rgba(15, 43, 31, .18); background: #fff; color: var(--v2-forest); }
.cb-chip svg { color: var(--coral); }
.cb-chip:hover { background: #fff; border-color: var(--coral); color: var(--coral); }
.cb-chip.cb-chip-cta { background: var(--v2-forest); border-color: var(--v2-forest); color: var(--v2-lime); }
.cbot-form input { background: #fff; border-color: #e4dccb; color: var(--ink); }
.cbot-form input::placeholder { color: #a39d8e; }
.cbot-form input:focus { background: #fff; border-color: var(--coral); }
.cbot-form button { background: var(--coral); color: #fff; }
.cbot-legal { color: var(--ink-dim); }
.cbot-log::-webkit-scrollbar-thumb, .cbot-quick::-webkit-scrollbar-thumb { background: rgba(15, 43, 31, .15); }

@media (max-width: 760px) {
  .p-hero::before { width: 64px; height: 64px; top: 96px; right: 16px; }
  .p-hero::after { width: 180px; height: 180px; right: -70px; bottom: -50px; opacity: .6; }
  .p-cta { width: calc(100% - 24px); border-radius: 26px; padding: 70px 22px 76px; }
  .footer { width: calc(100% - 24px); border-radius: 26px; }
}
@media (prefers-reduced-motion: reduce) {
  .p-hero::before, .p-cta::before, .cbot-fab::before, .cbot-fab::after { animation: none; }
}

/* ================================================================
   2027 pages (industries + agentic platform, css/2027.css)
   ================================================================ */
.lang-tog { border-color: var(--v2-line); background: rgba(15, 43, 31, .05); }
.lang-tog button, .lang-tog a { color: var(--ink-dim); }
:root[lang="en"] .lang-tog [data-set-lang="en"], :root[lang="es"] .lang-tog [data-set-lang="es"], .lang-tog a[aria-current="true"] { background: var(--v2-forest); color: var(--v2-lime); }
.pbar-login { color: #fff; background: var(--v2-forest); border-color: var(--v2-forest); }
.nav-ind { border-color: rgba(255, 115, 0, .45); background: rgba(255, 115, 0, .08); }
.pind-grid { border-color: var(--v2-line); }
.ind-price, .ind-badges li, .price-extra, .plan .setup, .st-tag, .dm-try, .dm-note { color: var(--ink-dim); }
.ind-photo { border-radius: 28px; box-shadow: 0 40px 80px -40px rgba(15, 43, 31, .5); }

/* story: steps on the left, Atlas phone on the right */
.story-steps::before { background: linear-gradient(to bottom, transparent, var(--v2-line) 10%, var(--v2-line) 90%, transparent); }
.st { border-top-color: var(--v2-line); }
.st-ico, .fsec-ico, .ag-ico, .ag-cap-ico { background: rgba(255, 115, 0, .12); }
.story-stage::before, .dm-stage::before { background: radial-gradient(closest-side, rgba(183, 240, 90, .35), rgba(255, 115, 0, .08) 55%, transparent 78%); }
.st-chat { box-shadow: 0 0 0 1px var(--v2-line), 0 30px 60px -30px rgba(15, 43, 31, .45); }
.sx-orb::before { background: conic-gradient(from 0deg, #ff7300, #ffb347, #b7f05a, #3fbf6a, #0f2b1f, #ff7300); }
.sx-orb { box-shadow: 0 0 10px 2px rgba(255, 115, 0, .45), 0 0 16px 4px rgba(183, 240, 90, .3); }
.sx-m.me .sx-bub { background: var(--coral); box-shadow: 0 6px 14px -8px rgba(255, 115, 0, .6); }
.sx-in-send, .dm-form .sx-in-send:hover { background: var(--coral); }
.sx-chip.on, .dm-chips .sx-chip.on { background: var(--v2-forest); }
.sx-card-total b { color: var(--coral-deep); }

/* feature sections, pricing, comparison */
.fsec { border-top-color: var(--v2-line); }
.fsec-card { background: radial-gradient(circle at 70% 20%, rgba(183, 240, 90, .25), transparent 60%), var(--bg-soft); border-color: var(--v2-line); }
.fsec-note { border-color: rgba(15, 43, 31, .25); }
.checks li, .plan li, .ccard-points li { color: var(--ink-dim); }
.pcard { background: var(--v2-forest); border-color: var(--v2-forest); color: #e9f1ec; }
.pcard h2, .pcard h3 { color: #fff; }
.pcard .price-big .l-en, .pcard .price-big .l-es, .pcard .price-big small, .pcard .price-line, .pcard .price-extra { color: #b9cbc1; }
.cmp, .cmp th, .cmp td { border-color: rgba(255, 255, 255, .12); }
.pcard .cmp tbody th { color: #b9cbc1; } .pcard .cmp td { color: #fff; }
.pcard .plan, .pcard .cmp-list li { background: rgba(255, 255, 255, .05); border-color: rgba(183, 240, 90, .16); }
.pcard .plan li, .pcard .cmp-list li p, .pcard .plan .setup, .pcard .plan .amt small { color: #b9cbc1; }
.pcard .plan.hl { border-color: var(--v2-lime); }
.honest { background: rgba(15, 43, 31, .05); color: var(--ink); }
.ccard { background: #fff; box-shadow: 0 40px 80px -50px rgba(15, 43, 31, .5); }
.f-field input, .f-field textarea { border-color: #d8cfbd; }
.f-field input:focus, .f-field textarea:focus { box-shadow: 0 0 0 3px rgba(255, 115, 0, .25); }
.f-fail { color: #c2341a; }

/* agentic platform page */
.agents-grid { background: radial-gradient(120% 120% at 100% 0%, rgba(183, 240, 90, .3), transparent 55%), #fff; border-color: var(--v2-line); }
.agents-list li { background: var(--bg-soft); border-color: var(--v2-line); }
.ag-card, .ag-steps li { background: #fff; border-color: var(--v2-line); box-shadow: 0 24px 50px -36px rgba(15, 43, 31, .5); }
.dm-prompt { background: #fff; color: var(--v2-forest); box-shadow: inset 0 0 0 1px var(--v2-line); }
.dm-prompt:hover { background: #fff; box-shadow: inset 0 0 0 1.5px var(--coral); }
.chat-av, .chat-b.me { background: var(--v2-forest); }

/* footer + bottom dock */
.pfoot { background: var(--v2-forest); color: #e9f1ec; border-top: 0; width: min(1240px, calc(100% - 48px)); margin: 60px auto 24px; border-radius: 36px; }
.pf-lbl { color: var(--v2-lime); }
.pf-col > a, .pf-social a, .pf-bottom a { color: #c6d6cd; }
.pf-social a:hover { background: rgba(255, 255, 255, .08); }
.pf-bottom { border-top-color: rgba(255, 255, 255, .1); color: #a9bdb2; }
.tabbar.adock { background: rgba(255, 250, 241, .96); border-color: var(--v2-line); box-shadow: 0 18px 50px -20px rgba(15, 43, 31, .45); }
.adock .tab { color: var(--ink-dim); }
.adock .tab[aria-current], .adock .tab[aria-expanded="true"], .adock .tab:hover { color: var(--v2-forest); }
.adock .tab[aria-current] .tab-ico, .adock .tab[aria-expanded="true"] .tab-ico { background: rgba(183, 240, 90, .35); }
.adock .tab:hover .tab-ico { background: rgba(15, 43, 31, .06); }
.mscrim { background: rgba(10, 31, 22, .55); }
.msheet .mx-panel { background: var(--bg-soft); }
@media (max-width: 760px) {
  .pfoot { width: calc(100% - 24px); border-radius: 26px; }
}

/* ================================================================
   Centered headers (Pablo 2026-10-23): heroes and section titles are
   centered like the homepage / cleaq.com. Two-column feature rows
   (num-section) keep their text beside the visual.
   ================================================================ */
.p-hero .container { text-align: center; }
.p-hero .eyebrow, .p-hero-title, .p-hero-sub { margin-left: auto; margin-right: auto; }
.p-hero-title { max-width: 920px; }
.p-hero-sub { max-width: 680px; }
.p-hero-btns, .p-hero-badges { justify-content: center; }
.p-hero::after { right: auto; left: -70px; bottom: -60px; transform: scaleX(-1); }
.sec-intro .container { text-align: center; }
.sec-intro .section-sub { margin-left: auto; margin-right: auto; }
.steps-inner > .eyebrow, .steps-inner > h2,
.rel-inner > .eyebrow, .rel-inner > h2, .rel-more { text-align: center; margin-left: auto; margin-right: auto; }
.steps-inner > h2, .rel-inner > h2 { max-width: 820px; }

/* 2027 industry pages: centered copy (every width), wide photo underneath
   (desktop; phones and tablets keep their own grid from css/2027.css) */
.ind-copy { align-items: center; text-align: center; }
.ind-kicker { margin-left: auto; margin-right: auto; }
.ind-free, .ind-btns, .ind-badges { justify-content: center; }
@media (min-width: 961px) {
  .ind-hero-grid { grid-template-columns: 1fr; grid-template-areas: "copy" "visual"; justify-items: center; gap: clamp(28px, 4vw, 48px); }
  .ind-visual { justify-self: center; width: min(100%, 1000px); }
  .ind-photo { aspect-ratio: 16 / 8; }
  .ind-visual .sample { left: 24px; bottom: -28px; }
}
.story-head { max-width: 760px; margin-left: auto; margin-right: auto; text-align: center; }
.story-head .story-sub { margin-left: auto; margin-right: auto; }
.ag-hero, .ag-hero > * { text-align: center; }
@media (max-width: 760px) {
  .p-hero::after { display: none; }
}

/* Top-bar menu button below 960px (Pablo 2026-10-23: "menu on top like the other pages").
   Opens the same sheet as the tab bar's "Más". */
.nav-menu-btn { display: none; }
@media (max-width: 960px) {
  .nav-menu-btn { display: inline-grid; place-content: center; gap: 4px; width: 40px; height: 40px; border: 0; border-radius: 12px; background: var(--v2-forest); cursor: pointer; }
  .nav-menu-btn i { display: block; width: 18px; height: 2px; border-radius: 2px; background: #fff; }
  .nav-menu-btn[aria-expanded="true"] { background: var(--coral); }
}