*, ::before, ::after {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
}

body {
    font-family: roboto, sans-serif;
}


.home {
    height: 100vh;
    position: relative;
    
}
.backround-video {
    position: relative;
    width: 100%;
    height: 100vh; /* Ajusta el tamaño al 100% de la altura de la ventana */
    overflow: hidden;
  }
  
  .backround-video video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    z-index: -2; /* Video en la capa más baja */
  }
  .backround-video::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: url('../images/pattern.png') repeat; /* Reemplaza con la ruta de tu imagen */
    opacity: 0.4; /* Ajusta la opacidad del patrón para que no cubra completamente el video */
    z-index: -1; /* Patrón encima del video */
  }
  
  .home-content {
    position: relative;
    z-index: 1; /* El contenido se queda por encima del video y el patrón */
    text-align: center;
    color: white;
  }
  



.home-content {
    position: relative;
    padding-top: 150px;    
    text-align: center;
    color: transparent; /* Hace que el texto sea transparente */
  -webkit-text-stroke: 0.6px rgb(255, 255, 255); /* Añade el borde negro al texto */ 
}

.home-content h1{
    font-family: "Bebas Neue", sans-serif;
    font-weight: 500;
    font-style: normal;
    text-transform: uppercase;
    position: relative;
    margin-bottom: 0px;
    text-align: center;
    line-height: 1;
    font-size: 125px;
    opacity: .1;
    background: url(../images/pattern.png);

    
}


.home-content span{
    color: #ff7a08;   
}
.botones-medio{
    margin-top: 45px;
    margin-bottom: 15px;
}
.bebas-neue-regular {
    font-family: "Bebas Neue", sans-serif;
    font-weight: 400;
    font-style: normal;
  }
h1 {
    
    font-size: clamp(45px, 7vw, 130px);
    line-height: 1.1;
    
}

.home p {
    font-size: clamp(25px, 4vw, 40px);
    margin-top: 10px;
}

.home-content button {
    display: block;
    font-size: clamp(14px, 1.5vw, 18px);
    border: 1px solid #f1f1f1;
    border-radius: 5px;
    background: transparent;
    color: #fff;
    margin: 50px auto 0;
    padding: 12px 20px;
    cursor: pointer;
}

.icon-top-navbar{
  background-color: #919194;
  margin-left: 3px !important;
  padding: 6px 0;
}
.icon-top-navbar:hover{
  background-color: #cd690e;
  margin-left: 3px !important;
  color: #d9d9d9 !important;
}
.texto-top-navbar{
  text-transform: uppercase;
  font-size: 0.8em;
}
/*texto slide*/

.text-animated{
    font-family: "Bebas Neue";
    overflow-x: hidden;
    width: 100%;
    height: 100vh;
    display: flex;
    align-items: center;
    background: #1e2134;  
    line-height: 1.7;
    color: #fff;  
    transform: skewY(-5deg);
}

 .bg-text-container {
     transform: translateX(-50%);
    left: 50%;
    position: absolute;
  z-index: -999;
}

@keyframes text-scrolling {
    0% { transform: translate3d(-100%, 0, 0); }
    100% { transform: translate3d(0%, 0, 0); }
  }
  
  .animate-text {
    animation: text-scrolling 20s linear infinite;
    will-change: transform;
    display: block;
    position: relative;
    white-space: nowrap;
    
    &.left {
      animation-direction: reverse;
    }
    
  }
  
  .animate-text span {
    font-size: 280px;
    color: transparent;
    -webkit-text-stroke: 2px #30442a;
    text-transform: uppercase;
    display: inline-block;
    line-height: 0.75;
    min-width: auto;
    font-weight: 800;
  }


  /* Animation text */
  svg {
	font-family: "Bebas Neue", sans-serif;
	width: 100%; height: 100%;
}
svg text {
	animation: stroke 10s infinite alternate;
	stroke-width: 2;
	stroke: #365FA0;
	font-size: 83px;
}
@keyframes stroke {
	0%   {
		fill: rgba(72,138,204,0); stroke: rgba(54,95,160,1);
		stroke-dashoffset: 25%; stroke-dasharray: 0 50%; stroke-width: 2;
	}
	70%  {fill: rgba(72,138,204,0); stroke: rgba(54,95,160,1); }
	80%  {fill: rgba(72,138,204,0); stroke: rgba(54,95,160,1); stroke-width: 3; }
	100% {
		fill: rgba(72,138,204,1); stroke: rgba(54,95,160,0);
		stroke-dashoffset: -25%; stroke-dasharray: 50% 0; stroke-width: 0;
	}
}


