/*
Theme Name: Splendor Veritatis
Theme URI: https://monasterioaysen.cl
Author: Schola Veritatis
Description: Tema de blog para Schola Veritatis, Monasterio Nuestra Señora de Aysén (Patagonia chilena). Traducción a WordPress del diseño aprobado "Splendor Veritatis".
Version: 1.0
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: splendor-veritatis
*/

:root{
  --celeste:#F7FAFD;
  --navy:#2C4A6E;
  --navy-profundo:#233C5B;
  --navy-suave:#4E6B8A;
  --sky:#8AADCD;
  --gold:#B8966B;
  --linea:#D9E4EF;
  --blanco:#FFFFFF;
  --debian-sans: Arial, Helvetica, 'Liberation Sans', 'DejaVu Sans', sans-serif;
}
*{box-sizing:border-box;margin:0;padding:0}
body{
  font-family:var(--debian-sans);
  background:var(--celeste);
  color:var(--navy);
  line-height:1.65;
  font-size:17px;
}
a{color:var(--navy);text-decoration:none;transition:color .2s ease,border-color .2s ease}
a:hover{color:var(--gold)}
a:focus-visible{outline:2px solid var(--gold);outline-offset:3px}

/* ===== Cabecera ===== */
.masthead{text-align:center;padding:52px 20px 0}
.logo-schola{width:84px;height:auto;display:block;margin:0 auto 14px}
@media (prefers-reduced-motion:reduce){
  *{transition:none!important}
}
.masthead h1{
  font-family:"Manufacturing Consent",serif;
  font-weight:400;
  font-size:clamp(2.1rem,5vw,3rem);
  letter-spacing:.03em;
  color:var(--navy-profundo);
}
.masthead .lema{
  font-size:.85rem;
  letter-spacing:.22em;
  text-transform:uppercase;
  color:var(--gold);
  margin-top:8px;
}
.masthead .filete{
  width:130px;height:7px;margin:24px auto 0;
  border-top:1px solid var(--gold);
  border-bottom:1px solid var(--gold);
}

/* ===== Estructura ===== */
.contenedor{
  max-width:1080px;margin:0 auto;
  padding:52px 24px 80px;
  display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:60px;
}
@media (max-width:880px){
  .contenedor{grid-template-columns:1fr;gap:52px;padding-top:40px}
}

/* ===== Columna central ===== */
.ceja{
  font-size:.75rem;letter-spacing:.22em;text-transform:uppercase;
  color:var(--gold);margin-bottom:10px;
}
.destacado h2,.destacado h1{
  font-family:var(--debian-sans);font-weight:400;
  font-size:clamp(1.7rem,3.4vw,2.35rem);line-height:1.22;
  color:var(--navy-profundo);
}
.destacado h2 a,.entrada h3 a{color:inherit}
.destacado h2 a:hover,.entrada h3 a:hover{color:var(--gold)}
.meta{font-size:.85rem;font-style:italic;color:var(--navy-suave);margin:10px 0 24px}
.meta b{font-style:normal;font-weight:600;color:var(--navy)}
.destacado p:not(.ceja):not(.meta){margin-bottom:1em}
.capitular::first-letter{
  font-family:var(--debian-sans);
  float:left;
  font-size:3.6em;line-height:.82;
  padding:.05em .14em 0 0;
  color:var(--gold);
}
.leermas{
  font-size:.78rem;letter-spacing:.18em;text-transform:uppercase;
  color:var(--navy);border-bottom:1px solid var(--gold);
  padding-bottom:2px;
}
.leermas:hover{color:var(--gold)}

.separador{display:flex;align-items:center;gap:18px;margin:46px 0;color:var(--gold)}
.separador::before,.separador::after{content:"";flex:1;border-top:1px solid var(--linea)}

.entrada{margin-bottom:40px}
.entrada h3{
  font-family:var(--debian-sans);font-weight:400;
  font-size:1.4rem;line-height:1.25;color:var(--navy-profundo);
}
.entrada .meta{margin:6px 0 12px}
.entrada p:not(.ceja):not(.meta){margin-bottom:12px}
.archivo-enlace{margin-top:8px}

/* ===== Lateral ===== */
.lateral h4{
  font-size:.8rem;letter-spacing:.22em;text-transform:uppercase;font-weight:600;
  color:var(--navy-profundo);
  padding-bottom:10px;margin-bottom:16px;
  border-bottom:1px solid var(--gold);
}
.bloque{margin-bottom:46px}
.bloque:last-child{margin-bottom:0}

