/* ==========================================================
   rincones.css  -  Hoja de estilo de la seccion RINCONES
   Ubicacion: rincones/rincones.css
   Paleta A: burdeos y crema.
   Para cambiar los colores, modifique solo las variables
   de la seccion :root (y las de cada rincon mas abajo).
   ========================================================== */
:root{
  --burdeos:#800000;      /* titulos y enlaces */
  --burdeos-oscuro:#5e0000;
  --crema:#FBF6EE;        /* fondo de la pagina */
  --papel:#FFFFFF;        /* fondo de tarjetas y cajas */
  --ocre:#B8860B;         /* adornos: filetes y bordes */
  --borde:#E6D9C2;
  --texto:#2B2320;
  --suave:#6B5E55;
  --acento:var(--burdeos);/* cada rincon cambia este color */
}
body.historico{--acento:#8B3A1A;}   /* siena */
body.literario{--acento:#6A3D6E;}   /* ciruela */
body.patrimonio{--acento:#3F5E3A;}  /* verde oliva */

*{box-sizing:border-box;}
html{-webkit-text-size-adjust:100%;}
body{margin:0;background:var(--crema);color:var(--texto);
  font-family:Verdana,Arial,Helvetica,sans-serif;font-size:1rem;line-height:1.6;}
img{max-width:100%;height:auto;}
a{color:var(--acento);}
a:hover,a:focus{color:var(--burdeos-oscuro);}

/* ---------- Cabecera y navegacion ---------- */
.cabecera{background:var(--papel);border-bottom:3px solid var(--ocre);padding:.6rem 1rem .5rem;}
.cabecera .logo{display:inline-block;line-height:0;}
.rnav{display:flex;flex-wrap:wrap;gap:.35rem;margin-top:.55rem;}
.rnav a{display:inline-block;padding:.4rem .8rem;border:1px solid var(--borde);border-radius:999px;
  background:var(--crema);color:var(--burdeos);text-decoration:none;font-size:.9rem;}
.rnav a:hover,.rnav a:focus{background:var(--burdeos);color:#fff;border-color:var(--burdeos);}
.rnav a[aria-current="page"]{background:var(--acento);border-color:var(--acento);color:#fff;font-weight:bold;}

/* ---------- Contenido ---------- */
.contenido{max-width:900px;margin:0 auto;padding:1.5rem 1rem 1rem;}
h1,h2{font-family:"Book Antiqua",Palatino,Georgia,serif;color:var(--acento);line-height:1.25;}
h1{font-size:1.9rem;margin:.2rem 0 .6rem;text-align:center;}
h1::after{content:"";display:block;width:90px;height:3px;background:var(--ocre);margin:.6rem auto 0;}
h2{font-size:1.3rem;margin:1.8rem 0 .7rem;}
.lema{text-align:center;font-weight:bold;color:var(--suave);margin:.2rem 0 1rem;}
.intro{font-size:1.05rem;max-width:720px;margin:1rem auto 1.5rem;}

/* ---------- Portada de Rincones ---------- */
.tarjetas{list-style:none;margin:0 0 1.2rem;padding:0;display:grid;gap:.8rem;grid-template-columns:1fr;}
.tarjetas li{background:var(--papel);border:1px solid var(--borde);border-left:6px solid var(--acento);border-radius:6px;}
.tarjetas li.historico{--acento:#8B3A1A;}
.tarjetas li.literario{--acento:#6A3D6E;}
.tarjetas li.patrimonio{--acento:#3F5E3A;}
.tarjetas a{display:block;padding:1rem 1.1rem;font-family:"Book Antiqua",Palatino,Georgia,serif;
  font-size:1.25rem;font-weight:bold;text-decoration:none;color:var(--acento);}
.tarjetas a:hover,.tarjetas a:focus{background:var(--crema);}
.nota,.contacto{text-align:center;font-size:.92rem;color:var(--suave);}

/* ---------- Indices de trabajos ---------- */
.trabajos{margin:0;padding:0 0 0 2.2rem;background:var(--papel);border:1px solid var(--borde);
  border-radius:6px;padding-top:.6rem;padding-bottom:.6rem;padding-right:1rem;}
.trabajos li{padding:.45rem 0;border-bottom:1px dotted var(--borde);}
.trabajos li:last-child{border-bottom:0;}
.trabajos li::marker{color:var(--acento);font-weight:bold;}
.trabajos a{font-weight:bold;}
.autor,.nota-obra{color:var(--suave);font-size:.92rem;}
.buscador{margin:0 0 .8rem;}
.buscador label{display:block;font-weight:bold;margin-bottom:.25rem;}
.buscador input{width:100%;padding:.6rem .7rem;font-size:1rem;border:1px solid var(--ocre);border-radius:6px;font-family:inherit;}
.buscador p{margin:.3rem 0 0;font-size:.9rem;color:var(--suave);}

/* ---------- Normas de envio ---------- */
.normas{margin-top:2rem;background:var(--papel);border:1px solid var(--borde);border-top:4px solid var(--ocre);
  border-radius:6px;padding:.2rem 1.1rem 1rem;}
.normas h2{margin-top:1rem;}
.normas ul{margin:0;padding-left:1.2rem;font-size:.95rem;}
.normas li{margin:.4rem 0;}

/* ---------- Articulos ---------- */
.articulo{max-width:760px;margin:0 auto;background:var(--papel);border:1px solid var(--borde);
  border-radius:6px;padding:1.3rem 1.2rem 1.6rem;font-size:1.02rem;line-height:1.75;}
.articulo h1{font-size:1.6rem;}
.articulo .sub{font-size:1.1rem;}
.seccion-art{margin:0;text-align:center;font-size:.85rem;text-transform:uppercase;letter-spacing:.08em;color:var(--suave);}
.autor-art{text-align:center;margin:.8rem 0 1rem;}
.pdf{text-align:right;font-size:.9rem;font-style:italic;margin:.2rem 0 1rem;}
.articulo p{margin:0 0 1rem;}
.articulo h2{margin-top:2rem;}
.articulo ul,.articulo ol{margin:0 0 1.2rem;padding-left:1.4rem;}
.articulo li{margin:.4rem 0;}
.articulo ol.letras{list-style:lower-alpha;}
.biblio{list-style:square;font-size:.95rem;line-height:1.55;}
.notas{margin:2rem 0 1rem;padding-top:.8rem;border-top:1px solid var(--borde);font-size:.9rem;line-height:1.55;color:var(--suave);}
.firma{text-align:right;font-weight:bold;margin-top:1.5rem;}
.pagina{text-align:center;margin:0 0 1rem;}
.pagina img{border:1px solid var(--borde);}

/* ---------- Elementos de los articulos historicos ---------- */
.cadena{text-align:center;font-size:1.05rem;margin:1.2rem 0;padding:.8rem;background:var(--crema);
  border:1px solid var(--borde);border-radius:6px;line-height:1.7;}
.cadena strong{color:var(--acento);letter-spacing:.03em;}
.cita{margin:1.2rem 0;padding:.6rem 1rem .1rem 1rem;border-left:4px solid var(--ocre);background:var(--crema);
  font-size:.97rem;line-height:1.65;border-radius:0 6px 6px 0;overflow:hidden;}
.cita p{margin:0 0 .8rem;}
.articulo img.izq,.articulo img.der{display:block;margin:1rem auto;padding:3px;background:#fff;border:1px solid var(--borde);}
ol.biblio{list-style:decimal;font-size:.95rem;line-height:1.55;}

/* ---------- Enlaces de retorno y pie ---------- */
.volver{text-align:center;margin:1.4rem 0 .5rem;font-size:.95rem;}
.pie{max-width:900px;margin:1rem auto 0;padding:1rem 1rem 2rem;border-top:1px solid var(--borde);
  text-align:center;font-size:.8rem;color:var(--suave);}
.pie p{margin:0;}

/* ---------- Tabletas y ordenadores ---------- */
@media (min-width:640px){
  .tarjetas{grid-template-columns:repeat(3,1fr);}
  .contenido{padding-top:2rem;}
  .articulo{padding:2rem 2.4rem 2.2rem;}
  h1{font-size:2.3rem;}
  .articulo h1{font-size:1.9rem;}
}
@media (min-width:640px){
  .articulo img.izq{float:left;margin:.3rem 1.2rem .8rem 0;}
  .articulo img.der{float:right;margin:.3rem 0 .8rem 1.2rem;}
}
@media print{
  .cabecera,.buscador,.volver,.normas{display:none;}
  body{background:#fff;}
  .articulo{border:0;padding:0;}
}

/* Figuras centradas dentro de un trabajo (prueba 3) */
.articulo p.fig{text-align:center;margin:1rem 0;}
.articulo p.fig img{border:1px solid var(--borde);padding:3px;background:#fff;}

/* Rincon literario: dialogos, versos, epigrafe y firma (prueba 3) */
.articulo .dialogo{margin:.2rem 0 .8rem 1.5rem;}
.articulo .verso{text-align:center;font-style:italic;margin:1rem 0;}
.articulo .epigrafe{text-align:right;color:var(--suave);margin:.5rem 0 1.5rem;}
.articulo .firma{text-align:right;margin-top:1.8rem;}
.articulo hr.separador{border:0;border-top:1px dotted var(--ocre);width:40%;margin:1.5rem auto;}

/* Rincon literario: nota bajo la firma (prueba 5) */
.articulo .nota-firma{text-align:right;font-size:.9rem;color:var(--suave);margin:.1rem 0 1rem;}