.location-section {
    position: relative;

    margin-left: -40px;
    margin-right: -40px;

    
}

.location-section .top-divider {
    height: 4px; /* Altura del divisor superior */
    background: #ddd; /* Color del divisor */
}

.location-section .row {
    display: flex;
    flex-wrap: nowrap; /* Cambiado a nowrap para que no se envuelvan */
    justify-content: space-between;
    background: #002638; /* Ajusta el color de fondo según sea necesario */
}

.location-section .column {
    padding: 10px; /* Espaciado interno */
}

.location-section .column-2-5 {
    flex: 0 0 40%; /* 2 de 5 columnas */
}

.location-section .column-3-5 {
    flex: 0 0 60%; /* 3 de 5 columnas */
}

.location-section .image-module {
    text-align: center; /* Centrar imagen */
}

.image-wrap img {
    max-width: 40%; /* Asegurarse de que la imagen sea responsiva */
    height: auto; /* Mantener la relación de aspecto */
}

.text-module-locate {
    background: #002638; /* Ajusta el color de fondo según sea necesario */
    padding: 15px; /* Espaciado interno */
    border-radius: 5px; /* Bordes redondeados */
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1); /* Sombra sutil */
    color: white;
}

.text-inner h2 {
    text-align: left; /* Alinear título a la izquierda */
}

.text-inner p {
    margin: 10px 0; /* Espaciado entre párrafos */
}

.text-inner .email a {
    font-weight: bold; /* Resaltar correos electrónicos */
    color: #007BFF; /* Color del enlace */
    text-decoration: none; /* Sin subrayado */
}

.text-inner .email a:hover {
    text-decoration: underline; /* Subrayar en hover */
}

/* Asegúrate de que el texto y la imagen estén alineados verticalmente */
.row {
    align-items: flex-start; /* Alineación vertical */
}

/* Media query para pantallas más pequeñas */
@media (max-width: 768px) {
    .row {
        flex-direction: column; /* Cambia la dirección a columna */
    }

    .column {
        width: 100%; /* Asegura que las columnas ocupen todo el ancho */
    }

    .column-2-5,
    .column-3-5 {
        flex: 0 0 100%; /* Ambas columnas ocuparán el 100% del ancho */
    }

    .text-module-locate {
        margin-top: 20px; /* Espaciado entre la imagen y el texto */
    }
}