/* ================================
   AJUSTES GENERALES DE TÍTULOS
================================ */

/* Franja completa del título de páginas */
.wp-block-post-title,
.entry-title,
h1 {
  background-color: transparent !important;
  text-align: center !important;
  margin: 0 !important;
}

/* Contenedor del título */
.wp-site-blocks main > .wp-block-group:first-child,
.wp-site-blocks main header,
.wp-block-template-part + main > .wp-block-group:first-child {
  background-color: #d8d2c0 !important;
  width: 100% !important;
  max-width: none !important;
  padding: 80px 20px !important;
  box-sizing: border-box !important;
}

/* Evita que el título quede en una caja pequeña */
.wp-site-blocks main > .wp-block-group:first-child > *,
.wp-site-blocks main header > * {
  max-width: 100% !important;
}


/* ================================
   HERO ESCUELA POPULAR CAMPESINA
================================ */

.hero-escuela {
  padding-top: 95px !important;
  padding-bottom: 110px !important;
  text-align: center !important;
  background: #d8d5c6 !important;
}

/* Frase superior */
.hero-escuela p:first-child {
  font-size: 14px !important;
  letter-spacing: 3px !important;
  font-weight: 700 !important;
  color: #4b5a32 !important;
  text-transform: uppercase !important;
  margin-bottom: 18px !important;
}

/* Título principal */
.hero-escuela h1,
.hero-escuela h2 {
  font-size: 48px !important;
  line-height: 1.1 !important;
  letter-spacing: 3px !important;
  font-weight: 700 !important;
  color: #111 !important;
  margin-top: 18px !important;
  margin-bottom: 24px !important;
}

/* Texto descripción */
.hero-escuela p {
  max-width: 760px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  font-size: 18px !important;
  line-height: 1.65 !important;
  color: #222 !important;
}

/* Botón */
.hero-escuela .wp-block-button__link {
  background: #111 !important;
  color: #fff !important;
  padding: 15px 34px !important;
  border-radius: 8px !important;
  font-weight: 700 !important;
  letter-spacing: .5px !important;
  margin-top: 18px !important;
  width: auto !important;
  min-width: 260px !important;
  max-width: 320px !important;
}

/* Botón hover */
.hero-escuela .wp-block-button__link:hover {
  background: #4b5a32 !important;
}

/* Separación con la imagen inferior */
.hero-escuela + * {
  margin-top: 45px !important;
}


/* ================================
   IMAGEN INFERIOR
================================ */

.hero-escuela + figure,
.hero-escuela + .wp-block-image {
  margin-top: 45px !important;
  border-radius: 18px !important;
  overflow: hidden !important;
}

.hero-escuela + figure img,
.hero-escuela + .wp-block-image img {
  border-radius: 18px !important;
  width: 100% !important;
  object-fit: cover !important;
}


/* ================================
   RESPONSIVE CELULAR
================================ */

@media (max-width: 768px) {
  .hero-escuela {
    padding-top: 70px !important;
    padding-bottom: 80px !important;
    padding-left: 20px !important;
    padding-right: 20px !important;
  }

  .hero-escuela p:first-child {
    font-size: 12px !important;
    letter-spacing: 2px !important;
  }

  .hero-escuela h1,
  .hero-escuela h2 {
    font-size: 34px !important;
    letter-spacing: 2px !important;
  }

  .hero-escuela p {
    font-size: 16px !important;
  }

  .hero-escuela .wp-block-button__link {
    min-width: 220px !important;
    max-width: 280px !important;
    padding: 13px 24px !important;
  }
}
/* Fondo con imagen solo para la página ¿Quiénes somos? */
body.page-slug-about,
body.page-slug-about .wp-site-blocks,
body.page-slug-about main {
  background-image: url("https://fundacionescuelapopularcampesina.com/wp-content/uploads/2026/05/81998953-fbcc-45ca-a0de-9fab0294fcb2-1.png") !important;
  background-size: cover !important;
  background-position: center center !important;
  background-repeat: no-repeat !important;
  background-attachment: fixed !important;
}

/* Caja clara para que el texto se lea bien */
body.page-slug-about .wp-block-group {
  background: rgba(255, 255, 255, 0.78) !important;
  border-radius: 24px !important;
  padding: 40px !important;
  box-shadow: 0 15px 35px rgba(0,0,0,0.12) !important;
}

