.nav-link {
     font-weight: bold;
     color: #1d247c;
 }

 h3 {
     color: #1d247c;
 }

 #navbarSupportedContent a,
 footer a {
     color: #1d247c;
     text-decoration: none;
     background-image: linear-gradient(currentColor, currentColor);
     background-position: 0% 100%;
     background-repeat: no-repeat;
     background-size: 0% 2px;
     transition: background-size .3s;
 }

 #navbarSupportedContent a:hover,
 #navbarSupportedContent a:focus,
 footer a:hover,
 footer a:focus {
     background-size: 100% 2px;
     transition: right .8s;
 }

 .som_tt {
     color: #fff !important;
     font-weight: bold;
     text-shadow: 2px 2px 8px #000000 !important;
 }

 .container1 {
     width: 100%;
     height: 200px;
     overflow: hidden;
     margin: 0px;
     position: relative;
 }

 .container1>.crop {
     position: absolute;
     left: -100%;
     right: -100%;
     top: -100%;
     bottom: -100%;
     margin: auto;
     min-height: 100%;
     min-width: 100%;
     z-index: 0;
 }

 .scrollup {
     width: 40px;
     height: 40px;
     position: fixed;
     bottom: 50px;
     right: 1%;
     display: none;
     text-indent: -9999px;
     cursor: pointer;
 }

 @media only screen and (max-width: 600px) {
     .foto_banner {
         height: 350px;
     }
 }

 .card {
     position: relative;
     margin-bottom: 20px;
 }

 .card-img-overlay {
     display: flex;
     justify-content: center;
     align-items: center;
     text-align: center;
 }

 .tt_especiales {
     color: white;
     font-size: 1.5rem;
     font-weight: bold;
 }

 /* Sobrescribir el background y border por defecto del btn-primary */
 .btn-primary {
     --bs-btn-color: #ffffff;
     /* Texto blanco por defecto */
     --bs-btn-bg: #1b237c;
     --bs-btn-border-color: #1b237c;
     /* Estilos para el hover */
     --bs-btn-hover-color: #ffffff;
     --bs-btn-hover-bg: #1b237c;
     /* El mismo color en hover */
     --bs-btn-hover-border-color: #1b237c;
     /* Puedes añadir una ligera variación si quieres un hover más notorio */
     /* --bs-btn-hover-bg: darken(#1b237c, 5%); */
     /* Esto no funcionaría directamente en CSS plano sin PostCSS o similar */
     /* --bs-btn-hover-border-color: darken(#1b237c, 7%); */
     /* Estilos para el focus (anillo de enfoque) */
     --bs-btn-focus-shadow-rgb: 27, 35, 124;
     /* RGB de #1b237c para el shadow */
     /* Estilos para el active/clic */
     --bs-btn-active-color: #ffffff;
     --bs-btn-active-bg: #1b237c;
     --bs-btn-active-border-color: #1b237c;
 }

 /* Si quieres que haya una sutil diferencia en hover, puedes ajustar manualmente aquí */
 .btn-primary:hover {
     /* Por ejemplo, un 5% más oscuro */
     background-color: #1a206e;
     /* Un poco más oscuro que #1b237c */
     border-color: #1a206e;
 }

 /* Estilos para el nav-link activo */
 .nav-pills .nav-link.active,
 .nav-pills .nav-link.active:hover,
 .nav-pills .nav-link.active:focus {
     background-color: #1b237c;
     /* Color de fondo */
     color: #ffffff;
     /* Color del texto */
 }

 /* Estilos para los nav-link no activos en hover y focus */
 /* Esto asegura que los otros botones también tengan un hover consistente,
   o puedes ajustarlo para que sea diferente. */
 .nav-pills .nav-link:not(.active):hover,
 .nav-pills .nav-link:not(.active):focus {
     background-color: rgba(27, 35, 124, 0.1);
     /* Un color más claro para el hover de los no activos */
     color: #1b237c;
     /* Mantén el color del texto del mismo color que tu fondo principal */
 }

 /* Opcional: Estilos para el nav-link normal (no activo, no hover) */
 .nav-pills .nav-link {
     color: #495057;
 }