.serviunix-two-columns {
    margin: 0;
}

.serviunix-two-columns .bg-custom {
    padding: 40px 20px;
}

/* Igualar altura de imagen y texto */
.serviunix-two-columns .row {
    display: flex;
    align-items: stretch;
}

.serviunix-two-columns .image-column {
    min-height: 100%;
    display: flex;
    align-items: stretch;
}

.serviunix-two-columns .two-columns-image {
    object-fit: cover;
    width: 100%;
    height: 100%;
}

.serviunix-two-columns .text-column {
    min-height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

/* Asegurar que las clases de tamaño de texto se apliquen a todos los elementos hijos, especialmente párrafos */
.serviunix-two-columns .text-center.text-1,
.serviunix-two-columns .text-center.text-1 p,
.serviunix-two-columns .text-center.text-1 div,
.serviunix-two-columns .text-center.text-1 *:not(.btn) {
    font-size: 14px !important;
}

.serviunix-two-columns .text-center.text-4,
.serviunix-two-columns .text-center.text-4 p,
.serviunix-two-columns .text-center.text-4 div,
.serviunix-two-columns .text-center.text-4 *:not(.btn) {
    font-size: 16px !important;
}

.serviunix-two-columns .text-center.text-5,
.serviunix-two-columns .text-center.text-5 p,
.serviunix-two-columns .text-center.text-5 div,
.serviunix-two-columns .text-center.text-5 *:not(.btn) {
    font-size: 20px !important;
}

.serviunix-two-columns .text-center.text-3,
.serviunix-two-columns .text-center.text-3 p,
.serviunix-two-columns .text-center.text-3 div,
.serviunix-two-columns .text-center.text-3 *:not(.btn) {
    font-size: 40px !important;
}

/* Ajustes responsivos para pantallas medianas (tablets) donde aún se muestran las dos columnas */
@media (max-width: 1200px) and (min-width: 768px) {
    /* Reducir tamaños de texto en pantallas medianas para que coincida con la altura de la imagen */
    .serviunix-two-columns .text-center[style*="font-size: 32px"],
    .serviunix-two-columns .text-center[style*="font-size: 32px"] p,
    .serviunix-two-columns .text-center[style*="font-size: 32px"] div,
    .serviunix-two-columns .text-center[style*="font-size: 32px"] *:not(.btn) {
        font-size: 20px !important;
    }
    
    .serviunix-two-columns .text-center[style*="font-size: 24px"],
    .serviunix-two-columns .text-center[style*="font-size: 24px"] p,
    .serviunix-two-columns .text-center[style*="font-size: 24px"] div,
    .serviunix-two-columns .text-center[style*="font-size: 24px"] *:not(.btn) {
        font-size: 16px !important;
    }
    
    .serviunix-two-columns .text-center.text-4,
    .serviunix-two-columns .text-center.text-4 p,
    .serviunix-two-columns .text-center.text-4 div,
    .serviunix-two-columns .text-center.text-4 *:not(.btn) {
        font-size: 14px !important;
    }
    
    .serviunix-two-columns .text-center.text-1,
    .serviunix-two-columns .text-center.text-1 p,
    .serviunix-two-columns .text-center.text-1 div,
    .serviunix-two-columns .text-center.text-1 *:not(.btn) {
        font-size: 12px !important;
    }
    
    /* Reducir padding horizontal en tablets para mejor uso del espacio */
    .serviunix-two-columns .text-center.px-5 {
        padding-left: 2rem !important;
        padding-right: 2rem !important;
    }
    
    /* Asegurar que las columnas tengan la misma altura */
    .serviunix-two-columns .col-md-5,
    .serviunix-two-columns .col-md-7 {
        display: flex;
        align-items: stretch;
    }
    
    .serviunix-two-columns .col-md-5 .bg-custom {
        display: flex;
        flex-direction: column;
        justify-content: center;
        width: 100%;
    }
}

@media (max-width: 992px) and (min-width: 768px) {
    /* Ajustes adicionales para tablets más pequeñas */
    .serviunix-two-columns .text-center[style*="font-size: 32px"],
    .serviunix-two-columns .text-center[style*="font-size: 32px"] p,
    .serviunix-two-columns .text-center[style*="font-size: 32px"] div,
    .serviunix-two-columns .text-center[style*="font-size: 32px"] *:not(.btn) {
        font-size: 18px !important;
    }
    
    .serviunix-two-columns .text-center[style*="font-size: 24px"],
    .serviunix-two-columns .text-center[style*="font-size: 24px"] p,
    .serviunix-two-columns .text-center[style*="font-size: 24px"] div,
    .serviunix-two-columns .text-center[style*="font-size: 24px"] *:not(.btn) {
        font-size: 15px !important;
    }
    
    /* Reducir aún más el padding en tablets pequeñas */
    .serviunix-two-columns .text-center.px-5 {
        padding-left: 1.5rem !important;
        padding-right: 1.5rem !important;
    }
}

@media (max-width: 768px) {
    .serviunix-two-columns .row {
        margin-left: 0 !important;
        margin-right: 0 !important;
    }
    
    .serviunix-two-columns .col-md-5,
    .serviunix-two-columns .col-md-7 {
        padding: 0 !important;
        width: 100% !important;
        max-width: 100% !important;
    }
    
    .serviunix-two-columns .image-column {
        padding: 0 !important;
        margin: 0 !important;
        width: 100% !important;
        max-width: 100% !important;
    }
    
    .serviunix-two-columns .two-columns-image {
        width: 100% !important;
        max-width: 100% !important;
        height: auto !important;
        object-fit: cover;
        display: block;
    }
    
    .serviunix-two-columns .text-column {
        padding: 20px !important;
    }
}