/* Mejorar imagen principal */
body.page-slug-about .wp-block-image img {
  border-radius: 18px !important;
  box-shadow: 0 10px 28px rgba(0,0,0,0.18) !important;
}

/* Mejorar lectura del texto */
body.page-slug-about p {
  font-size: 18px !important;
  line-height: 1.7 !important;
  color: #222 !important;
}
/* Fondo general con imagen */
/* Fondo solo para página ¿Quiénes somos? */
body.page-id-1,
body.page-id-1 .wp-site-blocks,
body.page-id-1 main {
  background-image: url("https://fundacionescuelapopularcampesina.com/wp-content/uploads/2026/05/81998953-fbcc-45ca-a0de-9fab0294fcb2-1.png") !important;
  background-size: cover !important;
  background-position: center center !important;
  background-repeat: no-repeat !important;
  background-attachment: fixed !important;
}
/* ==============================
   TÍTULOS PRINCIPALES DE PÁGINAS
================================ */

.wp-block-post-title,
.entry-title,
h1 {
  font-family: "Georgia", serif !important;
  font-size: 48px !important;
  font-weight: 500 !important;
  letter-spacing: 1px !important;
  color: #1f1f1f !important;
  text-align: center !important;
  line-height: 1.2 !important;
}
/* ==============================
   FONDO CON IMAGEN EN FRANJA DE TÍTULOS
================================ */

.wp-site-blocks main > .wp-block-group:first-child,
.wp-site-blocks main header,
.wp-block-template-part + main > .wp-block-group:first-child {
  background-image: url("https://fundacionescuelapopularcampesina.com/wp-content/uploads/2026/05/9a4fe88a-3dbe-47a3-b4aa-9af0f27a9ae1.png") !important;
  background-size: cover !important;
  background-position: center center !important;
  background-repeat: no-repeat !important;
  padding: 100px 20px !important;
  margin-bottom: 0 !important;
}
/* Quitar espacio entre menú superior y franja del título */
.wp-site-blocks main {
  margin-top: 0 !important;
  padding-top: 0 !important;
}

.wp-site-blocks main > .wp-block-group:first-child,
.wp-site-blocks main header,
.wp-block-template-part + main > .wp-block-group:first-child {
  margin-top: 0 !important;
}
/* Borde elegante para franja de títulos */
.wp-site-blocks main > .wp-block-group:first-child,
.wp-site-blocks main header,
.wp-block-template-part + main > .wp-block-group:first-child {
  border-top: 1px solid rgba(120, 100, 70, 0.25) !important;
  border-bottom: 3px solid rgba(120, 100, 70, 0.35) !important;
  box-shadow: inset 0 -8px 18px rgba(0,0,0,0.04) !important;
}

/* ================================
   HEADER RESPONSIVE CELULAR
   No modifica el diseño principal de PC
================================ */

@media (max-width: 768px) {

  /* Ordena el header en celular */
  .wp-site-blocks > header,
  .wp-block-template-part header {
    padding: 16px 12px !important;
  }

  /* Centra logo, título y menú */
  .wp-site-blocks > header .wp-block-group,
  .wp-block-template-part header .wp-block-group {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    text-align: center !important;
    gap: 8px !important;
  }

  /* Logo más pequeño */
  .wp-block-site-logo img {
    max-width: 68px !important;
    height: auto !important;
  }

  /* Nombre escuela */
  .wp-block-site-title,
  .wp-block-site-title a {
    font-size: 16px !important;
    line-height: 1.2 !important;
    text-align: center !important;
  }

  /* Menú en varias líneas */
  .wp-block-navigation__container {
    display: flex !important;
    flex-wrap: wrap !important;
    justify-content: center !important;
    gap: 8px 12px !important;
    width: 100% !important;
  }

  .wp-block-navigation-item {
    margin: 0 !important;
  }

  .wp-block-navigation a {
    font-size: 11.5px !important;
    line-height: 1.2 !important;
    white-space: normal !important;
    text-align: center !important;
  }
}
/* ================================
   FOOTER RESPONSIVE CELULAR FINAL
   Solo afecta teléfono/tablet
================================ */

