/* ============================================================
   NoMásCaos — capa corporativa clásica (banca/seguros)
   Se carga la ÚLTIMA. Plano, gris/azul pizarra, cero animación.
   El rojo de marca (#e30613) se reserva para lo esencial:
   logo, enlaces, CTA principal. Todo lo demás es neutro.
   ============================================================ */

:root{
  --nmc-brand:#e30613;
  --nmc-brand-dark:#b00611;
  --nmc-ink:#1e293b;
  --nmc-muted:#64748b;
  --nmc-line:#e2e8f0;
  --nmc-slate:#334155;
  --nmc-slate-bg:#f1f5f9;
  --nmc-ring:0 0 0 2px rgba(30,41,59,.4);
}

/* ---- Tipografía: sobria, sin peso decorativo excesivo ---- */
body.nmc-public{
  font-family:'Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif;
  color:var(--nmc-ink);
  -webkit-font-smoothing:antialiased;
}
body.nmc-public h1,
body.nmc-public h2,
body.nmc-public h3,
body.nmc-public .hero h1,
body.nmc-public .logo-text,
body.nmc-public .footer-logo{
  font-family:'Sora','Inter',Arial,sans-serif;
  letter-spacing:-.005em;
  color:var(--nmc-ink);
}
body.nmc-public h1{ font-weight:700; }
body.nmc-public h2,
body.nmc-public h3{ font-weight:600; }
body.nmc-public p{ line-height:1.65; color:var(--nmc-slate); }

/* Foco accesible por teclado — necesario, no decorativo */
a:focus-visible,
button:focus-visible,
.btn:focus-visible,
input:focus-visible,
textarea:focus-visible,
select:focus-visible{
  outline:none !important;
  box-shadow:var(--nmc-ring) !important;
}

/* Sin transiciones, sin animación: cambio de estado instantáneo */
* { transition:none !important; animation:none !important; }

img{ max-width:100%; height:auto; }

/* Enlaces: color de marca contenido, sin ruido */
p a:not(.btn),
li a:not(.btn){
  color:var(--nmc-brand-dark);
  text-decoration:underline;
  text-underline-offset:2px;
}

/* ---- Cabecera: neutra, el rojo solo en el CTA principal ---- */
.header-phone-v18,
.header-wa-v18{
  color:var(--nmc-slate) !important;
  background:none !important;
}
.header-cta-v18{
  background:var(--nmc-brand) !important;
  box-shadow:none !important;
}

/* ---- Barra de acciones prácticas: gris pizarra, sin iconos de color ---- */
.nmc-quick-actions{ background:var(--nmc-slate-bg); border-bottom:1px solid var(--nmc-line); }
.nmc-quick-actions__inner{
  display:grid; grid-template-columns:repeat(4,minmax(0,1fr));
  gap:1px; background:var(--nmc-line); border:1px solid var(--nmc-line);
}
.nmc-quick-actions a{
  display:flex; align-items:center; gap:11px; text-decoration:none;
  background:var(--nmc-slate-bg); padding:14px 16px; color:var(--nmc-ink);
}
.nmc-quick-actions a:hover{ background:#e8edf3; }
.nmc-qa-ic{
  flex:0 0 auto; width:34px; height:34px; border-radius:6px;
  display:grid; place-items:center;
  background:#fff; color:var(--nmc-slate); border:1px solid var(--nmc-line);
}
.nmc-qa-ic svg{ width:18px; height:18px; }
.nmc-quick-actions a.nmc-qa-wa .nmc-qa-ic{ color:var(--nmc-slate); }
.nmc-qa-tx{ display:grid; line-height:1.2; min-width:0; }
.nmc-qa-tx strong{ font-size:.9rem; font-weight:600; color:var(--nmc-ink); }
.nmc-qa-tx small{ color:var(--nmc-muted); font-size:.76rem; }

@media(max-width:900px){
  .nmc-quick-actions__inner{ grid-template-columns:repeat(2,minmax(0,1fr)); }
  .nmc-qa-tx small{ display:none; }
}

/* ---- Franja de confianza: gris pizarra oscuro, texto plano ---- */
.nmc-public-trust-strip{
  background:var(--nmc-slate);
  color:#e2e8f0;
  border-bottom:none;
}
.nmc-public-trust-inner{
  display:flex; flex-wrap:wrap; align-items:center; justify-content:center;
  gap:8px 32px; padding:9px 0; font-size:.8rem; font-weight:500;
}
.nmc-public-trust-inner span{ white-space:nowrap; }

/* ---- Tarjetas: planas, borde fino gris, sin sombra ni hover ---- */
body.nmc-public .card,
body.nmc-public [class*="-card"],
body.nmc-public .info-card{
  border-radius:6px;
  box-shadow:none;
  border:1px solid var(--nmc-line);
  background:#fff;
}

/* ---- Botones: planos, ángulo recto discreto ---- */
body.nmc-public .hero-btn{
  border-radius:4px;
  font-weight:600;
  box-shadow:none;
  background:var(--nmc-brand);
}
body.nmc-public .hero-btn.secondary{ background:var(--nmc-slate); }

/* ---- Eyebrow: gris, no rojo llamativo ---- */
body.nmc-public .eyebrow{
  background:var(--nmc-slate-bg) !important;
  color:var(--nmc-slate) !important;
  border:1px solid var(--nmc-line) !important;
}

/* ---- Footer: gris pizarra muy oscuro, sin badges de color ---- */
.footer{ background:#0f172a; }
.footer-badges{ display:flex; flex-direction:column; gap:6px; margin:14px 0 0; }
.footer-badges span{
  color:#94a3b8; font-size:.82rem; font-weight:400;
  padding-left:14px; position:relative;
}
.footer-badges span::before{
  content:'—'; position:absolute; left:0; color:#475569;
}
.footer h4{ font-family:'Sora','Inter',Arial,sans-serif; color:#e2e8f0; font-weight:600; }

/* ---- CTA flotante: visible, plano, sin pulso ---- */
[class*="whatsapp-float"],
[class*="float-cta"],
[class*="sticky-cta"]{ box-shadow:0 1px 3px rgba(15,23,42,.25); border-radius:4px; }