:root {
  --color-principal: rgb(169, 169, 169); /* Define tu color aquí con un nombre descriptivo */
  /* Puedes añadir más variables si lo necesitas, por ejemplo: */
  --color-secundario: #007bff;
  --espaciado-base: 1rem;
  --color-boton:#f47921;
  --color-borde-boton:#c9651d;
  --color-boton-hover:#e5792b
}

.color-naranja{
  color: #f47920e8;
}

.our-awesome-team{
	font-size: 2em;
	text-align: center;
  transform: translateY(20px);
  animation: fadeInUp 0.8s ease-out forwards;
  color: #f47920e8;  
}
h2.our-awesome-team{
   font-family: Oswald, Arial, Helvetica, sans-serif;
}

@keyframes fadeInUp {
    from {
      opacity: 0;
      transform: translateY(20px);
    }
    to {
      opacity: 1;
      transform: translateY(0);
    }
  }
.page-contenido{
	padding: 25px 0px;
}
.team-titulo-nombre a{
	color: #000 !important;	
}
.team-titulo-nombre a:hover{
	color: #ffffff;
	
}
.autoridades .auditores-card h3{
  font-size: 0.99em;
}
:root {    
    --color-primary: #ff7300;
}


.estilo-publicaciones .p-especial
 {
    font-size: 1.1em;
    font-weight: bold;
    color: #f47920e8;
}
.estilo-publicaciones .p-especial-2
 {
    font-size: 1em;
    font-weight: bold;
    color: #f47920e8;
}
.estilo-publicaciones .container h5{
  color: #f47920e8;
}
.estilo-publicaciones ul li
 {
    font-size: 0.98em;
    text-align: justify;
    
}
.estilo-publicaciones .estilo-iconos{
    width: 100%;
}
    
}
.estilo-publicaciones .list-group li
 {
    font-size: 1.01em;
    list-style-type: disc;
    
}

.page-contenido .container .d-flex .btn{
  text-transform: none;
}
/*Par el menu lateral**/
.menu-list {
      list-style: none;
      padding-left: 0;
    }
    .menu-list li {
      padding: 0px;
      cursor: pointer;
      border-left: 3px solid transparent;
      transition: all 0.3s;
    }
    .menu-list li:hover {
      background-color: #f8f9fa;
    }
    .menu-list li.active {
      /*background-color: #e9ecef;*/
      border-left: 3px solid #f47920e8;
      font-weight: 500;
    }
    .menu-list li i {
      margin-right: 10px;
      width: 20px;
      text-align: center;
    }
.menu-list li a.menu-link {
  color: inherit;
  text-decoration: none;
  display: block;
  padding: 10px 15px;
}

.menu-list li a.menu-link:hover {
  color: inherit;
  text-decoration: none;
}

.menu-list li.active a.menu-link {
  
  font-weight: 500;
}

/*Otros para sidebar*/
.submenu {
  display: none;
  padding-left: 15px;
  list-style: none;
  margin-top: 0;
  margin-bottom: 0;
}

.submenu li {
  border-left: none !important;
  padding-left: 10px !important;
}

.submenu li a.menu-link {
  padding: 8px 15px 8px 30px !important;
}

.submenu li.active {
  background-color: #e9ecef;
  font-weight: 500;
}

.has-submenu.active > a.menu-link {
  /*color: #007bff;*/
  font-weight: 500;
}

.has-submenu .submenu-icon {
  transition: transform 0.3s;
}

.has-submenu.active .submenu-icon {
  transform: rotate(180deg);
}

.has-submenu.active .submenu {
  display: block;
}

/*SideBar - Busqueda Informes*/
.form-select {
  width: 100%;
  max-width: 100%; /* Asegura que no crezca más allá del 100% */
}
.estilo-form-buscar form label{
  font-size: 0.95em;
}
.btn-agp{
  color: white;
  background-color: var(--color-boton);
  border-color: var(--color-borde-boton);
}
.btn-agp:hover{   
  color: white;
  background-color: var(--color-boton-hover);
  border-color: var(--color-borde-boton);
}

