/* AAFA – capa de modernización. Cargar DESPUÉS de style.css */
:root{
  --bg:#f3f4f0; --surface:#fff; --ink:#12222e; --muted:#51616d; --sea:#1d6a86; --deep:#0f2a3d;
  --ochre:#b9791f; --line:#d3d8d2;
  --serif:"Spectral","Noto Serif",Georgia,"Times New Roman",serif; /* Noto cubre griego */
  --sans:"Public Sans","Noto Sans",system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;
}

/* Base global (html sigue en 62.5%: 1rem = 10px) */
html{scroll-behavior:smooth}
body{font-family:var(--sans);font-size:1.7rem;line-height:1.65;color:var(--ink);background:var(--bg)}
input,textarea,button{font-family:var(--sans)}
*:focus-visible{outline:3px solid var(--ochre)!important;outline-offset:3px} /* style.css lo anulaba */
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{animation:none!important;transition:none!important}}

/* Contenido de todas las páginas (#page queda fuera de la cabecera) */
#page h1,#page h2,#page h3,#page h4,#page h5,#page h6{font-family:var(--serif);font-weight:600;color:var(--deep);line-height:1.2}
#page p a,#page li a{color:var(--sea);text-underline-offset:.2em}
#page p a:hover,#page li a:hover{color:var(--ochre)}
#page .short_headline span{border-bottom-color:var(--ochre)}

/* Cabecera y menú (sólo tipografía y detalle; el layout sigue en header-1.css) */
.header{border-bottom:3px solid var(--ochre)}
.primary_menu a{font-family:var(--sans);font-weight:500}
#logo em{font-family:var(--serif);font-weight:600}

/* Pie */
#footer{background:var(--deep);border-top:3px solid var(--ochre);color:#d8e2e6}
#footer a{color:#a8d8e8}
#footer h4{font-family:var(--serif);color:#fff;border-bottom-color:rgba(255,255,255,.2)}

#footer .footerCredits{background:rgba(0,0,0,.22)}
#footer .footerCredits li,#footer .footerCredits a{color:#c5d3d9}
#footer input.c_input{border:1px solid rgba(255,255,255,.35);border-radius:3px;background:rgba(255,255,255,.08);color:#fff;box-shadow:none;height:auto;padding:.6em .8em}
#footer input.c_input::placeholder{color:#aab9c0}
#footer .btn-news{background:var(--ochre) none;border:1px solid var(--ochre);color:#000;font-weight:600;text-shadow:none;box-shadow:none}
#footer .btn-news:hover{background:#d39532 none;border-color:#d39532;color:#000}
.h-sr{position:absolute;left:-9999px}

/* Botón volver arriba */
.backToTop a{background-color:var(--deep);border-radius:50%}
.backToTop a:hover{background-color:var(--ochre)}

/* ===== Portada: slider (lo maneja lemmon-slider) y tarjetas ===== */
.lemmon-slider .summary h3{font-family:var(--serif);font-weight:600}
.index main .row-fluid{padding:clamp(20px,4vw,40px) 0}
.index main .span4>a{display:block;text-decoration:none;color:var(--ink)}
.index main .span4>a p{color:var(--muted);max-width:62ch}
.index main .span4>a:hover .short_headline,
.index main .span4>a:focus-visible .short_headline{color:var(--sea)}
.index main .span4>a:hover .short_headline span{border-bottom-color:var(--sea)}