@media (max-width: 768px) {

  /* Footer general */
  footer,
  .wp-site-blocks > footer,
  .wp-block-template-part footer {
    padding: 10px 10px !important;
    margin-top: 10px !important;
    text-align: center !important;
    overflow: hidden !important;
    box-sizing: border-box !important;
  }

  /* Caja interna del footer */
  footer .wp-block-group,
  .wp-site-blocks > footer .wp-block-group,
  .wp-block-template-part footer .wp-block-group {
    max-width: 100% !important;
    width: 100% !important;
    padding: 14px 10px !important;
    margin: 0 auto !important;
    box-sizing: border-box !important;

    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;

    gap: 6px !important;
    text-align: center !important;
  }

  /* Columnas del footer en una sola columna */
  footer .wp-block-columns,
  .wp-site-blocks > footer .wp-block-columns,
  .wp-block-template-part footer .wp-block-columns {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;

    gap: 8px !important;
    width: 100% !important;
    margin: 0 auto !important;
    padding: 0 !important;
    box-sizing: border-box !important;
  }

  footer .wp-block-column,
  .wp-site-blocks > footer .wp-block-column,
  .wp-block-template-part footer .wp-block-column {
    width: 100% !important;
    max-width: 100% !important;
    flex-basis: 100% !important;
    text-align: center !important;
    margin: 0 auto !important;
    padding: 0 !important;
    box-sizing: border-box !important;
  }

  /* Logo del footer */
  footer .wp-block-site-logo img,
  .wp-site-blocks > footer .wp-block-site-logo img,
  .wp-block-template-part footer .wp-block-site-logo img {
    max-width: 38px !important;
    height: auto !important;
    margin: 0 auto 3px auto !important;
    display: block !important;
  }

  /* Título footer */
  footer .wp-block-site-title,
  footer .wp-block-site-title a {
    font-size: 14px !important;
    line-height: 1.2 !important;
    text-align: center !important;
    margin: 3px 0 10px 0 !important;
    padding: 0 !important;
  }

  /* Títulos de columnas */
  footer h1,
  footer h2,
  footer h3,
  footer h4,
  footer strong {
    font-size: 14px !important;
    text-align: center !important;
    margin: 4px 0 5px 0 !important;
    padding: 0 !important;
    line-height: 1.2 !important;
  }

  /* Textos y enlaces */
  footer p,
  footer a,
  footer li {
    font-size: 11.5px !important;
    line-height: 1.25 !important;
    text-align: center !important;
    margin: 1px 0 !important;
    padding: 0 !important;
  }

  /* Listas */
  footer ul,
  footer ol {
    padding-left: 0 !important;
    margin: 0 !important;
    list-style: none !important;
  }

  /* Evita espacios grandes entre bloques */
  footer .wp-block-spacer {
    height: 8px !important;
  }
}
/* Centrar enlaces del menú del footer en celular */
@media (max-width: 768px) {

  footer .wp-block-navigation,
  footer .wp-block-navigation__container {
    width: 100% !important;
    justify-content: center !important;
    align-items: center !important;
    text-align: center !important;
  }

  footer .wp-block-navigation__container {
    display: flex !important;
    flex-direction: column !important;
    gap: 5px !important;
  }

  footer .wp-block-navigation-item {
    width: 100% !important;
    justify-content: center !important;
    text-align: center !important;
  }

  footer .wp-block-navigation-item a,
  footer .wp-block-navigation a {
    display: block !important;
    width: 100% !important;
    text-align: center !important;
  }
}
/* SOLO HERO DE LA PÁGINA DE INICIO */
body.home .wp-site-blocks main > .wp-block-group:first-child {
  background-image: url("https://fundacionescuelapopularcampesina.com/wp-content/uploads/2026/05/aaaaaaa.png") !important;
  background-size: cover !important;
  background-position: center center !important;
  background-repeat: no-repeat !important;
  background-color: transparent !important;
  position: relative !important;
  padding-top: 90px !important;
  padding-bottom: 90px !important;
}

/* Capa clara encima de la imagen para que el texto se lea */
body.home .wp-site-blocks main > .wp-block-group:first-child::before {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  background: rgba(255, 255, 255, 0.60) !important;
  z-index: 0 !important;
  pointer-events: none !important;
}

/* Texto encima del fondo */
body.home .wp-site-blocks main > .wp-block-group:first-child > * {
  position: relative !important;
  z-index: 1 !important;
}