/* Estilos del modal de ubicación para Proveedores Internacionales - Basado en CEDs */

/*Ajuste del estilo popup*/
.popup-ubicacion {
    border-radius: 28px;
    padding: 20px;
}

.swal2-popup {
    text-align: center;
    background-color: #FCFCFC !important;   
    max-width: 550px !important;
    width: 443px !important;
}

.ubicacion-icon img {
    width: 176px;
    height: 135px;
}

.ubicacion-titulo {
    font-size: 18px;
    font-weight: bold;
    margin: 12px 0;
    max-width: 411px !important;
    height: 60px !important;
    color: #064350 !important;
}

.ubicacion-texto {
    font-size: 14px;
    color: #1B1D1F;
    margin-bottom: 20px;
    text-align: justify;
    -webkit-hyphens: auto;
    -moz-hyphens: auto;
    hyphens: auto;
}

.ubicacion-botones {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.btn-si {
    background-color: #086378;
    color: #fff;
    padding: 10px;
    border-radius: 25px;
    border: none;
    font-size: 14px;
    cursor: pointer;
}

.btn-no {
    background-color: #FCFCFC;
    color: #086378;
    border: 2px solid #086378;
    padding: 10px;
    border-radius: 25px;
    font-size: 14px;
    cursor: pointer;
}

@media (max-width: 480px) {
    .swal2-popup {
        text-align: center;
        background-color: #FCFCFC !important;       
        max-width: 550px !important;
        max-height:450px;
        width: 250px !important;
    }
    .btn-si {
        max-height: 50px !important;
        padding: 5px !important;
    }
    .btn-no {
        max-height: 50px !important;
        padding: 5px !important;
    }
    .ubicacion-titulo {
        font-size: 16px !important;        
    }
    .ubicacion-texto {
        font-size: 12px;       
    }
    .ubicacion-icon img {
        width: 120px;
        height: 90px;
    }
} 
/*FIN Ajuste del estilo popup*/