/* ============================================================
   aportes.css - Estilos de la Mesa de Trabajo "Nuestros Hijos
   Primero" (24/08/2026), de las paginas de aportes y del bloque
   de Fundamento Juridico Comun.
   Se carga DESPUES de style.css. No modifica ninguna regla
   existente del sitio: todas las clases son nuevas.
   ============================================================ */

/* ---- Mesa de Trabajo "Nuestros Hijos Primero" (scoped) ---- */
.mt-hero{display:grid;grid-template-columns:300px 1fr;gap:34px;align-items:start;background:linear-gradient(135deg,var(--sky-2),#fff);border:1px solid var(--sky);border-left:5px solid var(--amber);border-radius:18px;padding:28px;margin:0 0 38px}
.mt-hero img{width:100%;height:auto;border-radius:12px;box-shadow:0 18px 44px -24px rgba(0,0,0,.55)}
.mt-tag{display:inline-block;color:#b0842a;font-size:.72rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;margin-bottom:8px}
.mt-meta{list-style:none;margin:14px 0 0;padding:0;display:grid;gap:6px}
.mt-meta li{font-size:.95rem;color:var(--navy-700);display:flex;gap:9px}
.mt-acts{display:flex;gap:10px;flex-wrap:wrap;margin-top:18px}
.mt-acts .btn{font-size:.88rem;padding:11px 20px}

.aporte{background:#fff;border:1px solid var(--line);border-left:5px solid var(--navy);border-radius:16px;padding:26px 28px;margin:0 0 22px;box-shadow:0 4px 20px rgba(12,22,49,.06);transition:.22s}
.aporte:hover{box-shadow:var(--shadow);transform:translateY(-3px)}
.aporte .ref{display:inline-block;font-family:'Space Grotesk',monospace;font-size:.72rem;letter-spacing:.08em;text-transform:uppercase;color:#fff;background:var(--navy);border-radius:999px;padding:4px 12px;margin-bottom:12px}
.aporte h3{font-size:1.28rem;line-height:1.22;margin-bottom:6px}
.aporte .autor{font-size:.92rem;color:var(--muted);margin-bottom:14px}
.aporte .abstract{font-size:.99rem;color:var(--text);margin-bottom:8px}
.aporte .keys{font-size:.86rem;color:var(--muted);margin-top:12px}
.aporte .keys b{color:var(--navy)}
.aporte-acts{display:flex;gap:10px;flex-wrap:wrap;margin-top:18px;align-items:center}
.aporte-acts .btn{font-size:.86rem;padding:10px 18px}

.medidor{display:inline-flex;align-items:center;gap:14px;background:var(--paper);border:1px solid var(--line);border-radius:12px;padding:8px 16px;font-size:.82rem;color:var(--muted)}
.medidor b{font-family:'Space Grotesk',monospace;font-size:1.05rem;color:var(--navy);display:block;line-height:1.1}
.medidor .m{text-align:center}
.medidor .m span{display:block;font-size:.7rem;letter-spacing:.06em;text-transform:uppercase}

.doc-body{max-width:760px;margin:0 auto}
.doc-body h2{font-size:1.5rem;margin:34px 0 12px}
.doc-body h3{font-size:1.18rem;margin:24px 0 8px}
.doc-body p{font-size:1.05rem;line-height:1.8;margin-bottom:16px}
.doc-head{border-bottom:2px solid var(--amber);padding-bottom:18px;margin-bottom:26px}
.doc-head .sup{font-size:.76rem;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);margin-bottom:10px}
.doc-head h1{font-size:clamp(1.6rem,3.6vw,2.3rem);margin-bottom:10px}
.doc-head .autor{font-weight:600;color:var(--navy-700)}
.doc-nav{display:flex;justify-content:space-between;gap:14px;flex-wrap:wrap;border-top:1px solid var(--line);margin-top:40px;padding-top:22px;font-size:.9rem}
.doc-nav a{color:var(--navy);font-weight:600}
.doc-nav a:hover{color:var(--amber)}

.fjc{background:linear-gradient(160deg,var(--navy),var(--ink));color:#fff;border-radius:20px;padding:36px;margin:34px 0}
.fjc h2,.fjc h3{color:#fff}
.fjc p,.fjc li{color:#d5deef}
.fjc .pilar{border-left:3px solid var(--amber);padding-left:18px;margin:22px 0}
.fjc .pilar h3{font-size:1.15rem;margin-bottom:6px}

.nivel{border-radius:12px;padding:14px 18px;margin:12px 0;font-size:.95rem;border:1px solid var(--line);background:#fff}
.nivel b.et{display:block;font-size:.7rem;letter-spacing:.1em;text-transform:uppercase;margin-bottom:5px}
.nivel.legal{border-left:4px solid var(--navy)}
.nivel.legal b.et{color:var(--navy)}
.nivel.resumen{border-left:4px solid #4a7fb5}
.nivel.resumen b.et{color:#2f5e8c}
.nivel.aplica{border-left:4px solid #2e8b6f}
.nivel.aplica b.et{color:#1f6b53}
.nivel.postura{border-left:4px solid var(--amber);background:linear-gradient(135deg,rgba(232,162,61,.1),#fff)}
.nivel.postura b.et{color:#b0842a}

@media(max-width:760px){
  .mt-hero{grid-template-columns:1fr;gap:20px}
  .mt-hero img{max-width:330px;margin:0 auto}
  .fjc{padding:26px 22px}
}

/* refuerzo de contraste del bloque institucional dentro de .fjc */
.fjc .nivel{color:var(--text)}
.fjc .nivel b.et{color:#8a6a20}

/* Titulares largos de los aportes: solo en las paginas de documento */
body[data-aportes-doc] .pagehead h1{font-size:clamp(1.45rem,4.2vw,2.4rem);letter-spacing:-.01em}
body[data-aportes-doc] .pagehead p{font-size:1rem}

/* Texto en negrita dentro del bloque oscuro de fundamento comun:
   .prose strong lo pinta azul marino y quedaria invisible. */
.fjc strong{color:#fff}
.fjc .nivel strong{color:var(--navy)}