/* ============================================================
   Estilos compartidos por todas las fichas de santos (Dies Sancti)
   Lo único que NO está aquí es la cabecera (varía según la técnica
   usada: imagen única generada, o marco de códice por capas).
   ============================================================ */

.pagina-wrap{
  padding:30px 3vw 10px;
  display:flex;
  justify-content:center;
}

.cuerpo-wrap{
  display:flex; justify-content:center;
  padding:0 5vw 90px;
}
.cuerpo-articulo{
  width:min(760px, 92vw);
  background:var(--marfil);
  box-shadow:0 18px 34px rgba(42,31,20,0.15);
  border:1px solid rgba(184,134,11,0.4);
  padding:50px clamp(24px,6vw,60px) 56px;
}

.indice{
  text-align:center;
  margin:0 0 26px;
}
.indice a{
  display:inline-block;
  font-size:13px; letter-spacing:1px; text-transform:uppercase;
  color:var(--patron); border-bottom:1px dotted rgba(90,74,58,0.5);
  margin:0 11px 8px;
}
.indice a:hover{color:var(--granate); border-bottom-color:var(--granate);}

.atributo-ficha{
  text-align:center;
  font-size:14px; color:var(--dorado);
  margin:0 0 30px;
  padding-bottom:22px;
  border-bottom:1px solid rgba(184,134,11,0.3);
}
.atributo-ficha .etiqueta-arte{
  text-transform:uppercase; letter-spacing:1.5px; font-size:12px;
  color:var(--patron); margin-right:8px;
}

.volver{
  display:block; max-width:880px; margin:26px auto 0; padding:0 5vw;
  font-size:14px; letter-spacing:1px; color:rgba(245,239,224,0.75);
}
.volver:hover{color:var(--dorado-claro);}

/* ---------- Cuerpo del artículo ---------- */
article{padding:10px 0 20px;}
article section{margin-bottom:8px;}
.sep-seccion{
  display:flex; align-items:center; justify-content:center;
  gap:10px; margin:30px 0 36px;
}
.sep-seccion span{width:70px; height:1px; background:linear-gradient(to right, transparent, rgba(184,134,11,0.6), transparent);}
.sep-seccion i{
  width:6px;height:6px; border:1px solid var(--dorado);
  transform:rotate(45deg); flex-shrink:0;
}
article h2{
  font-family:'EB Garamond',serif; font-weight:500;
  letter-spacing:2.5px; text-transform:uppercase;
  color:var(--granate); font-size:16px; margin-bottom:16px;
  display:flex; align-items:center;
}
article h2 svg{width:19px; height:19px; flex-shrink:0; overflow:visible; margin-right:11px;}
article h2 svg *{fill:none; stroke:var(--dorado); stroke-width:1.4; stroke-linecap:round; stroke-linejoin:round;}
article p{
  font-size:19px; color:var(--oscuro); margin-bottom:14px;
}
article ul{list-style:none; margin:0 0 14px 4px;}
article li{padding-left:22px; position:relative; font-size:19px; color:var(--oscuro); margin-bottom:10px;}
article li::before{
  content:"◆";
  position:absolute; left:0; top:2px;
  color:var(--dorado); font-size:10px;
}
article strong{
  font-weight:normal;
  font-variant:small-caps;
  letter-spacing:0.5px;
  color:var(--granate);
  font-style:normal;
}

.primera-seccion > p:first-of-type::first-letter,
.letra-capital > p::first-letter{
  font-family:'Cinzel',serif;
  font-size:64px;
  color:var(--dorado);
  float:left;
  line-height:0.8;
  padding-right:10px;
  padding-top:6px;
}

.cita-destacada{
  position:relative;
  text-align:center;
  padding:8px 30px 4px;
  margin-bottom:6px;
}
.cita-destacada::before{
  content:"\201C";
  display:block;
  font-family:'Cinzel',serif;
  font-size:56px;
  color:var(--dorado);
  line-height:0.5;
  margin-bottom:8px;
}
.cita-destacada p{
  font-family:'EB Garamond',serif;
  font-style:italic;
  font-size:23px;
  color:var(--oscuro);
  line-height:1.5;
}

.escena{
  margin:22px 0 18px;
  text-align:center;
}
.escena img{
  width:100%;
  display:block;
  border:1px solid var(--dorado);
  outline:4px solid var(--marfil);
  outline-offset:-5px;
  box-shadow:0 10px 26px rgba(42,31,20,0.22);
}
.escena p{
  font-style:italic; font-size:14px; color:var(--patron);
  margin-top:12px; margin-bottom:0 !important;
}

.omitido{
  font-style:italic; color:var(--patron); font-size:17px;
  border-left:2px solid var(--dorado); padding-left:16px;
}

.oracion{
  text-align:center; padding:32px 6vw; margin:8px 0 0;
  background:rgba(184,134,11,0.07);
  border-top:1px solid rgba(184,134,11,0.35);
  border-bottom:1px solid rgba(184,134,11,0.35);
}
.oracion .etiqueta{margin-bottom:16px; display:flex; align-items:center; justify-content:center;}
.oracion .etiqueta svg{width:17px;height:17px; margin-right:8px;}
.oracion .etiqueta svg *{fill:none; stroke:var(--dorado); stroke-width:1.4; stroke-linecap:round;}
.oracion p{
  font-style:italic; font-size:21px; color:var(--granate);
  max-width:520px; margin:0 auto;
}

.fuentes{text-align:center; font-size:13px; color:var(--patron); padding-bottom:6px;}

.cta-final{text-align:center; padding:10px 0 6px;}