/* ================================
   Sección Facebook embebido
   ================================ */

#facebook-section {
  display: flex;
  justify-content: stretch;   /* 🔹 Alinea el iframe a la izquierda */
  align-items: stretch;
  padding: 5px;
  background: linear-gradient(145deg, #e36f8c 0%, #BF9B30 100%);
  border-radius: 8px;
  box-shadow: 0 4px 15px rgba(0,0,0,0.15);
  overflow: hidden;
  margin: 5px auto;
  width: 100%;
  max-width: 100%;
}

/* Estilo del iframe */
#facebook-section iframe {
  width: 500px;                 /* 🔹 Mantiene proporción de Facebook */
  max-width: 100%;              /* Se ajusta si el contenedor es más pequeño */
  height: 800px;                /* Altura generosa para ver todo el feed */
  border: none;
  border-radius: 6px;
  background: #fff;
  align-self: flex-start;       /* 🔹 Se queda arriba a la izquierda */
}

/* Responsivo */
@media (max-width: 992px) {
  #facebook-section {
    justify-content: center;    /* 🔹 En pantallas medianas, centramos */
  }
  #facebook-section iframe {
    width: 100%;
    height: 650px;
  }
}