/**
 * Promote Section Alignment CSS
 * Corrige la alineación del texto "Brindamos servicios en América Latina y el Caribe"
 * Sobreescribe las clases problemáticas sin alterar el diseño base
 */

/* ================================================
   SECCIÓN PROMOTE - CORRECCIÓN DE ALINEACIÓN
   ================================================ */

/* Contenedor principal de la sección promote */
#promote.promote {
    padding: 60px 0 !important;
}

/* Contenedor interno */
#promote .container {
    max-width: 1200px !important;
    margin: 0 auto !important;
    padding-left: 15px !important;
    padding-right: 15px !important;
}

/* Row sin márgenes problemáticos */
#promote .row {
    margin-left: 0 !important;
    margin-right: 0 !important;
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
}

/* Columna corregida - centrada y sin offsets problemáticos */
#promote .col-lg-12.col-lg-offset-1.col-md-5.col-sm-4 {
    /* Remover offsets y float problemáticos */
    margin-left: 0 !important;
    float: none !important;
    
    /* Centrar la columna */
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    
    /* Ancho completo centrado */
    width: 100% !important;
    max-width: 1000px !important;
    
    /* Padding uniforme */
    padding-left: 15px !important;
    padding-right: 15px !important;
}

/* Texto principal centrado */
#promote #Brindamos.description {
    /* Remover alineaciones problemáticas */
    text-align: center !important;
    float: none !important;
    
    /* Centrar el texto */
    margin: 0 auto !important;
    width: 100% !important;
    max-width: 800px !important;
    
    /* Espaciado */
    padding: 0 20px !important;
    
    /* Tipografía mejorada */
    font-size: 28px !important;
    line-height: 1.4 !important;
    font-weight: 300 !important;
    
    /* Color y sombra para legibilidad */
    color: #ffffff !important;
    text-shadow: 0 2px 4px rgba(0, 0, 0, 0.3) !important;
}

/* ================================================
   RESPONSIVE DESIGN
   ================================================ */

/* Tablets grandes */
@media (max-width: 1199px) {
    #promote .container {
        max-width: 970px !important;
    }
    
    #promote #Brindamos.description {
        font-size: 26px !important;
        max-width: 700px !important;
    }
}

/* Tablets */
@media (max-width: 991px) {
    #promote .container {
        max-width: 750px !important;
    }
    
    #promote #Brindamos.description {
        font-size: 24px !important;
        max-width: 600px !important;
        padding: 0 15px !important;
    }
}

/* Móviles grandes */
@media (max-width: 767px) {
    #promote {
        padding: 40px 0 !important;
    }
    
    #promote .container {
        max-width: 100% !important;
        padding-left: 20px !important;
        padding-right: 20px !important;
    }
    
    #promote #Brindamos.description {
        font-size: 22px !important;
        max-width: 100% !important;
        padding: 0 10px !important;
        line-height: 1.3 !important;
    }
}

/* Móviles pequeños */
@media (max-width: 575px) {
    #promote {
        padding: 30px 0 !important;
    }
    
    #promote .container {
        padding-left: 15px !important;
        padding-right: 15px !important;
    }
    
    #promote #Brindamos.description {
        font-size: 20px !important;
        padding: 0 5px !important;
        line-height: 1.2 !important;
    }
}

/* Móviles muy pequeños */
@media (max-width: 375px) {
    #promote #Brindamos.description {
        font-size: 18px !important;
        padding: 0 !important;
    }
}

/* ================================================
   MEJORAS ADICIONALES DE DISEÑO
   ================================================ */

/* Asegurar que el fondo se vea bien */
#promote.main-bg {
    background-attachment: fixed !important;
    background-position: center center !important;
    background-repeat: no-repeat !important;
    background-size: cover !important;
}

/* Mejorar la legibilidad con overlay sutil si es necesario */
#promote::before {
    content: '' !important;
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    background: rgba(31, 121, 113, 0.1) !important;
    pointer-events: none !important;
    z-index: 1 !important;
}

#promote .container {
    position: relative !important;
    z-index: 2 !important;
}

/* ================================================
   FIX PARA CLASES BOOTSTRAP CONFLICTIVAS
   ================================================ */

/* Sobreescribir clases problemáticas específicamente en esta sección */
#promote .text-left {
    text-align: center !important;
}

#promote .pull-left {
    float: none !important;
    margin: 0 auto !important;
    display: block !important;
}

#promote .text-center {
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
}

/* ================================================
   OPTIMIZACIONES DE RENDIMIENTO
   ================================================ */

/* Optimizar el renderizado */
#promote {
    will-change: transform !important;
    transform: translateZ(0) !important;
}

#promote #Brindamos.description {
    will-change: auto !important;
    backface-visibility: hidden !important;
}

/* ================================================
   DEBUG - REMOVER EN PRODUCCIÓN
   ================================================ */

/*
// Para debuggear, descomenta estas líneas:
#promote {
    border: 2px solid red !important;
}

#promote .container {
    border: 2px solid blue !important;
}

#promote .row {
    border: 2px solid green !important;
}

#promote #Brindamos {
    border: 2px solid yellow !important;
}
*/