/*
  Theme Name:   Nuestrobanco (Jannah Child)
  Theme URI:    https://co.nossobanco.digital/
  Description:  Tema hijo de Jannah para Nuestrobanco — portada editorial a medida de finanzas, banca y subsidios para Colombia.
  Author:       Nuestrobanco
  Template:     jannah
  Version:      1.0.0
  Text Domain:  jannah-child
*/

/* Pequeños ajustes globales heredados sobre Jannah (las páginas internas
   siguen usando el diseño de Jannah). La portada usa assets/css/home.css */
:root{
  --nb-navy:#0A2A6C;
  --nb-blue:#1952A2;
  --nb-lblue:#2E6FD6;
  --nb-gold:#DDB03A;
  --nb-gold2:#F0C75A;
}

/* En desktop, el aviso legal del pie va centrado en TODOS los pies
   (portada, embudo P1/P2 y pie de Jannah en páginas internas/P3). */
@media (min-width:768px){
  .nb-footer__legal,
  .nb-footer__copy,
  .nb-footer__note,
  .site-info .copyright-text,
  .site-info .copyright-text-first,
  .site-info .copyright-text-second{ text-align:center !important; float:none !important; }
}

/* =======================================================================
   Componentes para el contenido de los posts P3 (dentro del diseño Jannah)
   ======================================================================= */

/* Ficha de datos clave */
.nb-keyfacts{background:#f4f7fc;border:1px solid #e1e8f3;border-radius:14px;
  padding:22px 24px;margin:28px 0;}
.nb-keyfacts h4{margin:0 0 14px;font-size:.82rem;letter-spacing:.06em;text-transform:uppercase;
  color:var(--nb-blue);font-weight:700;}
.nb-keyfacts ul{margin:0;padding:0;list-style:none;}
.nb-keyfacts li{display:flex;gap:10px;padding:8px 0;border-bottom:1px dashed #dde5f1;
  font-size:.97rem;line-height:1.5;}
.nb-keyfacts li:last-child{border-bottom:0;}
.nb-keyfacts li strong{color:var(--nb-navy);min-width:150px;display:inline-block;}

/* Callout / aviso con barra lateral */
.nb-callout{position:relative;background:#f4f7fc;border:1px solid #e1e8f3;
  border-left:5px solid var(--nb-gold);border-radius:12px;padding:18px 22px;margin:26px 0;
  font-size:.97rem;line-height:1.65;}
.nb-callout strong{color:var(--nb-navy);}

/* Bloque CTA hacia el portal oficial (enlace externo) */
.nb-gov-cta{background:linear-gradient(135deg,#0A2A6C,#1952A2);border-radius:18px;
  padding:30px 32px;margin:34px 0;color:#fff;}
.nb-gov-cta h4{margin:0 0 8px;color:#fff;font-size:1.3rem;line-height:1.25;}
.nb-gov-cta p{margin:0 0 18px;color:#d6e0f3;font-size:.97rem;}
.nb-gov-btn{display:inline-flex;align-items:center;gap:.5em;background:var(--nb-gold);
  color:#0A2A6C !important;font-weight:700;font-size:1rem;padding:.85em 1.6em;border-radius:999px;
  text-decoration:none !important;transition:.18s ease;}
.nb-gov-btn:hover{background:var(--nb-gold2);transform:translateY(-1px);}
.nb-gov-btn svg{width:1.05em;height:1.05em;}
.nb-gov-cta small{display:block;margin-top:12px;color:#aebcd8;font-size:.8rem;}

/* Pasos numerados dentro del post */
.nb-postpasos{margin:24px 0;padding:0;list-style:none;counter-reset:nbp;}
.nb-postpasos li{position:relative;padding:4px 0 18px 52px;counter-increment:nbp;line-height:1.6;}
.nb-postpasos li::before{content:counter(nbp);position:absolute;left:0;top:0;width:34px;height:34px;
  border-radius:50%;background:var(--nb-navy);color:#fff;display:grid;place-items:center;
  font-weight:700;font-size:.95rem;}
.nb-postpasos li:not(:last-child)::after{content:"";position:absolute;left:16px;top:34px;bottom:0;
  width:2px;background:#dde5f1;}