/* BTN */

.btn-enlace {
    font-weight: 500;
    font-size: 14px;
    letter-spacing: 1px;
    display: inline-block;
    padding: 10px 25px;
    border-radius: 50px;
    transition: 0.5s;
    line-height: 1;
    color: #fff;
    border: 1px solid #fff;
    animation-delay: 0.8s;
  }
  
  .btn-enlace:hover {
    border: 1px solid orange;
    color: #444;
    color: #fff !important;
  }
  
  /* Botones */
  
  .btn-primary {
    --bs-btn-color: #fff;
    --bs-btn-bg: #094279;
    --bs-btn-border-color: #094279;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #1a5ba0;
    --bs-btn-hover-border-color: #1a5ba0;
    --bs-btn-focus-shadow-rgb: 49, 132, 253;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #0a58ca;
    --bs-btn-active-border-color: #0a53be;
  }
  
  /* Efecto subrayado de enlaces */
  
  .enlace {
    text-decoration: none;
    position: relative;
  }
  
  .enlace::before {
    content: "";
    position: absolute;
    left: 0;
    bottom: -1px;
    /* Ajuste necesario para mostrar la línea debajo del enlace */
    width: 0%;
    height: 1px;
    background-color: orange;
    transition: width 0.3s;
  }
  
  .enlace:hover::before {
    width: 100%;
  }
  
  /* Background */
  
  .bg-primary {
    background-color: #094279 !important;
    color: var(--bs-white);
  }
  
  .bg-primary:hover {
    background-color: #1a5ba0 !important;
  }
  
  .bg-facebook {
    background-color: #5d82d1;
    color: var(--bs-white);
  }
  
  .bg-youtube {
    background-color: #ff0000;
    color: var(--bs-white);
  }
  
  .bg-video {
    background-color: rgb(9, 65, 121, 0.9) !important;
    border: 1px solid rgba(255, 255, 255, 0.4);
  }
  
  /* Borde de íconos */
  
  .border-icono {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    width: 40px;
    height: 40px;
    border: 1px solid #eee;
    background-color: #005588;
    color: #fff;
    font-size: 1.4rem;
    margin-bottom: 5px;
    border-radius: 50%;
  }
  
  /* Gradientes */
  
  .gradient-1 {
    background: #094279;
    background: -moz-linear-gradient(to right, #094279, #3a7bd5);
    background: -webkit-linear-gradient(to right, #094279, #3a7bd5);
    background: linear-gradient(to right, #094279, #3a7bd5);
  }
  
  .gradient-1-top {
    background: #094279;
    background: -moz-linear-gradient(top, #094279, #3a7bd5);
    background: -webkit-linear-gradient(top, #094279, #3a7bd5);
    background: linear-gradient(to bottom, #094279, #3a7bd5);
  }
  
  .gradient-1-bottom {
    background: #094279;
    background: -moz-linear-gradient(bottom, #094279, #3a7bd5);
    background: -webkit-linear-gradient(bottom, #094279, #3a7bd5);
    background: linear-gradient(to top, #094279, #3a7bd5);
  }
  
  .gradient-1-radial {
    background: #094279;
    background: -moz-radial-gradient(circle, #094279, #3a7bd5);
    background: -webkit-radial-gradient(circle, #094279, #3a7bd5);
    background: radial-gradient(circle, #094279, #3a7bd5);
  }
  
  /* Calculadora */
  
  .modal-header {
    border-bottom: 0 !important;
  }
  
  .no-styles th {
    background-color: transparent;
    border: none;
    pointer-events: none;
  }
  
  @media only screen and (max-width: 500px) {
    .tabla-calculadora {
      font-size: 0.9rem;
    }
  }
  
.result-item {
   display: flex;
   justify-content: space-between;
   align-items: center;
   padding: 10px;
   border: 1px solid #ddd;
   border-radius: 5px;
   background-color: #f8f9fa;
}

.result-content {
   flex-grow: 1;
   /* Permite que el contenido ocupe todo el espacio disponible */
   margin-right: 20px;
   /* Espacio entre el contenido y la etiqueta de categoría */
}

.category-badge {
   display: inline-block;
   width: 100px;
   text-transform: uppercase;
   font-size: 12px;
   padding: 5px;
   border-radius: 5px;
}

.documentos {
   background-color: #007bff;
   color: white;
}

.noticias {
   background-color: #28a745;
   color: white;
}

.accesos {
   background-color: #17a2b8;
   color: white;
}

.tramites {
   background-color: #ffc107;
   color: black;
}

.faq {
   background-color: #dc3545;
   color: white;
}

/* Estilos para la barra de categorías */
#categories .btn {
   background-color: #f8f9fa;
   /* Color de fondo por defecto */
   color: #333;
   /* Color de texto */
   border-color: #ddd;
   /* Color del borde */
}

#categories .btn:hover {
   background-color: #e2e6ea;
   /* Color de fondo al pasar el ratón */
}

#categories .btn.active,
#categories .btn:focus {
   background-color: #6c757d;
   /* Color de fondo para el botón activo */
   color: white;
   /* Color de texto para el botón activo */
}

/* Responsividad: botones en bloque en pantallas pequeñas */

/* Search alert */

.search-alert {
   color: #dc3545;
   /* Cambia el color del texto para mayor visibilidad */
   background-color: #fff3cd;
   /* Un fondo suave que resalta el mensaje */
   border-left: 5px solid #ffeeba;
   /* Una línea lateral para llamar la atención */
   padding: 10px 20px;
   /* Añade un poco de relleno para hacerlo más legible */

   border-radius: 5px;
   /* Bordes redondeados para un look más suave */
   box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
   /* Una ligera sombra para dar profundidad */
   text-align: center;
   /* Centra el texto dentro del mensaje */
}

.alert-warning {
   color: #856404;
   /* Color del texto */
   background-color: #fff3cd;
   /* Color de fondo */
   border-color: #ffeeba;
   /* Color del borde */
   padding: 10px 20px;
   /* Añade un poco de relleno para hacerlo más legible */
   border-radius: 5px;
   /* Bordes redondeados */
   box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
   /* Sombra suave */
}

.alert-dismissible .btn-close {
   padding: 1rem 1rem !important;
   box-shadow: none;
}

/* Btn Group */

.btn-group {
   width: 100%;
}

/* Paginación */

.pagination {
   display: flex;

   list-style-type: none;
   /* Elimina los estilos de lista predeterminados */
   padding: 0;
   /* Elimina el relleno predeterminado */
}

.pagination li {
   margin: 0 5px;
   /* Añade un pequeño margen entre elementos */
}

.pagination .page-link {
   border-radius: 5px;
   /* Bordes redondeados para los enlaces */
}

/* Estilos específicos para los puntos suspensivos */
.pagination .dots {
   pointer-events: none;
   /* Evita que se pueda hacer clic en los puntos suspensivos */
   color: #6c757d;
   /* Color de los puntos suspensivos */
}

@media (max-width: 576px) {
   .pagination .page-link {
      min-width: 32px;
      /* Asegura que los íconos tienen espacio suficiente */
   }

   .pagination .page-item.dots .page-link {
      pointer-events: none;
      /* Los puntos no deben ser clicables */
   }
}

/* Tooltip */
@media (min-width: 768px) {

   /* Ajusta el punto de ruptura según tus necesidades */
   .tooltip {
      display: none !important;
      /* Oculta tooltips en pantallas no móviles */
   }
}
.modal-nested .modal-backdrop {
   z-index: -1;
}
.accordion-faqs{
   --bs-accordion-bg: #fff0 !important;
}
.accordion-button {
   background-color: transparent !important;
}
.accordion-button:not(.collapsed) {
   background-color: transparent !important;
   color: inherit;
}
.accordion-button:focus {
   box-shadow: none;
}
.accordion-button::after {
   display: none;
}
.d-flex.justify-content-between {
   display: flex;
   justify-content: space-between;
   width: 100%;
}
.accordion-button:focus {
   box-shadow: none;
}


.myDataTable {
    border: 0 !important;
  }
  .myDataTable th,
  .myDataTable td {
    border: 0 !important;
  }
  .myDataTable thead,
  .myDataTable tbody {
    border: 0 !important;
  }