/* Despertares - el fondo del mar visible bajo todo el contenido,
   como estaba en Coraline. Anadido el 30/08/2026. */
body.custom-background .site,
.site-header, .site-content, .site-main, .content-area,
.content-bottom-widgets, .sidebar, .widget-area, .site-footer,
.entry-content, .entry-summary, .comments-area,
.post, .page, .hentry, .widget {
  background: transparent !important;
}
@media screen and (min-width: 910px) {
  body.custom-background .site {
    max-width: 1180px !important;
    margin-left: auto !important;
    margin-right: auto !important;
    margin-top: 18px !important;
    margin-bottom: 40px !important;
    box-shadow: none !important;
  }
}
.custom-header-media img,
.header-image img { width: 100%; height: auto; }
.post-thumbnail img { width: 100%; height: auto; }

/* Pie de pagina: eliminar completamente creditos de WordPress, tema Twenty Sixteen y barra flotante Jetpack */
.site-info,
.site-footer .site-info,
#infinite-footer,
.infinite-footer,
.infinite-footer .container,
.infinite-footer .blog-info,
.infinite-footer .blog-credits,
#wpcom-footer,
.wpcom-footer,
.site-generator,
#site-generator,
.footer-credit,
#footer-credit {
  display: none !important;
  visibility: hidden !important;
  height: 0 !important;
  max-height: 0 !important;
  opacity: 0 !important;
  pointer-events: none !important;
  overflow: hidden !important;
  position: absolute !important;
  left: -9999px !important;
}

.site-footer {
  padding-top: 0 !important;
  padding-bottom: 1.5em !important;
}

/* ==========================================================================
   OPTIMIZACION TIPOGRAFICA Y ESCALA EDITORIAL DESPERTARES
   ========================================================================== */

/* 1. TITULOS DE ENTRADAS Y PAGINAS (H1) */
.entry-title {
  font-size: 1.375rem !important; /* 22px en movil */
  line-height: 1.3 !important;
  margin-bottom: 0.75em !important;
  letter-spacing: -0.01em;
}

@media screen and (min-width: 44.375em) {
  .entry-title {
    font-size: 1.625rem !important; /* 26px en tablet */
    line-height: 1.3 !important;
    margin-bottom: 0.75em !important;
  }
}

@media screen and (min-width: 61.5625em) {
  .entry-title {
    font-size: 1.875rem !important; /* 30px en escritorio */
    line-height: 1.3 !important;
    margin-bottom: 0.85em !important;
  }
}

/* 2. ENCABEZADOS DE CONTENIDO (H2 y H3) */
.entry-content h2,
.entry-summary h2 {
  font-size: 1.35rem !important; /* ~21.5px */
  line-height: 1.35 !important;
  margin-top: 1.5em !important;
  margin-bottom: 0.6em !important;
}

@media screen and (min-width: 61.5625em) {
  .entry-content h2,
  .entry-summary h2 {
    font-size: 1.5rem !important; /* 24px en escritorio */
  }
}

.entry-content h3,
.entry-summary h3 {
  font-size: 1.125rem !important; /* 18px */
  line-height: 1.4 !important;
  font-weight: 700 !important;
  margin-top: 1.3em !important;
  margin-bottom: 0.5em !important;
}

/* 3. MEJORA DEL INTERLINEADO EN PARRAFOS DE LECTURA */
.entry-content p {
  line-height: 1.75 !important;
  margin-bottom: 1.5em !important;
}

/* ==========================================================================
   COMPACTACION DE WIDGETS EN BARRA LATERAL
   ========================================================================== */
.sidebar .widget,
.widget-area .widget,
#secondary .widget {
  margin-bottom: 16px !important;
  padding-top: 10px !important;
  padding-bottom: 0 !important;
}

.widget-area {
  margin-bottom: 24px !important;
}

.widget .widget-title {
  margin-bottom: 8px !important;
}

.widget p,
.widget .textwidget,
.widget figure,
.widget .wp-block-image {
  margin-bottom: 8px !important;
}

.widget p:last-child,
.widget .textwidget p:last-child,
.widget figure:last-child,
.widget .wp-block-image:last-child {
  margin-bottom: 0 !important;
}