/* Submenús alineados a la derecha que se desplazan hacia la izquierda */
.navbar-nav .dropdown-menu-right {
  right: 0;
  left: auto;
}

/* Para los submenús que se muestran muy a la derecha, los desplaza hacia la izquierda */
.dropdown-menu.dropdown-menu-right .dropdown-submenu > .dropdown-menu {
  left: auto;
  right: 100%;
  margin-left: -1px;
}


/*Para Carousel principal*/
/*Para Carousel principal*/
.carousel-image-container {
    height: 380px; /* Establece la altura fija de 450px */
    overflow: hidden; /* Oculta cualquier parte de la imagen que se salga del contenedor */
    position: relative; /* Asegura que la capa oscura y el caption se posicionen correctamente */
}

.carousel-image {
    width: 100%;
    height: 100%;
    object-fit: cover; /* Ajusta la imagen para cubrir el contenedor, recortando si es necesario */
    display: block; /* Asegura que no haya espacio debajo de la imagen */
}

.carousel-main {
    padding-left: 0 !important;
    padding-right: 0 !important;
}

/* Vamos a apuntar directamente al h1 dentro de .animated-caption para más especificidad */
.animated-caption h1 {
    color: #fff ; /* Aseguramos que el color del texto sea blanco */
    font-size: 2.08rem; /* Establecemos el tamaño de la fuente */
    font-weight: 800; /* Establecemos el peso de la fuente */
    line-height: 1.2; /* Ajustamos el espaciado entre líneas */
    margin-bottom: 0; /* Resetear márgenes que Bootstrap podría aplicar */
    /*text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.8);  */

    
}
.animated-caption .titulo-2-custom{
    font-size: 1.70rem;
}

.image-overlay-dark {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    /*background-color: rgba(0, 0, 0, 0.4); /* Fondo negro con 40% de opacidad */
    pointer-events: none; /* Permite la interacción con la imagen */
    z-index: 1; /* Asegura que esté por encima de la imagen */
}


.animated-caption {    
    opacity: 0; /* Inicialmente oculto */
    transform: translateY(25px); /* Empieza ligeramente abajo */
    transition: opacity 0.5s ease-in-out, transform 0.5s ease-in-out;
    position: absolute;
    padding: 15px;
    z-index: 10; /* Asegura que esté por encima de la capa oscura */
}

/**/
/* Definición única de la animación */
@keyframes slideUp {
    0% {
        opacity: 0;
        transform: translateY(50px);
    }
    100% {
        opacity: 1;
        transform: translateY(0);
    }
}

@keyframes fadeIn {
    to { opacity: 1; }
}

/* Estilos consolidados para el título */
.animated-caption h1 {
    position: relative;
    display: inline-block;
    padding: 15px 25px;
    color: #787777;/*white;*/
    opacity: 0;
    transform: translateY(50px);
    animation: slideUp 0.9s ease-out 0.4s forwards;
    width: 60%;
    /* Se eliminó la declaración duplicada de animation */
}

.animated-caption h1::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    /*background-color: rgba(0, 0, 0, 0.3);*/
    border-radius: 4px;
    z-index: -1;
    opacity: 0;
    animation: fadeIn 0.8s ease-out 0.5s forwards;
}
/**/
.carousel-control-next, .carousel-control-prev{
    z-index: 100;
}
.carousel-control-next, .carousel-control-next{
    z-index: 100;
}

.carousel-item.active .animated-caption {
    opacity: 1;
    transform: translateY(0); /* Se mueve a su posición final */
}

.bottom-left {
    bottom: 25px;
    left: 25px;
    text-align: left; /* Alineamos el texto a la izquierda */
}

.bottom-right {
    bottom: 30px;
    right: 30px;
    text-align: right; /* Alineamos el texto a la derecha */
}

/*Extras carousel */




