/* Tema Default de Núcleo CMS
   Identidad: tinta #10141C · marfil #F7F5F0 · acento #2F6DF6 */

:root{
  --tinta:#10141c; --marfil:#f7f5f0; --blanco:#fff; --acento:#2f6df6;
  --borde:#e6e1d6; --texto:#2b2f38; --texto-suave:#7d7868;
}
*{box-sizing:border-box;margin:0}
body{font:17px/1.7 Georgia,"Times New Roman",serif;background:var(--marfil);
     color:var(--texto)}
a{color:var(--acento);text-decoration:none}
a:hover{text-decoration:underline}
.ancho{max-width:1040px;margin:0 auto;padding:0 22px}

/* ---------- Cabecera ---------- */
.cabecera{background:var(--tinta);color:#fff;padding:18px 0}
.cabecera .ancho{display:flex;align-items:center;gap:26px;flex-wrap:wrap}
.sitio{display:flex;align-items:center;gap:11px;color:#fff;margin-right:auto}
.sitio:hover{text-decoration:none}
.sitio .punto{width:13px;height:13px;border-radius:50%;background:var(--acento);
              box-shadow:0 0 0 4px rgba(47,109,246,.25);flex:none}
.sitio b{display:block;font:700 20px/1.2 "Segoe UI",system-ui,sans-serif;
         letter-spacing:-.01em}
.sitio small{display:block;font:13px/1.3 "Segoe UI",system-ui,sans-serif;color:#9aa1ae}
.menu{display:flex;gap:18px;flex-wrap:wrap;
      font:14.5px "Segoe UI",system-ui,sans-serif}
.menu a{color:#c9cdd6}
.menu a:hover{color:#fff;text-decoration:none}
.buscar input{background:#1b2230;border:1px solid #2a3242;border-radius:20px;
              color:#fff;padding:8px 16px;font:14px "Segoe UI",sans-serif;width:160px}
.buscar input::placeholder{color:#6c7280}
.buscar input:focus{outline:2px solid var(--acento);width:200px;transition:width .2s}

/* ---------- Listado ---------- */
.principal{padding:46px 22px 70px}
.resultado-busqueda{font:15px "Segoe UI",sans-serif;color:var(--texto-suave);
                    margin-bottom:26px}
.rejilla{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:26px}
.ficha{background:var(--blanco);border:1px solid var(--borde);border-radius:14px;
       overflow:hidden;display:flex;flex-direction:column;
       transition:transform .15s, box-shadow .15s}
.ficha:hover{transform:translateY(-3px);box-shadow:0 14px 34px rgba(16,20,28,.1)}
.ficha.destacada{grid-column:1/-1;flex-direction:row;min-height:280px}
.ficha.destacada .ficha-imagen{flex:1.2}
.ficha.destacada .ficha-cuerpo{flex:1;display:flex;flex-direction:column;
                               justify-content:center}
.ficha.destacada h2{font-size:30px}
.ficha-imagen{display:block}
.ficha-imagen img{width:100%;height:200px;object-fit:cover;display:block}
.ficha.destacada .ficha-imagen img{height:100%;min-height:280px}
.ficha-cuerpo{padding:22px 24px 24px}
.meta{font:12.5px "Segoe UI",sans-serif;text-transform:uppercase;letter-spacing:.1em;
      color:var(--texto-suave);margin-bottom:8px}
.ficha h2{font-size:22px;line-height:1.3;margin-bottom:10px;letter-spacing:-.01em}
.ficha h2 a{color:var(--tinta)}
.extracto{font-size:15.5px;color:#555b66;margin-bottom:14px}
.leer{font:600 14px "Segoe UI",sans-serif}

/* ---------- Paginación ---------- */
.paginacion{display:flex;gap:8px;justify-content:center;margin-top:40px;
            font:15px "Segoe UI",sans-serif}
.paginacion a{display:grid;place-items:center;width:38px;height:38px;border-radius:50%;
              background:var(--blanco);border:1px solid var(--borde);color:var(--texto)}
.paginacion a:hover{border-color:var(--acento);text-decoration:none}
.paginacion a.actual{background:var(--tinta);color:#fff;border-color:var(--tinta)}

/* ---------- Artículo ---------- */
.articulo{max-width:720px;margin:0 auto}
.articulo h1{font-size:38px;line-height:1.2;letter-spacing:-.02em;color:var(--tinta);
             margin-bottom:24px}
.portada{width:100%;border-radius:14px;margin-bottom:28px}
.prosa p{margin-bottom:18px}
.prosa h2{font-size:27px;margin:30px 0 14px;color:var(--tinta);letter-spacing:-.01em}
.prosa h3{font-size:21px;margin:24px 0 10px;color:var(--tinta)}
.prosa ul,.prosa ol{margin:0 0 18px 26px}
.prosa li{margin-bottom:6px}
.prosa img{max-width:100%;border-radius:10px;margin:10px 0}
.prosa blockquote{border-left:3px solid var(--acento);padding:8px 22px;margin:22px 0;
                  font-style:italic;color:var(--texto-suave)}
.prosa pre{background:var(--tinta);color:#dde2ec;border-radius:10px;padding:18px 20px;
           overflow-x:auto;font:14px/1.6 ui-monospace,Consolas,monospace;margin:0 0 18px}
.prosa code{font-family:ui-monospace,Consolas,monospace;font-size:.92em}
.prosa hr{border:0;border-top:1px solid var(--borde);margin:30px 0}
.volver-inicio{margin-top:38px;font:14.5px "Segoe UI",sans-serif}

/* ---------- Vacío / 404 ---------- */
.vacio{text-align:center;padding:70px 20px}
.vacio h2{font-size:26px;color:var(--tinta);margin-bottom:10px}
.vacio p{color:var(--texto-suave)}
.error404{font:800 96px/1 "Segoe UI",sans-serif;color:var(--borde);letter-spacing:-.04em}

/* ---------- Pie ---------- */
.pie{border-top:1px solid var(--borde);padding:26px 0;
     font:14px "Segoe UI",sans-serif;color:var(--texto-suave)}
.pie .ancho{display:flex;justify-content:space-between;gap:14px;flex-wrap:wrap}

/* ---------- Responsivo ---------- */
@media (max-width:760px){
  .ficha.destacada{flex-direction:column}
  .ficha.destacada .ficha-imagen img{min-height:200px;height:200px}
  .articulo h1{font-size:29px}
  .buscar{width:100%}
  .buscar input{width:100%}
  .buscar input:focus{width:100%}
}