/* ════════════════════════════════════════════════════════════════════
   MESAS DE RÍO — TEMA VISUAL 2026 (heredado del home / index.html)
   Taller luminoso, natural, alegre.
   Replica el bloque override del home. Insertar este <link> DESPUÉS
   de </style> en el <head> para que gane la cascada.
   ════════════════════════════════════════════════════════════════════ */

:root {
  --dk-bg: #17324D;
  --dk-bg2: #204B5E;
  --dk-text: #F7FCFC;
  --dk-muted: #C5DBDC;

  --lt-bg: #F7FAF4;
  --lt-bg2: #EDF7F5;
  --lt-bg3: #E1F0EA;
  --lt-text: #17324D;
  --lt-muted: #526A72;
  --lt-border: #CFE1DC;

  --teal: #087F8C;
  --teal-lt: #22AFC0;
  --teal-glow: rgba(8,127,140,.2);

  --lime: #589E3E;
  --lime-lt: #F2C94C;
  --lime-glow: rgba(242,201,76,.28);

  --gold: #E7A83E;
  --danger: #C65E45;

  --radius: 16px;
  --shadow-card: 0 10px 30px rgba(23,50,77,.08), 0 2px 8px rgba(23,50,77,.05);
  --shadow-hover: 0 18px 44px rgba(23,50,77,.14);
}

body { background: #fff; color: var(--lt-text); }
h1, h2, h3, .footer-brand, .cd-num, .combo-pill-new {
  font-family: 'Manrope', sans-serif;
  letter-spacing: -.025em;
}
.container { max-width: 980px; }
section { padding: 68px 0; }
.section-title { font-weight: 800; }
.section-label { color: var(--teal); letter-spacing: .12em; }
.divider { width: 64px; height: 4px; background: linear-gradient(90deg, var(--teal-lt), var(--lime-lt)); }
.sep { height: 1px; background: linear-gradient(90deg, transparent, #b8d8d2, transparent); opacity: .65; }

/* Topbar */
.topbar { background: #F4CE59; color: #17324D; padding: 10px 20px; letter-spacing: .02em; }
.topbar span { color: #087F8C; }

/* Botones primarios — teal */
.btn { background: linear-gradient(135deg, #0B92A0, #087783); color: #fff; border-radius: 13px; box-shadow: 0 10px 26px rgba(8,127,140,.24); }
.btn:hover { box-shadow: 0 16px 36px rgba(8,127,140,.30); }
@keyframes pulse-glow {
  0%,100% { box-shadow: 0 10px 26px rgba(8,127,140,.22); }
  50% { box-shadow: 0 15px 38px rgba(8,127,140,.34); }
}

/* Franja de confianza */
.trust-bar { background: #17324D; color: #fff; }
.trust-item svg { color: #F4CE59; }

/* Secciones suaves */
.pain-sec { background: #fff; }
.ba-sec, .benefits-sec, .value-stack { background: var(--lt-bg2); }
.interior-sec, .guarantee-sec { background: #EAF7FA; border-color: #C5E8EE; }
.bonuses-sec { background: #F5FAEE; border-color: #D7E8BE; }
.antipromise { background: #FFF8E7; border-color: #EED89C; }

/* Bloques con borde suave */
.step-card, .benefit-card, .author-box, .bonus-card, .t-card, .g-box { border-color: #D4E5E0; }
.pain-card { background: #F9FCFB; border-color: #D7E7E2; }
.pain-card::before { background: linear-gradient(90deg, #43B5E5, #65AC4A); }
.pain-icon { color: var(--teal); }

/* Autor */
.author-name-sc { font-family: 'Manrope', sans-serif; font-size: 1.7rem; font-weight: 800; }

/* Combo / Pricing (secciones oscuras) */
.combo-sec { background: linear-gradient(135deg, #17324D 0%, #176373 58%, #168798 100%); border: none; }
.combo-sec .btn { background: #F4CE59; color: #17324D; box-shadow: 0 12px 30px rgba(8,45,55,.24); }
.combo-lead strong { color: #FFE184; }
.combo-pill-new { color: #FFE184; }
.pricing-sec { background: linear-gradient(135deg, #17324D, #176777); }
.p-main { color: #FFE184; }
.p-tag { background: #F4CE59; color: #17324D; }

/* CTA final claro */
.final-cta { background: linear-gradient(135deg, #E9F7F4, #E5F5FA); color: var(--lt-text); border-color: #C9E4E2; }
.final-cta h2 { color: var(--lt-text); }
.final-cta h2 em { color: var(--teal); }
.final-cta p { color: var(--lt-muted); }

/* Footer — siempre azul oscuro, contenido claro */
footer { background: #17324D; }
.footer-brand, footer p, footer p strong { color: #E8F2F2; }
.footer-tagline, .footer-copy { color: #BFD3D4; }
.footer-links a { color: #B7CCCD; }
.disclaimer { color: #9EB8BA; }
.disclaimer strong { color: #D9E8E8; }

/* Barra fija (si existe) — mismo tono, botón amarillo */
.fixed-cta { background: #17324D; border-color: rgba(255,255,255,.14); box-shadow: 0 -8px 26px rgba(23,50,77,.22); }
.fixed-cta a { background: #F4CE59; color: #17324D; border-radius: 10px; box-shadow: none; animation: none; }

/* Títulos de páginas de texto (info, politicas, terminos) — Manrope, ADN del home */
.page-title,
.page-subtitle,
.header-sub,
.site-header a,
.page-hero h1,
.page-hero h2,
.legal-section h2,
.legal-section h3,
.page-section h2,
.page-section h3 {
  font-family: 'Manrope', sans-serif;
  letter-spacing: -.025em;
}