/* Estilos para el contenedor */
.contenedor {
    max-width: 98%;
    height: 100%;
    margin: 0 auto;
}

/* Estilos para la parte informativa */
.ventana {
    display: block;
    align-content: center;
    justify-content: center;
    background-color: #e7e7e7;
    padding: 2rem;
}

.ventana .informacion {
    width: 100%;
}

.ubicacion .label {
    font-size: 1.8rem; 
    margin-right: 1rem; 
}

select {
    margin: 15px;
    display: flex;
    max-width: 30rem; 
    min-width: 30rem; 
    padding: 0.8rem; 
    border-radius: 0.5rem;
    border: solid 0.2rem rgba(75, 87, 94, 0.4);
    font-size: 1.7rem; 
}


img.fachada {
    width: 60%;
}

.indicaciones {
    padding: 16px;
    height: auto;
    width: 100%;
    display: block;
}

.seleccionado {
    opacity: 1 !important;
}


/* Estilos para el combobox */
.datos .ubicacion {
    margin-top: 1rem;
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
}

 .ubicacion {
    font-size: 1.2rem;
}

 .ubicacion .label {
    margin-right: 1rem;
}

.dato .label {
    margin-right: 1rem;
}

a.enlace {
    text-decoration: none;
}

.datos .domicilio p {
    margin: 1rem 2rem;
    text-align: justify;
}

/* Estilos para la sección de cargos */
.dato .input {
    padding: 8px;
    border-radius: 4px;
}

.ventana .mapa {
    width: 50%;
    height: 38.5rem;
}

/* Media Queries */
@media screen and (max-width: 700px) {
    .contenedor {
        height: auto;
        max-width: 100%;
    }

    .ventana {
        display: block;
        width: 100%;
        margin: 0 auto;
        padding-bottom: 3rem;
        height: auto;
    }

    .ventana .informacion {
        margin: 1rem 2rem;
        width: initial;
    }

    .ventana .mapa {
        width: 90%;
        height: 28rem;
        margin: auto;
    }

    .informacion .integracion .domicilio {
        width: 100%;
        height: auto;
    }

    .cargos {
        flex-direction: column;
    }

    .indicaciones {
        overflow-y: scroll;
        height: 25em;
    }
}

/* Estilos adicionales */
.imgLugar img {
    width: 100%;
    height: 85%;
}

.domicilio {
    float: left;
    width: 100%;
    background-color: #f3f3f3;
    padding: 10px;
}

.imgLugar {
    float: left;
    width: 40%;
}

.img_cargando {
    width: 40px !important;
    height: 40px !important;
}

@media screen and (max-width: 610px) {
    .funcionario {
        font-size: 16px;
    }

    #junta_go {
        padding: 7px 32px;
    }

    .cons_sup {
        padding-left: 15px;
    }
}