body{background: #fdfdfc;}
/* NAVS de arriba */
.nav-link{
    color: rgb(255, 255, 255);
    font-weight: 300;
}
.nav-link.active{
    font-weight: 700;
}

/* PILLS de abajo */

.nav-pills .nav-link {
width: 170px;
height: 50px;
border-bottom-left-radius: 20px; 
border-bottom-right-radius: 20px;
border-color: #960048;
/* border-radius: 0px; */

}

.titulo-tema{
    width: 100%; /* El contenedor ocupa el 100% del ancho disponible */
            max-width: 700px;  /*Pero no excede los 800px de ancho */
            padding: 20px 0px 0px 0px;
            text-align: center;
            box-sizing: border-box; /* Incluye el padding en el cálculo del ancho */
            margin: auto;
            
       }
 h1 {
            font-size: 20px;
            font-weight: 600;
            color: #495577;
            line-height: 25px;
        }

        h2 {
            font-size: 25px;
            /*font-weight: 600;*/
            color: #c29100;
           /* text-shadow: 0px 1px 3px #b8b8ab;*/
        }
        

 section { padding: 0;}       
        /* Media Query para pantallas más pequeñas, por ejemplo, móviles */
        @media (max-width: 768px) {
            h1 {
                font-size: 18px; /* Reducimos el tamaño de la fuente del h1 */
                line-height: 22px;
            }
            
            h2 {
                font-size: 22px; /* Reducimos el tamaño de la fuente del h2 */
            }
            
            .titulo-tema {
                padding: 15px; /* Reducimos el padding del contenedor en pantallas pequeñas */
            }
        }
        
        /* Media Query para pantallas muy pequeñas, por ejemplo, móviles en modo vertical */
        @media (max-width: 480px) {
            h1 {
                font-size: 16px; /* Reducción adicional del tamaño de fuente */
                line-height: 20px;
            }
            
            h2 {
                font-size: 20px;
            }
        }



@media screen and (max-width: 1400px) {
    .nav-pills .nav-link{
  border-radius: 0px;
  transition-delay: 1 !important;
    }
}

@media screen and (max-width: 990px) {
    .breadcrumbs { display: none; }
    .titulo-tema{ margin-top: 50px;}
}

.nav-pills .nav-link.active, .nav-pills .show>.nav-link {
  /* color: #f8f5f5;   */
  border-bottom: 8px solid #960048;
  box-shadow: 0px 2px 7px #c9c9c9;
  background-color: #000;
  color: #fff;

}

.nav-link:focus, .nav-link:hover {
  color: #960048;

}
.nav-tabs{border-bottom: 1px solid #b9b9b9;}
.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {
    color: #495057;
    /* background-color: #fff; */
     border-color: #b9b9b9 #b9b9b9 #fff; 
}

.tab-content{
    background-color: #fff;
    padding: 10px;
    border-left: 1px solid #b9b9b9;
    border-bottom: 1px solid #b9b9b9;
    border-right: 1px solid #b9b9b9;  
    border-radius: 0px 0px 10px 10px;
}

.mb-3 {margin-bottom: 0rem !important;}

/* Cambia el color del fondo de la paginación */
        .page-item.active .page-link {
         
            background-color: #960048;
            border-color: #ffffff;
}

/* Para los colores de las PILLS */

.nav-link:hover{ 
    color:#960048;
    font-weight: 500;
}

#pills-press{ 
    background: #eec08a;
}

#pills-mpio{
    background: linear-gradient(to bottom, #9e9e9d, #77776e);
}


#pills-dif{
    background: linear-gradient(to bottom, #cecfc1, #b0a59c);
}

#pills-odas{
    background: linear-gradient(to bottom, #cfcfcf, #949ca1);
}

#pills-imcufide{
     background: linear-gradient(to bottom, #de6399, #a64473);
}

#pills-od{
    background: linear-gradient(to bottom, #b3c698, #96a680); padding: 0px 10px;
}

div.table-responsive>div.dataTables_wrapper>div.row>div[class^=col-]:last-child { display: contents; /*se obliga a la tabla a alinearse al centro*/ }
.row {	text-align: left;}
div.table-responsive>div.dataTables_wrapper>div.row {margin-bottom: 35px;}
.table-striped{width: 800px;vertical-align: middle; background: #fff;}