/* Estilos para pantallas más pequeñas (responsive) */
@media (max-width: 575px) {
    .animated-caption {
        padding: 5px;
        bottom: 5px;
        left: 8px;
        right: 8px; /* Permite que el texto se ajuste al ancho */
        text-align: center !important; /* Centra el texto en pantallas pequeñas */
    }
    .carousel-image-container {
    height: auto;
    overflow: hidden; /* Oculta cualquier parte de la imagen que se salga del contenedor */
    position: relative; /* Asegura que la capa oscura y el caption se posicionen correctamente */
    }
    .animated-caption h1 {    
    padding: 1px 8px; 
    width: 50%;           
    }
    
    .animated-caption .titulo-2-custom {
        font-size: 0.6em !important; /* Reduce el tamaño de la fuente en pantallas pequeñas */   
        top: 16px;     
    }
    .bottom-left {
    bottom: 2px;
    left: 3px;
    text-align: left !important; /* Alineamos el texto a la izquierda */
    }

    .bottom-right {
        left: 5px; /* Evita que se superponga con el borde en pantallas pequeñas */
        right: auto; /* Anula la alineación a la derecha específica */
        text-align: center !important; /* Centramos también en pantallas pequeñas */
    }
}

/* Estilos para pantallas más pequeñas (responsive) */
@media (max-width: 996px) {
    .animated-caption {
        padding: 10px;
        bottom: 15px;
        left: 15px;
        right: 15px; /* Permite que el texto se ajuste al ancho */
        text-align: center !important; /* Centra el texto en pantallas pequeñas */
    }
    .carousel-image-container {
    height: auto;
    overflow: hidden; /* Oculta cualquier parte de la imagen que se salga del contenedor */
    position: relative; /* Asegura que la capa oscura y el caption se posicionen correctamente */
    }

    .animated-caption .titulo-2-custom {
        font-size: 0.85em; /* Reduce el tamaño de la fuente en pantallas pequeñas */
        top: 18px;
    }
    .bottom-left {
    bottom: 10px;
    left: 10px;
    text-align: left !important; /* Alineamos el texto a la izquierda */
    }

    .bottom-right {
        left: 15px; /* Evita que se superponga con el borde en pantallas pequeñas */
        right: auto; /* Anula la alineación a la derecha específica */
        text-align: right !important; /* Centramos también en pantallas pequeñas */
    }
}

/*Animacion botones arriba*/

.animated-link {
    opacity: 0;
    transform: translateX(-20px);
    transition: opacity 0.5s ease-out 0.3s, transform 0.5s ease-out 0.3s; /* Agregamos un retraso de 0.3s */
    animation: fadeInSlide 0.5s ease-out 0.3s forwards; /* Definimos una animación */
}

@keyframes fadeInSlide {
    from {
        opacity: 0;
        transform: translateX(-20px);
    }
    to {
        opacity: 1;
        transform: translateX(0);
    }
}

/*Botones animacion*/

.btn-main {
    background-color: #e87532 !important;
    color: white !important;   
    border: none !important; /* Opcional: si no quieres bordes */
    padding: 12px 25px !important; /* Ajusta el padding según necesites */
    border-radius: 5px !important; /* Opcional: para bordes redondeados */
    opacity: 0;
    transform: translateY(30px);
    transition: opacity 0.5s ease-out, transform 0.5s ease-out;
}

.animated-on-scroll.visible {
    opacity: 1;
    transform: translateY(0);
}

.btn-main:hover {
    transform: scale(1.05); /* Pequeño aumento de tamaño al pasar el mouse */
    transition: transform 0.3s ease-in-out;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2); /* Sutil sombra al pasar el mouse */
    
}

/*Link de interes*/
.carousel-logos{
    margin-bottom: 30px;}