.comentador{
  display:flex;gap:14px;align-items:flex-start;
  padding:14px 0;border-bottom:1px solid var(--linea);
}
.comentador:last-child{border-bottom:none;padding-bottom:0}
.avatar,img.avatar{
  width:46px;height:46px;border-radius:50%;flex-shrink:0;
  background:var(--blanco);border:1px solid var(--sky);
  color:var(--navy);object-fit:cover;
  font-family:var(--debian-sans);font-size:1rem;
  display:flex;align-items:center;justify-content:center;
}
.comentador .nombre{font-weight:600;font-size:.95rem;line-height:1.35}
.comentador .titulo{font-style:italic;font-size:.9rem;line-height:1.45;margin-top:2px}

.lista{list-style:none}
.lista li{
  display:flex;justify-content:space-between;gap:12px;
  padding:8px 0;border-bottom:1px solid var(--linea);
  font-size:.95rem;
}
.lista li:last-child{border-bottom:none}
.lista .n{color:var(--navy-suave);font-size:.85rem;font-style:italic}
.chico{font-size:.9rem}

/* ===== Pie ===== */
.pie{
  background:var(--navy);color:var(--celeste);
  text-align:center;padding:46px 24px 54px;font-size:.9rem;
}
.pie .cruzpie{color:var(--gold);font-size:1.25rem;display:block;margin-bottom:12px}
.pie p{margin-bottom:6px}
.pie a{color:var(--celeste);border-bottom:1px solid var(--gold)}
.pie a:hover{color:var(--gold)}
.pie .nota{margin-top:14px;font-size:.8rem;font-style:italic;color:#BFD3E6}

/* ===== Paginación (no presente en el prototipo, necesaria para el listado real) ===== */
.paginacion{
  display:flex;justify-content:space-between;gap:20px;margin-top:20px;
  padding-top:20px;border-top:1px solid var(--linea);
  font-size:.8rem;letter-spacing:.1em;text-transform:uppercase;
}

/* ===== Comentarios (no presentes en el prototipo, necesarios para la funcionalidad) ===== */
.comentarios{margin-top:56px}
.comentarios h4{
  font-family:var(--debian-sans);font-weight:400;font-size:1.4rem;
  color:var(--navy-profundo);margin-bottom:20px;
}
.lista-comentarios{list-style:none}
.lista-comentarios .comment{
  display:flex;gap:14px;align-items:flex-start;
  padding:16px 0;border-bottom:1px solid var(--linea);
}
.lista-comentarios .avatar{width:40px;height:40px}
.comentario-cuerpo .autor{font-weight:600;font-size:.95rem}
.comentario-cuerpo .fecha{font-size:.8rem;font-style:italic;color:var(--navy-suave);margin-bottom:6px}
.comentario-pendiente{font-size:.8rem;font-style:italic;color:var(--gold)}
.comment-respond{margin-top:32px}
.comment-form label{display:block;font-size:.8rem;letter-spacing:.08em;text-transform:uppercase;margin-bottom:6px}
.comment-form input[type=text],.comment-form input[type=email],.comment-form input[type=url],.comment-form textarea{
  width:100%;padding:10px 12px;margin-bottom:16px;border:1px solid var(--linea);
  background:var(--blanco);color:var(--navy);font-family:inherit;font-size:.95rem;
}
.comment-form textarea{min-height:130px}
.comment-form input[type=submit]{
  font-size:.78rem;letter-spacing:.18em;text-transform:uppercase;
  color:var(--navy);background:var(--blanco);border:1px solid var(--gold);
  padding:10px 22px;cursor:pointer;
}
.comment-form input[type=submit]:hover{color:var(--blanco);background:var(--gold)}

/* ===== Imagen destacada y vídeos incrustados (no presentes en el prototipo, necesarios para publicar entradas con imagen/vídeo) ===== */
.imagen-destacada{display:block;margin:20px 0 28px}
.imagen-destacada img{
  width:100%;height:auto;display:block;
  border:1px solid var(--linea);
}
.imagen-destacada-chica{margin:14px 0 18px}
.destacado .wp-block-embed,.entrada .wp-block-embed{margin:20px 0}
.destacado iframe,.entrada iframe{max-width:100%}

/* ===== Buscador (no presente en el prototipo, necesario para search.php/404.php) ===== */
.buscador{display:flex;gap:0}
.buscador input[type=text]{
  flex:1;padding:10px 12px;border:1px solid var(--linea);border-right:none;
  background:var(--blanco);color:var(--navy);font-family:inherit;font-size:.95rem;
}
.buscador input[type=submit]{
  font-size:.78rem;letter-spacing:.14em;text-transform:uppercase;
  color:var(--navy);background:var(--blanco);border:1px solid var(--gold);
  padding:10px 18px;cursor:pointer;
}
.buscador input[type=submit]:hover{color:var(--blanco);background:var(--gold)}
.screen-reader-text{position:absolute;left:-9999px}