/* ================================================================
 * CORRECCIONES DE MÁRGENES LATERALES PARA INFO CARDS
 * ================================================================ */

/* Aumentar márgenes laterales en slides para evitar que las cards se peguen a los bordes */
.slide {
    padding-left: 3rem !important; /* Aumentado de 2rem a 3rem */
    padding-right: 3rem !important; /* Aumentado de 2rem a 3rem */
}

/* Asegurar que el contenido de las slides tenga márgenes apropiados */
.slide-content {
    padding-left: 1rem !important;
    padding-right: 1rem !important;
}

/* Márgenes específicos para info grids */
.info-grid {
    margin-left: 1rem !important;
    margin-right: 1rem !important;
    max-width: calc(100% - 2rem) !important; /* Asegurar que no se salga del contenedor */
}

/* Márgenes para cards individuales */
.info-card {
    margin-left: 0.5rem !important;
    margin-right: 0.5rem !important;
}

/* ================================================================
 * RESPONSIVE ADJUSTMENTS
 * ================================================================ */

/* Tablet - márgenes moderados */
@media (max-width: 1024px) {
    .slide {
        padding-left: 2.5rem !important;
        padding-right: 2.5rem !important;
    }
    
    .slide-content {
        padding-left: 0.75rem !important;
        padding-right: 0.75rem !important;
    }
    
    .info-grid {
        margin-left: 0.75rem !important;
        margin-right: 0.75rem !important;
    }
}

/* Mobile - márgenes más pequeños pero suficientes */
@media (max-width: 768px) {
    .slide {
        padding-left: 2rem !important;
        padding-right: 2rem !important;
    }
    
    .slide-content {
        padding-left: 0.5rem !important;
        padding-right: 0.5rem !important;
    }
    
    .info-grid {
        margin-left: 0.5rem !important;
        margin-right: 0.5rem !important;
        max-width: calc(100% - 1rem) !important;
    }
    
    .info-card {
        margin-left: 0.25rem !important;
        margin-right: 0.25rem !important;
    }
}

/* Mobile pequeño - márgenes mínimos pero funcionales */
@media (max-width: 480px) {
    .slide {
        padding-left: 1.5rem !important;
        padding-right: 1.5rem !important;
    }
    
    .slide-content {
        padding-left: 0.25rem !important;
        padding-right: 0.25rem !important;
    }
    
    .info-grid {
        margin-left: 0.25rem !important;
        margin-right: 0.25rem !important;
        max-width: calc(100% - 0.5rem) !important;
    }
    
    .info-card {
        margin-left: 0 !important;
        margin-right: 0 !important;
    }
}

/* ================================================================
 * CORRECCIONES ESPECÍFICAS PARA DIFERENTES TIPOS DE CARDS
 * ================================================================ */

/* Cards de estadísticas */
.info-grid:has(.card-icon:first-child) {
    margin-left: 1.5rem !important;
    margin-right: 1.5rem !important;
}

/* Cards de embajadores */
.info-grid:has(.card-header) {
    margin-left: 1.5rem !important;
    margin-right: 1.5rem !important;
}

/* Cards de soluciones */
.solution-card {
    margin-left: 0.5rem !important;
    margin-right: 0.5rem !important;
}

/* Cards de recursos */
.resource-card {
    margin-left: 0.5rem !important;
    margin-right: 0.5rem !important;
}

/* Cards de equipo */
.leader-card {
    margin-left: 0.5rem !important;
    margin-right: 0.5rem !important;
}

/* ================================================================
 * CORRECCIONES PARA CONTENEDORES ESPECÍFICOS
 * ================================================================ */

/* Contenedor principal */
.container {
    padding-left: 1rem !important;
    padding-right: 1rem !important;
}

/* Contenedores de secciones */
.section {
    padding-left: 1rem !important;
    padding-right: 1rem !important;
}

/* Grids especiales */
.grid {
    margin-left: 1rem !important;
    margin-right: 1rem !important;
}

/* ================================================================
 * GARANTÍAS PARA EVITAR DESBORDAMIENTO
 * ================================================================ */

/* Asegurar que ningún elemento se salga del viewport */
* {
    max-width: 100% !important;
    box-sizing: border-box !important;
}

/* Contenedores principales */
body, html {
    overflow-x: hidden !important;
}

/* Slides específicas */
.slide {
    overflow: hidden !important;
    width: 100% !important;
}

/* Info grids */
.info-grid {
    overflow: visible !important;
    width: 100% !important;
}