:root {
    --primario: #1b2234;
    --primarioBajo: #495166;
    --Secundario: #b28564;
    --SecundarioBajo: #FFE5D1;
    --gris: #f8f8f8;

}



body{

    background-image: url('../images/escudo-guerrero.png');
}

p, span{
    color: var(--primario);
}
.picker__date-display {
    text-align: left;
    background-color: #b28564;
    color: #fff;
    padding: 18px;
    font-weight: 300;
}

.color-secundario{
    color: var(--Secundario);
}

.buscador--inteligente{
    background-color: var(--primarioBajo);
    border-radius: 2rem;
}

.input-field input[type=search]:focus:not(.browser-default) {
    background-color: rgb(168, 175, 192);
    border: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    color: #444;
    border-radius: 2rem;
}

.carousel .carousel-item {
    display: none;
    width: 400px;
    height: 400px;
    position: absolute;
    top: 5px;
    left: 0;
}

.slider .indicators .indicator-item.active {
    background-color: #607d8b;
}

/* ---------APARTADO DE DIPUTADOS----------- */
.diputados{
    margin-top: 4rem;
}

.portada{
    background-color: rgba(0, 0, 0, .7);
    background-image: url('../images/fondo-diputados2-01.png');
    background-repeat: no-repeat;
    background-size: cover;
    padding: 2rem;
    border-bottom: var(--primarioBajo) .5rem solid;
    
}
.imagen__portada{
    max-width: 15rem;
    border: #989898 .2rem solid;
}

.icono{
    max-width: 2rem;
    margin-top: 1rem;
}

.foto__perfil{
    width: 6rem;
    border-radius: 15px;
}

.tabs .tab a:hover, .tabs .tab a.active {
    color: #495165;
}
.tabs .tab a {
    color: rgb(152 148 148 / 70%);
    font-size: .72rem;
}

.tabs .indicator {
    position: absolute;
    bottom: 0;
    height: 2px;
    background-color: #495165;
    will-change: left, right;
}
.tabs .tab a:focus, .tabs .tab a:focus.active {
    background-color:#f5e9e0;
    outline: none;
}
.enlace__tabs{
    
    margin-right: 2rem;
    margin-left: 2rem;
    color: var(--Secundario);
    font-size: .9rem;
}

/* ---------APARTADO DE COMISIONES----------- */

th {
    color: var(--primario);
    font-size: .83rem;
}
td a{
    color: var(--Secundario);
    font-size: 1.1rem;
}

.boton--ver{
    background-color: var(--primarioBajo);
    margin-left: 1rem;
}

.boton--ver:hover{
    background-color: var(--primario);
}

.boton--ver_diputado{
    background-color: var(--Secundario);
    margin-left: 1rem;
}

.boton--ver_diputado:hover{
    background-color: var(--SecundarioBajo);
}

.card--diputado{
    background-color: var(--primario);
    border-radius: .7rem;
    height: 30rem;
    width: 20rem;
}
.card--diputado_texto{
    color: rgb(255, 255, 255);
    font-size: 1.1rem;
}
.card--diputado_foto{
    border-radius: .7rem .7rem 0 0; 
}

/* ---------APARTADO DE SESIONES----------- */

.color__primario{
    color: var(--primarioBajo);
}
.color__secundario{
color: var(--Secundario);
}

.descripcion__acuerdo {
    font-size: .79rem;
    text-align: justify;
    color: var(--primarioBajo);
}

.dropdown-content li>a, .dropdown-content li>span {
    font-size: 16px;
    color: #474848;
    display: block;
    line-height: 22px;
    padding: 14px 16px;}

/* ---------APARTADO DE ADMIN----------- */

    .card--sistema{
        background-color: var(--primarioBajo);
        border-radius: .7rem;
        height: 15rem;
        width: 22rem;
    }

    .card--sistema div span{
        color: #b28564 !important;
    }

    .pie{
position:fixed;
   left:0px;
   bottom:2rem;
   height:4rem;
   width:100%;
    }