@supports (-webkit-touch-callout: none) {
  #home,
  .elementor-element-094be62 {
    background-attachment: scroll !important;
  }
}

.ast-builder-grid-row-container {
  padding-left: 5.42% !important;
  padding-right: 5.42% !important;
}

.ast-builder-footer-grid-columns {
  padding-left: 0 !important;
  padding-right: 0 !important;
}

/* Contenedor principal del footer como flex */

.ast-builder-footer-grid-columns {
  display: flex;
  flex-wrap: nowrap;
  /* evita que las columnas se bajen de línea */
}

/* Las primeras tres columnas se ajustan al contenido */

.site-footer-primary-section-1,
.site-footer-primary-section-2,
.site-footer-primary-section-3 {
  flex: 0 0 auto;
  /* ancho automático según el contenido */
}

/* La última columna ocupa el espacio restante */

.site-footer-primary-section-4 {
  flex: 1 1 auto;
  /* se expande */
}

#gallery-1 .gallery-item {
  padding: 0 !important;
  margin: 0 !important;
}

.elementor-element-6271e52,
.elementor-element-c14eb04 {
  margin-left: auto;
}

/* Logo responsivo Astra */

.site-logo-img img.custom-logo {
  width: 17.45vw !important;
  /* 335px en 1920px */
  max-width: 335px !important;
  /* límite superior */
  height: auto !important;
}

/* Logo footer izquierda responsive */

#colophon .wp-block-image img.wp-image-2567 {
  width: 17.34vw !important;
  /* 333px en 1920px → 333/1920*100 ≈ 17.34% */
  max-width: 333px !important;
  height: auto !important;
}

/* Logo footer derecha responsive */

#colophon .wp-block-image img.wp-image-2565 {
  width: 14.17vw !important;
  /* 333px en 1920px → 333/1920*100 ≈ 17.34% */
  max-width: 272px !important;
  height: auto !important;
}

.site-below-header-wrap.ast-builder-grid-row-container.site-header-focus-item.ast-container {
  margin: 0px;
}

@media (max-width: 767px) {
  .ast-site-identity img.custom-logo {
    width: 60% !important;
    max-width: 60% !important;
    height: auto !important;
  }
}

@media (max-width: 490px) {
  #gallery-2 {
    display: grid !important;
    grid-template-columns: repeat(2, 1fr) !important;
    gap: 10px; /* espacio entre imágenes, podés bajarlo a 0 si querés pegadas */
  }

  #gallery-2 .gallery-item {
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important; /* saca el padding de WP */
  }

  #gallery-2 .gallery-icon {
    margin: 0 !important; /* por si WP mete margen */
  }

  #gallery-2 .gallery-icon img {
    width: 100% !important;
    height: auto !important;
    display: block;
  }
}

.footer-link {
  color: #fff; /* blanco */
  text-decoration: none;
  transition: color 0.3s ease;
}

.footer-link:hover {
  color: #EF7D50; /* naranja hover */
}

/* LOGO EN TABLET */

@media (min-width: 768px) and (max-width: 1024px) {
    /* Hacemos que el logo se muestre en tamaño deseado */
    .site-logo-img img.custom-logo {
        width: 400px !important; /* tamaño fijo o ajustar a tu gusto */
        height: auto !important;
        display: block;
        margin: 20px auto 0 auto !important; /* baja el logo 20px */
    }

    /* Opcional: expandir el contenedor para que no lo limite */
    .site-branding {
        width: 100% !important;
        max-width: 100% !important;
    }
}