.elementor-3806 .elementor-element.elementor-element-8e2edf6{--display:grid;--e-con-grid-template-columns:2fr 1fr;--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;}@media(max-width:1024px){.elementor-3806 .elementor-element.elementor-element-8e2edf6{--grid-auto-flow:row;}}@media(max-width:767px){.elementor-3806 .elementor-element.elementor-element-8e2edf6{--e-con-grid-template-columns:1;--e-con-grid-template-rows:1;--grid-auto-flow:row;}}/* Start custom CSS for html, class: .elementor-element-fd67a0d */.columna-azul {
    background-color: #3891c2 !important; /* Azul de tu imagen */
    color: #ffffff !important;
    padding: 30px;
    border-radius: 12px;
    font-family: 'Segoe UI', Tahoma, sans-serif;
}

.header-contacto {
    border-bottom: 1px solid rgba(255,255,255,0.3);
    margin-bottom: 25px;
    padding-bottom: 10px;
}

.header-contacto p {
    font-size: 20px !important;
    font-weight: bold;
    margin: 5px 0 !important;
    color: white !important;
}

.grid-oficinas {
    display: grid;
    grid-template-columns: 1fr 1fr; /* Esto hace las dos columnas */
    gap: 20px;
}

.ciudad strong {
    display: block;
    font-size: 17px;
    margin-bottom: 5px;
    color: white;
}

.ciudad p {
    font-size: 13px !important;
    line-height: 1.4 !important;
    color: rgba(255,255,255,0.9) !important;
    margin: 0 !important;
}

/* Para que en celular se vea una sola columna */
@media (max-width: 600px) {
    .grid-oficinas {
        grid-template-columns: 1fr;
    }
}
.columna-azul {
    background-color: #3891c2 !important;
    color: #ffffff !important;
    padding: 30px;
    border-radius: 12px;
    font-family: 'Segoe UI', Tahoma, sans-serif;
    
    /* Estas dos líneas son la clave */
    height: 100% !important; 
    display: flex;
    flex-direction: column;
}

.grid-oficinas {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 20px;
    /* Esto ayuda a que el contenido se distribuya mejor si hay mucho espacio */
    flex-grow: 1; 
}/* End custom CSS */