/** Tabla informes**/
table tr td a{
  font-size: 0.98em;
}
table tr td a:hover{
  color: var(--color-primary);
}
table tr td a:focus{
  color: #083e75;
}
.table-hover .table-info:hover {
    background-color: #f1f1f1;
}

.dataTables_length label {
    margin-right: 10px; /* Añade espacio entre "Mostrar" y el select */
}

.dataTables_length select {
    width: 85px !important; /* Aumenta el ancho del select */
    padding-right: 15px; /* Añade espacio para el icono si lo hay */
}

.page-item.active .page-link {
    z-index: 3;
    color: #fff;
    background-color: #818181;
    border-color: #6f6f6f;
}
.page-link {    
    color: #6a6a6a;    
    border: 1px solid #dee2e6;
}
.page-link:hover {   
    color: #893e07;    
}
.page-link:focus {    
    box-shadow: 0 0 0 .2rem rgb(93 93 93 / 25%);
}
[type=checkbox]:checked:hover, [type=checkbox]:checked:focus, [type=radio]:checked:hover, [type=radio]:checked:focus {
    background-color: var(--color-boton);
    border-color: #0000;
}
[type=checkbox]:checked, [type=radio]:checked {
    background-color: var(--color-boton);    
}
[type=checkbox]:focus, [type=radio]:focus
 {    
    box-shadow: 0px 0px 10px var(--color-boton);
}

/* Intento con CSS para cortar el texto de la opción */
.estilo-option {    
           /* Oculta cualquier contenido que desborde */
    text-overflow: ellipsis !important;  /* Muestra puntos suspensivos (...) para el texto oculto */
    /* No se recomienda width/max-width aquí directamente para un select */
}


/* Si hay un icono específico */
.dataTables_length select option {
    padding-right: 15px; /* Asegura espacio dentro de las opciones también */
}

/*  Para el select con option que no salga por encima del icono */
select.form-control option {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 80%;
  }
  
  select.form-control {
    text-overflow: ellipsis;
  }


/*MUNICIPIOS*/
.lista-flechas {
    list-style-type: none;
    padding-left: 0;
}

.lista-flechas li {
    margin-bottom: 10px;
}

.lista-flechas li .fa-arrow-right {
    color: #f47920e8;
    margin-right: 10px;
}

.firma-digital p{
  padding-bottom: 8px;
}
.style-manuales .text-bg-success{
  font-size: 0.8em;
  color: #f47920e8;
} 
.style-manuales .text-bg-info{
  color: #f47920e8;
  font-size: 0.8em;
}
.style-manuales .fst-italic{
  font-size: 0.9em;
  font-style: italic ;
}
.style-manuales .fas{
  font-size: 0.9em;  
}

/*** CONTACTO *****/
.estilo-contacto{
}
.estilo-contacto .title{
  font-size: 1.8em;
  line-height: 1.2;
}
.estilo-contacto p{
  line-height: 1.5;
  margin-bottom: 5px !important;
}
.estilo-contacto button{
  background-color: #cd690e;
  color: white;
}
.estilo-contacto button:hover{  
  color: #f7f7f7;
}
.form-container .search-form-key {
    border: 1px solid #b3b3b3;
    padding: 8px 12px;
    border-radius: 4px;
    font-size: 15px;
    outline: none;
    transition: border-color 0.3s, box-shadow 0.3s;
}
.form-container .search-form-key:focus {
    border: 5px solid #f47921;
    padding: 8px 12px;
    border-radius: 4px;
    font-size: 15px;
    outline: none;
    transition: border-color 0.3s, box-shadow 0.3s;
}

.btn-agps{
  background-color: #cd690e;
  color: white;
}
.btn-agps span{
  color: white;
}