@import url('https://fonts.googleapis.com/css2?family=IBM+Plex+Mono:wght@400;500&family=IBM+Plex+Sans:wght@400;500;600;700&display=swap');

/* Paleta: verde en lugar del rosa, fondo blanco */
:root{
  --ast-global-color-0:#1E4B3C;
  --ast-global-color-1:#14332A;
  --ast-global-color-4:#FFFFFF;
}

/* Tipografia */
body, .site-title, .site-title a, h1, h2, h3, h4, h5, h6,
.ast-button, button, input, textarea, select,
.wp-block-button__link, .main-header-menu, .ast-header-button-1 {
  font-family: 'IBM Plex Sans', system-ui, -apple-system, 'Segoe UI', sans-serif;
}
.site-title, .site-title a { font-weight:600; letter-spacing:-0.01em; }

/* Cabecera */
.site-header, .ast-primary-header-bar { border-bottom:1px solid #E3E7E2; }

/* Pie de pagina */
.site-footer, .ast-small-footer, .site-primary-footer-wrap, .site-below-footer-wrap { background-color:#101714 !important; }
.site-footer, .site-footer a, .ast-small-footer, .ast-small-footer a, .site-below-footer-wrap, .site-below-footer-wrap a { color:#B9C4BE !important; }
.site-footer a:hover { color:#FFFFFF !important; }

/* Entradas recientes en la portada */
.wp-block-latest-posts.is-grid li { margin-bottom:0; }
.wp-block-latest-posts__post-title { font-size:20px; font-weight:600; line-height:1.3; letter-spacing:-0.014em; display:block; margin-top:14px; color:#101714; }
.wp-block-latest-posts__post-date { font-family:'IBM Plex Mono', ui-monospace, monospace; font-size:11.5px; letter-spacing:0.06em; text-transform:uppercase; color:#6B7A74; margin-top:10px; display:block; }
.wp-block-latest-posts__post-excerpt { font-size:15.5px; line-height:1.6; color:#5C6B65; margin-top:10px; }
.wp-block-latest-posts__featured-image img { border-radius:4px; }

/* Suscripcion */
.wp-block-jetpack-subscriptions__form input[type=email] { border:1px solid #C9D1CC !important; border-radius:4px !important; padding:15px 18px !important; font-size:15px !important; }
/* Titulares en sans, ganando a la tipografia del tema */
h1, h2, h3, h4, h5, h6, .wp-block-heading,
.entry-content h1, .entry-content h2, .entry-content h3, .entry-content h4,
.site-title, .site-title a, .wp-block-latest-posts__post-title {
  font-family: 'IBM Plex Sans', system-ui, -apple-system, sans-serif !important;
}

/* Imagenes */
.entry-content .wp-block-image img { border-radius: 6px; }

/* Entradas recientes: tarjetas parejas */
.wp-block-latest-posts__featured-image { display:block; }
.wp-block-latest-posts__featured-image img { width:100%; height:190px; object-fit:cover; border-radius:4px; }
.wp-block-latest-posts__post-excerpt { display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical; overflow:hidden; }

/* Boton de suscripcion */
.wp-block-jetpack-subscriptions button, .wp-block-jetpack-subscriptions__button, .wp-block-jetpack-subscriptions .wp-block-button__link {
  background-color:#1E4B3C !important; border-color:#1E4B3C !important; color:#FFFFFF !important; border-radius:4px !important; padding:15px 26px !important; font-weight:500 !important;
}

/* Contraste del pie */
.site-footer, .site-footer a, .ast-small-footer, .ast-small-footer a, .site-below-footer-wrap, .site-below-footer-wrap a { color:#C8D2CC !important; }

/* Movil */
@media (max-width: 781px){
  #areas .wp-block-columns > .wp-block-column:first-child { display:none; }
  #areas .wp-block-columns { padding-top:20px !important; padding-bottom:18px !important; row-gap:6px !important; }
  #areas .wp-block-columns > .wp-block-column { flex-basis:100% !important; }
  .wp-block-latest-posts__featured-image img { height:200px; }
  .wp-block-jetpack-subscriptions__form { flex-direction:column !important; }
  .wp-block-jetpack-subscriptions__form > * { width:100% !important; }
}

/* Cabecera en movil */
@media (max-width: 921px){
  .site-title, .site-title a { font-size:17px !important; line-height:1.25 !important; white-space:normal !important; }
  .ast-header-break-point .site-branding { flex:1 1 auto !important; min-width:0 !important; }
  .menu-toggle, .menu-toggle.ast-mobile-menu-trigger-fill, .ast-mobile-menu-trigger-fill,
  .ast-button-wrap .menu-toggle.ast-mobile-menu-trigger-minimal,
  .ast-mobile-header-wrap .menu-toggle { background-color:#1E4B3C !important; color:#FFFFFF !important; border-radius:4px !important; }
  .menu-toggle .ast-mobile-svg { fill:#FFFFFF !important; }
}

/* Titulares en movil */
@media (max-width: 781px){
  .entry-content h1 { font-size:32px !important; line-height:1.12 !important; }
  .entry-content h2 { font-size:26px !important; line-height:1.18 !important; }
  .entry-content h3 { font-size:21px !important; }
}
