/* Banner principal del home: separación entre los 2 botones (tipo "banner") */

section.main-banner #splide_banner_principal .splide__track ul li .info-enlace.banner {
  display: flex;
  flex-wrap: wrap;
  gap: 1rem;
  justify-content: center;
  align-items: center;
}

/* En móvil/tablet los botones se apilan (para que se vean los 2) y quedan
   centrados abajo. Usa el mismo breakpoint que el tema (910px) y fuerza los
   estilos para ganarle al posicionamiento base del banner. */
@media (max-width: 910px) {
  section.main-banner #splide_banner_principal .splide__track ul li .info-enlace.banner {
    flex-direction: column !important;
    gap: 0.75rem !important;
    width: 90% !important;
    max-width: 360px !important;
    left: 50% !important;
    right: auto !important;
    transform: translate(-50%, 0) !important;
    bottom: 30px !important;
  }
  section.main-banner #splide_banner_principal .splide__track ul li .info-enlace.banner a {
    display: block !important;
    position: static !important;
    bottom: auto !important;
    top: auto !important;
    left: auto !important;
    transform: none !important;
    width: 100% !important;
    text-align: center !important;
    margin: 0 !important;
  }
}