/* SLP · Capa de Manual de Marca 2.0 sobre las páginas existentes.
   Tipografía institucional (Libre Baskerville títulos / Source Sans 3 texto) y paleta verde–dorado. */
:root,:host{
  --font-sans:"Source Sans 3","Segoe UI",system-ui,-apple-system,sans-serif;
  --font-serif:"Libre Baskerville",Georgia,"Times New Roman",serif;
  --color-verde:#015D4C;
  --color-dorado:#D49724;
  --color-azul:#013C31;      /* antes azul violeta #1e194f: fuera de manual */
  --color-celeste:#D49724;   /* antes celeste #3f92b4: fuera de manual */
  --color-primary:#015D4C;
  --color-secondary:#D49724;
}
html,body{font-family:var(--font-sans)!important}
body *:not(svg):not(path):not(i){font-family:inherit}
h1,h2,h3,
.font-serif{font-family:var(--font-serif)!important;font-weight:400!important;letter-spacing:0!important;text-wrap:balance}
h1 strong,h2 strong,h3 strong{font-weight:700}
/* Botones y acentos violetas del tema anterior → verde institucional */
.bg-azul{background-color:#013C31!important}
.text-azul{color:#013C31!important}
.border-azul{border-color:#013C31!important}
.bg-indigo-600,.bg-indigo-700,.bg-primary{background-color:#015D4C!important}
.text-indigo-600,.text-primary{color:#015D4C!important}
/* Enlace "Recursos gratuitos" añadido a la navegación */
.slp-nav-recursos{color:inherit;text-decoration:none;font-weight:inherit}
.slp-nav-recursos:hover{color:#D49724}
/* Evita desbordes horizontales en móvil */
html,body{max-width:100%;overflow-x:clip}
/* Franja de recursos insertada en la portada */
.slp-recursos-band{background:linear-gradient(160deg,#015D4C,#08241E);color:#fff}
.slp-recursos-band .in{max-width:1180px;margin:0 auto;padding-inline:20px;padding-block:44px;display:grid;grid-template-columns:1.2fr .8fr;gap:28px;align-items:center}
.slp-recursos-band h2{color:#fff;font-size:clamp(24px,3vw,34px);line-height:1.2;margin:0 0 10px}
.slp-recursos-band p{color:#D7E5E0;margin:0;max-width:60ch;font-size:17px}
.slp-recursos-band .eyebrow{display:block;font-weight:700;font-size:13px;letter-spacing:.16em;text-transform:uppercase;color:#F2C66D;margin-bottom:10px}
.slp-recursos-band .acc{display:flex;flex-wrap:wrap;gap:12px;justify-content:flex-end}
.slp-btn{display:inline-flex;align-items:center;justify-content:center;font-weight:700;font-size:15px;border-radius:6px;padding:12px 18px;text-decoration:none;border:2px solid transparent}
.slp-btn.d{background:#D49724;color:#08241E}.slp-btn.d:hover{background:#F2C66D}
.slp-btn.o{border-color:#fff;color:#fff}.slp-btn.o:hover{background:rgba(255,255,255,.1)}
@media (max-width:760px){.slp-recursos-band .in{grid-template-columns:1fr}.slp-recursos-band .acc{justify-content:flex-start}}
/* Contactos: las tarjetas no deben salirse de la pantalla en móvil */
.contact-layout>*{min-width:0}
.contact-card{max-width:100%}
.contact-card a,.contact-card p{overflow-wrap:anywhere}
@media (max-width:640px){.contact-card{padding:1.5rem 1.25rem}}
/* Portada en tablet y celular: el carrusel queda detrás del texto, se usa fondo de marca sin titulares */
@media (max-width:1023px){
  .contenedor-slider .slide{background-image:url(/images/hero-fondo.webp)!important}
}
@media (max-width:1023px){.fondo-pr{top:calc(50% + 70px)!important}}
@media (max-width:639px){.fondo-pr{top:calc(50% + 110px)!important}}