.carousel-logos h4{
    color: #f47920;}

.logo-carousel-container {
    overflow: hidden;
    width: 100%;
    /* Ajusta el padding horizontal para centrar el contenido en pantallas más pequeñas */
    padding-left: 20px;
    padding-right: 20px;
}

.logo-carousel {
    display: flex; /* Para alinear los slides horizontalmente */
    transition: transform 0.5s ease-in-out; /* Transición suave para el desplazamiento */
}

.logo-slide {
    flex: 0 0 auto;
    padding: 10px;
    text-align: center;
    box-sizing: border-box; /* Incluye el padding en el ancho */
}

.logo-slide img {
    max-width: 100%; /* Asegura que la imagen no exceda el ancho de su contenedor */
    height: auto;
    max-height: 35px; /* O una altura máxima que desees */
    filter: grayscale(100%); /* Un gris más pronunciado */
    opacity: 0.6; /* Reduce ligeramente la opacidad */
    transition: filter 0.3s ease-in-out;
    cursor: pointer;
    display: block; /* Evita espacio extra debajo de la imagen */
    margin: 0 auto; /* Centra horizontalmente la imagen dentro del slide */
}

.logo-slide img:hover {
    filter: grayscale(0%); /* Elimina el filtro de escala de grises al pasar el mouse */
    opacity: 0.9; /* Reduce ligeramente la opacidad */
}
/* Ajustes para diferentes tamaños de pantalla */
@media (max-width: 768px) {
    .logo-slide {
        width: 30px; /* Permite que los slides se ajusten al contenido */
    }

    .logo-slide img {
        max-height: 40px; /* Reduce el tamaño en pantallas más pequeñas */       
    }
    .carousel-logos{        
        padding-top: 20px;
    }
    .page-contenido .card-body{
        padding: 2px;
    }
    .page-contenido .card-body .estilo-publicaciones table tr td{
        font-size: 0.75em;
    }
    .container .contenido-cuerpo-noticia .card-title{
        font-size: 1.45em;
    }
    .container .contenido-cuerpo-noticia .img-titulo-noticia-contenido{
        width: 90%;
    }
    .container .contenido-cuerpo-noticia{
       margin: 10px 2px;
       padding-top: 20px;
    }
    .container .contenido-cuerpo-noticia .post-excerpt{
       margin: 15px 4px;
    }
}

@media (max-width: 480px) {
    .logo-slide img {
        max-height: 35px; /* Reduce aún más el tamaño en pantallas muy pequeñas */
    }
}
/*Logo Footer*/

.footer-logo img {
    max-width: 150px; /* Ajusta el tamaño máximo del logo */
    height: auto;
    display: block; /* Para que margin: 0 auto; funcione si lo necesitas */
    margin: 0 auto 10px; /* Centra horizontalmente y agrega un margen inferior */
}

.footer-institution-name p {
    font-size: 1.2em; /* Ajusta el tamaño del texto del nombre */
    color: #333; /* Ajusta el color del texto */
    margin-bottom: 0; /* Elimina el margen inferior predeterminado del párrafo */
}
.footer-fondo{    
    background-image: url(../../img/main/slide_bg2.png) , url(../../img/main/logoFooterL0.png);
    background-position: right bottom, right bottom;
    background-repeat: repeat, no-repeat;
    background-color: #808080;
    /* background: #e67114 url(../img/main/logoFooterL.png) no-repeat right bottom; */
    color: #FFF;
    margin-top: 20px;
    padding: 40px 0 5px;
    overflow: auto;
    border-radius: 5px;
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
}


.copyright{
    color: white;
}
.footer-content{    
    padding-top: 30px;
}

/*CSS PARA NAVBAR CON LOGO A LA IZQUIERA*/
.navigation {
    display: flex;
    align-items: center;
}

.navbar-brand {
    padding: 0;
    margin: 0;
    height: 100%;
    display: flex;
    align-items: center;
}

.logo-agp{
    height: 100px;
    padding-bottom: 10px; 
    max-height: 90px;
    width: auto;
}


.header-top {
    padding: 5px 0;
}
@media (max-width: 768px) {
    .texto-top-navbar{
        text-align: center;
    }
    .dropdown-menu {
    background-color: #ef8d37;
}
    .logo-agp{
        margin-top: 10px;
    }
}
@media (max-width: 400px) {
    .texto-top-navbar{
        text-align: center;
    }
    .icon-top-navbar{
        margin-bottom: 4px;
        background-color: #d1d1d1;
    }
    
}
@media (width < 64rem) {
    .navbar-nav {   
        background-color: #efefef;     
        text-align: left;
        width: 100%;
        overflow: hidden;
        padding-left: 5px;
    }}

/*Autoriades*/
/* Efecto hover (fondo naranja + texto blanco) */
.bg-hover-orange:hover {
  background-color: #fd7e14; /* Naranja de Bootstrap */
}

.hover-text-white:hover,
.hover-text-white:hover a {
  color: white !important;
}

/* Rombo que sobresale */
/* Efecto hover principal */
.bg-hover-orange:hover {
  background-color: #fd7e14; /* Naranja Bootstrap */
}

/* Efecto hover en TODO el card (no solo en bg-hover-orange) */
.card-hover-effect:hover .bg-hover-orange {
  background-color: #fd7e14 !important; /* Fondo naranja */
}

/* Cambia a blanco TODOS los elementos hijos al hacer hover en el card */
.card-hover-effect:hover .bg-hover-orange * {
  color: white !important;
  border-color: white !important;
}

/* Rombo que aparece al hacer hover en el card */
.card-hover-effect:hover .diamond-overlay {
  opacity: 1;
}

/* (Mantén el resto de tus estilos) */
.diamond-overlay {
  position: absolute;
  top: -15px;
  left: 50%;
  transform: translateX(-50%) rotate(45deg);
  width: 30px;
  height: 30px;
  background-color: #fd7e14;
  opacity: 0;
  transition: opacity 0.3s ease;
  z-index: 1;
}

.transition-all, .transition-all * {
  transition: all 0.3s ease;
}

.auditores-card {
  padding-bottom: 10px;
}
.auditores-card p{
  line-height: 1.5;
}

.auditores-card a{
  line-height: 1.2;
  font-size: 0.9em;
}

@media (max-width: 760px) {
    .presi-custom-perfil{
        width: 450px;
    }
}


.image-red img{
    width: 40%;
    text-align: center;
}


.bisel-effect {
  /* Sombra superior e izquierda (simula la luz) */
  box-shadow: 
    -5px -5px 10px rgba(255, 255, 255, 0.7), 
    5px 5px 10px rgba(0, 0, 0, 0.2); 
    /* Sombra inferior y derecha (simula la sombra) */
}

.memoria-item {
display: block;      
    padding-top: 5px;
    text-decoration: none;
    color: #337ab7;
    transition: all 0.3s ease;
    padding: 10px;
    
        }

.memoria-item a:hover {
            color: #f47920e8;
}
.memoria-item a:focus {
            color: #f47920e8;
}
.convenios p{
    line-height: 1.5;
}


.style-dispo h6{
    color: #f47920e8;
    font-weight: 600;
}
.descargar-pliegos{
    margin-bottom: 0px;
}
.descargar-pliegos a{
    text-transform: none;
}
.collapse-llamados{
    /*background-color: #e9e9e9;*/
    padding: 1px 8px 5px 10px;
}

/*Actividades*/
.carousel-actividades{
    margin-bottom: 30px;}

.actividades-carousel-container {
    overflow: hidden;
    width: 100%;
    /* Ajusta el padding horizontal para centrar el contenido en pantallas más pequeñas */
    padding-left: 20px;
    padding-right: 20px;
}

.actividades-carousel {
    display: flex; /* Para alinear los slides horizontalmente */
    transition: transform 0.5s ease-in-out; /* Transición suave para el desplazamiento */
}
.actividades-carousel .card-title {
    font-size: 0.8em;
}

.actividades-slide {
    flex: 0 0 auto;
    padding: 10px;
    text-align: center;
    box-sizing: border-box; /* Incluye el padding en el ancho */
}

.actividades-slide img {
    max-width: 100%; /* Asegura que la imagen no exceda el ancho de su contenedor */
    height: auto;
    max-height: 35px; /* O una altura máxima que desees */
    filter: grayscale(100%); /* Un gris más pronunciado */
    opacity: 0.6; /* Reduce ligeramente la opacidad */
    transition: filter 0.3s ease-in-out;
    cursor: pointer;
    display: block; /* Evita espacio extra debajo de la imagen */
    margin: 0 auto; /* Centra horizontalmente la imagen dentro del slide */
}

.actividades-slide img:hover {
    filter: grayscale(0%); /* Elimina el filtro de escala de grises al pasar el mouse */
    opacity: 0.9; /* Reduce ligeramente la opacidad */
}
/* Ajustes para diferentes tamaños de pantalla */
@media (max-width: 768px) {
    .actividades-slide {
        width: auto; /* Permite que los slides se ajusten al contenido */
    }

    .actividades-slide img {
        max-height: 60px; /* Reduce el tamaño en pantallas más pequeñas */
    }
}

@media (max-width: 480px) {
    .actividades-slide img {
        max-height: 40px; /* Reduce aún más el tamaño en pantallas muy pequeñas */
    }
}

.actividades-carousel .card {
            transition: transform 0.3s, box-shadow 0.3s;
            height: 100%;
            border: none;
            border-radius: 10px;
            overflow: hidden;
            box-shadow: 0 4px 8px rgba(0,0,0,0.1);
        }
.actividades-carousel .card:hover {
            transform: translateY(-5px);
            box-shadow: 0 12px 20px rgba(0,0,0,0.15);
        }
.actividades-carousel .card .card-date-above {
            padding: 4px 15px 0;
            color: #6c757d;
            font-size: 0.9rem;
            display: flex;
            align-items: center;
        }
.actividades-carousel .card .card-date-above i {
            margin-right: 5px;
            color: #f47920e8;
        }
.actividades-carousel .card-img-top {
            height: 180px;
            object-fit: cover;
            width: 100%;
            object-position: top;
        }
.actividades-carousel .card-title a {
            color: #333;
            text-decoration: none;
            font-weight: 600;
            transition: color 0.2s;
            text-transform: uppercase;
        }
.actividades-carousel .card-title a:hover {
            color: #f47920e8;
        }
.actividades-carousel .card-body {
            display: flex;
            align-items: center;
            min-height: 80px;
            padding: 15px;
        }
.actividades-carousel   .footer {
            text-align: center;
            margin-top: 40px;
            padding: 20px;
            color: #6c757d;
        }
        @media (max-width: 768px) {
.actividades-carousel    .card-img-top {
                height: 160px;
            }
 }           
.listado-actividades{
    padding: 2px 20px 10px 20px;
}
/*.listado-actividades ul li{
    padding-bottom: 3px;
}
.listado-actividades ul li a:hover{
    /*color: #f47920e8;*
}
.listado-actividades ul li a:focus{
    color: #f47920e8;
}
.listado-actividades .card-date-item{
        color: #6c757d;
    font-size: 0.9rem;
}
.listado-actividades .fa-calendar-alt{
        color: #f47920e8;    
}*/
.estilo-publicaciones p{
    margin-bottom: 5px;

}

.table-container table th{
    font-size: 0.9em;
    color: #f47920e8;
}
.table-container table tbody tr td{
    font-size: 0.85em;
    padding: 8px;
    vertical-align: middle;

}

.activities-list {
            list-style: none;
            padding: 0;
        }
        
        .activities-list li {
            margin-bottom: 15px;
            padding: 15px;
            border-radius: 8px;
            background: #f8f9fa;
            transition: all 0.3s ease;
            border-left: 4px solid transparent;
        }
        
        .activities-list li:hover {
            background: #f9b88869;
            border-left-color: #f58534;
            transform: translateX(5px);
        }
        
        .activities-list a {
            display: flex;
            align-items: flex-start;
            text-decoration: none;
            color: #2c3e50;
        }
        
        .activities-list a:hover {
            color: #333333;
            font-weight: lighter;
        }
        
        .activities-list i.fa-caret-right {
            color: #6e6e6e;
            margin-right: 12px;
            margin-top: 4px;
            flex-shrink: 0;
        }
        .activities-list .content-wrapper {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
}
.activities-list .date-container {
    margin-right: 15px;
    flex-shrink: 0;
    width: 115px;
}
.activities-list .date-container i {
            margin-right: 8px;
            color: #f47920e8;
        }
        
.activities-list .card-date-item {
            font-weight: 500;
            color: #656464e8;
            white-space: nowrap;
        }

.activities-list .title-container {
    flex: 1;
}

/** Tabla Presupuesto **/
.tabla-presupuesto{

}
.tabla-presupuesto .naranja{
    font-weight: 600;
    color: #f47920e8;
}
.tabla-presupuesto .primer-nivel td{
    padding-left: 25px;
    font-weight: 600;
}
.tabla-presupuesto .segundo-nivel td{
    padding-left: 45px;
}
.tabla-presupuesto .tercer-nivel td{
    padding-left: 65px;
}


/* Mejoras para móviles en el panel de búsqueda */
@media (max-width: 991.98px) {
  .panel-busqueda-informes {
    margin-bottom: 1rem;
  }
  
  .estilo-form-buscar .form-control {
    font-size: 16px; /* Evita zoom en iOS */
  }
  
  .estilo-form-buscar .form-check-inline {
    max-height: 150px;
    overflow-y: auto;
  }
}

/* Para la tabla en móviles */
@media (max-width: 767.98px) {
  .table-responsive {
    font-size: 14px;
  }
  
  .tabla-informes-thead {
    display: none;
  }
  
  #table tbody tr td {
    padding: 0.75rem 0.5rem;
  }
  
  #table tbody tr td a {
    word-break: break-word;
    display: block;
  }
}
@media (max-width: 767.98px) {
    .footer-institution-name .copyright{
        font-size: 0.9em;        
    }
    .footer-institution-name .text-sm{
        font-size: 0.8em;
        padding-top: 6px;        
    }
}
