/* cuaderno.css — seccion «El cuaderno del opositor» (/articulos/). Creado el 27-sep-2026.
   Se carga DESPUES de /yague-contenido.css y solo añade lo propio del blog. */

.kicker { display:inline-block; font-size:0.78rem; font-weight:700; letter-spacing:0.08em; text-transform:uppercase; color:var(--accent); margin-bottom:10px; }
.kicker a { color:inherit; text-decoration:none; }

/* Firma bajo el titular */
.byline { display:flex; align-items:center; gap:12px; margin:4px 0 24px; font-size:0.9rem; color:var(--gray); }
.byline img { width:44px; height:44px; border-radius:50%; object-fit:cover; flex-shrink:0; }
.byline strong { color:var(--navy); display:block; font-size:0.95rem; }

/* Foto de cabecera */
figure.portada { margin:0 0 28px; }
figure.portada img { width:100%; height:auto; aspect-ratio:1200/750; object-fit:cover; border-radius:var(--radius); display:block; background:var(--brand-100); }
figure figcaption { font-size:0.78rem; color:var(--gray); margin-top:8px; }
figure figcaption a { color:var(--gray); }

/* Resumen inicial */
.resumen { background:var(--brand-100); border-left:4px solid var(--accent); border-radius:var(--radius); padding:18px 22px; margin:8px 0 26px; }
.resumen p { font-weight:600; color:var(--navy); margin-bottom:8px; }
.resumen ol { margin-bottom:0; }
.resumen li { margin-bottom:4px; }

/* Encabezado de fase */
.fase { display:flex; align-items:baseline; gap:12px; }
.fase .n { flex-shrink:0; display:inline-flex; align-items:center; justify-content:center; width:34px; height:34px; border-radius:50%; background:var(--accent); color:#fff; font-size:1rem; font-weight:700; transform:translateY(-2px); }
.cuando { font-size:0.88rem; color:var(--gray); margin:-4px 0 12px; }
.consejo { background:var(--gray-light); border-radius:var(--radius); padding:14px 18px; margin:14px 0 8px; }
.consejo p:last-child, .consejo ul:last-child { margin-bottom:0; }
.consejo .t { font-weight:700; color:var(--navy-2); margin-bottom:6px; }

/* Grafico de la curva */
figure.curva { margin:24px 0 30px; background:var(--gray-light); border-radius:var(--radius); padding:18px 14px 12px; }
figure.curva svg { width:100%; height:auto; display:block; }

/* Caja de autor */
.autor { display:flex; gap:18px; align-items:flex-start; border-top:1px solid #EADFD1; border-bottom:1px solid #EADFD1; padding:22px 0; margin:34px 0 6px; }
.autor img { width:76px; height:76px; border-radius:50%; object-fit:cover; flex-shrink:0; }
.autor p { margin-bottom:6px; font-size:0.93rem; }
.autor .nombre { font-weight:700; color:var(--navy); font-size:1rem; margin-bottom:2px; }

/* Portada del cuaderno: tarjetas de articulo */
.tarjetas { display:grid; gap:22px; margin:26px 0 10px; }
.tarjeta { display:grid; grid-template-columns:260px 1fr; gap:20px; align-items:start; text-decoration:none; color:inherit; background:#fff; border:1px solid #EADFD1; border-radius:var(--radius); overflow:hidden; transition:box-shadow .2s, transform .2s; }
.tarjeta:hover { box-shadow:0 8px 24px rgba(35,57,74,0.12); transform:translateY(-2px); }
.tarjeta img { width:100%; height:100%; min-height:170px; object-fit:cover; display:block; }
.tarjeta .cuerpo { padding:18px 20px 18px 0; }
.tarjeta h2 { margin:4px 0 8px; font-size:1.2rem; }
.tarjeta p { color:var(--text); font-size:0.95rem; margin-bottom:8px; }
.tarjeta .meta { font-size:0.8rem; color:var(--gray); }
.tarjeta .leer { color:var(--accent); font-weight:600; font-size:0.9rem; }

.proximos { columns:2; column-gap:28px; }

@media (max-width:640px){
  .tarjeta { grid-template-columns:1fr; gap:0; }
  .tarjeta img { min-height:0; aspect-ratio:16/9; height:auto; }
  .tarjeta .cuerpo { padding:16px 18px; }
  .proximos { columns:1; }
  .autor img { width:58px; height:58px; }
}