body {
    font-family: Roboto;
    color: #154C7E;
    overflow-x: hidden;
}
.detailsContent{
    margin-top:1rem;
}
.encabezado-seccion {
    padding: 2rem 0;
}

.enlaceTramite {
    padding-top: 1.5rem;
}

.squareInst {
    margin: 0 auto;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #fff;
    width: 65px;
    height: 65px;
    box-shadow: 3px 3px 10px 3px #0e315024;
    border: 1px solid #eee;
}

    .squareInst svg {
        font-size: 32px;
    }

.nombreInst {
    display: inline-block;
}

    .nombreInst h6 {
        color: #676969;
        margin-top: 12px;
        padding-left: 5px;
    }

    .nombreInst p {
        color: #6789b3;
    }

    .nombreInst svg {
        margin-left: .755em;
    }

.far.squareInst {
    color: #154C7E;
}

.texTramite p {
    color: #a0a1a1;
    margin: 0.5rem 0.5rem 1rem 2.75rem;
}

.texTramite {
    margin-bottom: 20px;
    margin-left: 25px;
    color: #a0a1a1;
}



.enlaceTramite p {
    text-align: right;
}

.btn-tramite {
    padding: 8px 40px;
    border-radius: 0px;
    background-color: #154C7E;
    color: #fff;
}

    .btn-tramite:hover {
        background-color: #0e3558;
        color: #fff;
    }

    .btn-tramite svg {
        color: #fff;
        margin-left: .755em;
    }
/*------------------------ Sección Requerimientos -----------------------*/

.row.requerimientosTramite {
    margin-bottom: 2rem;
}

.accordion {
    margin: 1.5rem;
    width: 100%;
}

li .iconoPestaña {
    font-size: 1.5rem;
    margin-right: 0.5rem;
}

.card .iconoPestaña {
    font-size: 1.5rem;
    margin-right: 0.5rem;
}

.card .flechaAcordeon {
    font-size: 1.5rem;
    margin-left: 1.5rem;
    color:#6789b3;
}


li.is-active .iconoPestaña.svg-inline--fa .fa-secondary {
    fill: #fff;
    opacity: 1;
    opacity: var(--fa-secondary-opacity,1);
}

li.is-active .iconoPestaña.svg-inline--fa .fa-primary {
    fill: #a1b7cb;
    opacity: 1;
    opacity: var(--fa-secondary-opacity,1);
}




li.listadoRequerimiento {
    list-style: none;
}

.accordion .card {
    height: auto;
    padding: 0px;
    border-bottom: none;
    box-shadow: 2px 2px 5px #ccc;
}

    .accordion .card .card-header {
        height: auto;
        padding: 10px 20px;
        border-bottom: none;
        box-shadow: 2px 2px 5px #ccc;
        background-color: #fff;
    }

.card .btn-link {
    font-weight: 400;
    color: #154c7e;
    text-decoration: none;
    text-align: left;
}

.accordion .card{
    margin:1rem 0.5rem 0rem;
}

.accordion .card-body {
    text-align: left;
    padding: 30px 10px 20px;
    color: #777;
    font-weight: 500;
    font-size: 14px;
    border: 1px solid #a1b7cb;
    box-shadow: 2px 2px 5px #a1b7cb;
    width: 100%;
    margin-left: 0;
    margin-top: 0rem;
}

    .card-body ul {
        padding-left: 15px;
    }

.accordion .card-header.is-active {
    background-color: #eef3f9;
    border: 1px solid #a1b7cb;
}

.row.infoAdicionalTramite {
    margin-bottom: 2rem;
}




/*------------------------ Sección Observaciones ------------------------*/

.contObservTramites {
    margin-left: -15px;
}

.collapseOb h5, h5 {
    color: #555656;
    font-weight: 400;
    margin-bottom: 1.5rem;
    margin-top: 0;
}

.btn-collapse {
    background-color: #6789b3;
    color: #fff;
    border-radius: 0px;
}

    .btn-collapse:hover {
        color: #fff;
    }

.collapseOb .col-auto {
    padding: 0;
}


.collapseOb {
    border-bottom: 2px solid #6789b3;
    margin: 0;
    padding-left: 0px;
}

.cardOb {
    background-color: #fff;
    box-shadow: 3px 3px 10px 3px #0e315024;
    border-radius: 0px;
    border: none;
    color: #676969;
    min-height: 7rem;
    padding: 20px;
    text-align: left;
}

.contObservTramites {
    margin-bottom: 45px;
}

div#collapseObservaciones {
    transition: 0.4s;
}


/*------------------------ Sección Dirección y Horario ------------------------*/
.contDireccionTramites {
    padding-left: 0px;
}
.contDHTramite {
    padding: 25px 0px;
}

.contDHTramite h6 {
    color: #154c7e;
    display: inline-block;
    margin-left: 15px;
    font-weight: 600;
}

.contDHTramite svg {
    color: #154c7e;
    font-size: 24px;
}

.textDH {
    color: #676969;
    margin-left: 38px;
}


@media (min-width:300px){
    .detailsContent {
        margin-top: 2rem;
    }

    .encabezado-seccion.col-xs-12 {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }

    .encabezado-seccion {
        padding: 2rem 1rem;
    }

    h4.titulo-encabezado {
        font-size: 1.2rem;
    }

    .enlaceTramite {
        padding-top: 0;
        text-align: center;
    }

   .enlaceTramite.col-xs-12 {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }

        .enlaceTramite p {
            text-align: center;
        }


}

@media (min-width:768px) {

    h4.titulo-encabezado {
        font-size: 1.3rem;
    }

    .encabezado-seccion.col-xl-9 {
        -ms-flex: 0 0 64%;
        flex: 0 0 64%;
        max-width: 64%;
    }

    .enlaceTramite.col-xs-12 {
        -ms-flex: 0 0 100%;
        flex: 0 0 34%;
        max-width: 34%;
        margin-top: 2rem;
    }
    .enlaceTramite p {
        text-align: right;
    }


    .contBaseLegal{
        margin-bottom:2rem;
    }

    .contBaseLegal p{
        margin-top:1rem;
    }
}

@media (min-width:1024px) {
    .encabezado-seccion.col-xl-9 {
        -ms-flex: 0 0 75%;
        flex: 0 0 66%;
        max-width: 66%;
    }

    h4.titulo-encabezado {
        font-size: 1.5rem;
    }
}

@media (min-width:1280px) {
    .encabezado-seccion.col-xl-9 {
        -ms-flex: 0 0 75%;
        flex: 0 0 66%;
        max-width: 66%;
    }
}

@media (min-width:1366px) {
    .encabezado-seccion.col-xl-9 {
        -ms-flex: 0 0 75%;
        flex: 0 0 66%;
        max-width: 66%;
    }
}

@media (min-width:1400px) {
    .encabezado-seccion.col-xl-9 {
        -ms-flex: 0 0 75%;
        flex: 0 0 66%;
        max-width: 66%;
    }
}

@media (min-width:1600px) {
    .encabezado-seccion.col-xl-9 {
        -ms-flex: 0 0 75%;
        flex: 0 0 66%;
        max-width: 66%;
    }
}

@media (min-width:1800px){
    .encabezado-seccion.col-xl-9 {
        -ms-flex: 0 0 75%;
        flex: 0 0 66%;
        max-width: 66%;
    }
}

.btn-card {
    font-weight: 400;
    color: #154c7e;
    text-decoration: none;
    text-align: left;
}