/* ============================================================
   FOOTER PERUVIAN CITRUS — CSS
   Pega TODO esto en:  Apariencia → Personalizar → CSS Adicional
   (NO incluye etiquetas <style>, van solo las reglas)
============================================================ */

.pcf-footer {
  background: #1e5a1e;
  font-family: 'FiraSans-Regular', Arial, Helvetica, sans-serif;
  padding: 26px 40px;
  box-sizing: border-box;
  /* Ancho completo: rompe el contenedor de Astra (full-bleed) */
  margin-left: calc(50% - 50vw);
  margin-right: calc(50% - 50vw);
}
/* Quita el ancho máximo/padding del contenedor del footer de Astra */
.site-footer .ast-container,
.site-footer .ast-builder-grid-row-container-inner {
  max-width: 100% !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
}
.pcf-footer,
.pcf-footer * {
  box-sizing: border-box;
  color: #ffffff !important;   /* fuerza letras blancas sobre el tema */
}

.pcf-grid {
  display: flex;
  flex-wrap: wrap;
  gap: 30px;
  max-width: 1180px;
  margin: 0 auto;
  align-items: flex-start;
  justify-content: space-between;
}

/* Blindaje: WordPress (widget "HTML personalizado" de Astra) le aplica wpautop
   al contenido y a veces inserta <p>/<br> extra que no están en el HTML fuente
   (p.ej. entre los 2 logos, o antes de la imagen de redes sociales), generando
   espacios/gaps de más. Neutraliza esos casos sin tocar los <br> intencionales
   (los de "Conoce más de<br>Peruvian Citrus" y los de la dirección, que están
   DENTRO de <h4>/texto, no como hijos directos de estos contenedores). */
.pcf-footer p { margin: 0 !important; padding: 0 !important; }
.pcf-col-logos > br,
.pcf-wa > br { display: none !important; }

/* ---------- Columna logos ---------- */
.pcf-col-logos {
  flex: 0 0 auto;
  display: flex;
  flex-direction: row;
  gap: 22px;
  align-items: center;
}
.pcf-col-logos img { height: 50px; width: auto; display: block; }

/* ---------- Columna legales ---------- */
.pcf-col-legal {
  flex: 0 0 auto;
  display: flex !important;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 5px !important;
  text-align: center;
}
.pcf-col-legal a {
  text-decoration: none;
  font-size: 13px;
  line-height: 1.3 !important;
  margin: 0 !important;   /* anula el margen/espacio que Astra o el widget añaden */
  padding: 0 !important;
  transition: opacity .2s;
}
.pcf-col-legal a:hover { opacity: .75; }
/* por si el widget envuelve el texto en <p> o mete <br> */
.pcf-col-legal p { margin: 0 !important; padding: 0 !important; line-height: 1.3 !important; }
.pcf-col-legal br { display: none !important; }
.pcf-libro { margin-top: 6px !important; display: inline-block; }
.pcf-libro img { height: 52px; width: auto; display: block; }

/* ---------- Columna dirección ---------- */
.pcf-col-dir { flex: 0 0 auto; font-size: 13px; line-height: 1.45; }
.pcf-col-dir h4 { font-size: 14px; font-weight: 700; font-family: 'FiraSans-bold', Arial, Helvetica, sans-serif; margin: 0 0 4px; }
.pcf-col-dir .pcf-block { margin-bottom: 16px; }
.pcf-col-dir .pcf-block:last-child { margin-bottom: 0; }
.pcf-redes { height: 26px; width: auto; display: block; margin-top: 8px; }

/* ---------- Columna contacto ---------- */
.pcf-col-contact { flex: 0 0 auto; font-size: 13px; line-height: 1.4; }
.pcf-col-contact .pcf-block { margin-bottom: 14px; }
.pcf-col-contact .pcf-block:last-child { margin-bottom: 0; }
.pcf-col-contact h4 { font-size: 14px; font-weight: 700; font-family: 'FiraSans-bold', Arial, Helvetica, sans-serif; margin: 0 0 3px; }
.pcf-col-contact a { text-decoration: none; }
.pcf-col-contact a:hover { text-decoration: underline; }
.pcf-wa { display: inline-flex !important; align-items: center !important; gap: 7px !important; line-height: 1 !important; }
.pcf-wa img { width: 16px !important; height: 16px !important; display: block !important; flex-shrink: 0 !important; margin: 0 !important; vertical-align: middle; }

/* ---------- Responsive: 2 columnas (izq: Dirección+Contacto / der: Logos+Legales) ---------- */
@media (max-width: 768px) {
  .pcf-footer { padding: 34px 24px; }

  .pcf-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    column-gap: 16px;
    row-gap: 26px;
    text-align: left;
    align-items: start;
  }

  /* Columna izquierda: Dirección arriba, Contacto abajo */
  .pcf-col-dir     { grid-column: 1; grid-row: 1; width: auto; }
  .pcf-col-contact { grid-column: 1; grid-row: 2; width: auto; }

  /* Columna derecha: Logos arriba, Legales abajo */
  .pcf-col-logos {
    grid-column: 2;
    grid-row: 1;
    flex-direction: column !important;
    align-items: flex-start;
    justify-content: flex-start;
    gap: 14px;
  }
  .pcf-col-legal {
    grid-column: 2;
    grid-row: 2;
    align-items: flex-start !important;
    text-align: left;
  }
  .pcf-col-legal a { text-align: left; }
}