/*
Theme Name: Astra Child
Theme URI: https://wpastra.com/
Description: Child theme de Astra
Author: Ángel
Template: astra
Version: 1.0.0
Text Domain: astra-child
*/

/* ——————————————————————————————
   Estilos globales del tema hijo
   —————————————————————————————— */

/* Amplía el ancho máximo del contenedor principal */
.ast-container {
  max-width: 1600px !important;
}

/* Ajustes específicos para el área vecinal */
#area-vecinal-app {
  max-width: 100% !important;
  width: 100%;
  padding: 24px;
}

/* Reajuste del grid de vídeos (para asegurar que no lo heredan estilos de Astra) */
.videos-grid {
  display: grid !important;
  grid-template-columns: repeat(auto-fill, minmax(260px, 1fr)) !important;
  gap: 20px !important;
  width: 100%;
}

/* Responsive refinado */
@media (min-width: 1600px) {
  .videos-grid {
    grid-template-columns: repeat(auto-fill, minmax(280px, 1fr)) !important;
  }
}

@media (max-width: 900px) {
  .videos-grid {
    grid-template-columns: repeat(auto-fill, minmax(200px, 1fr)) !important;
  }
}

@media (max-width: 600px) {
  .videos-grid {
    grid-template-columns: repeat(auto-fill, minmax(150px, 1fr)) !important;
  }
}