/*#00159a*/
 body {
     min-width: 320px;
 }

 .nav-link,
 .nav-link,
 .nav-item,
 .active {
     font-weight: bold;
     font-size: 10pt;
     color: crimson;
 }


 .superior {
     background-color: crimson;
 }

 .superior .collapse .nav-item .nav-link {
     color: #fff;
     font-weight: bold;
 }

 /*#0080ba*/

 h2 {
     font-size: 13pt;
 }

 h3 {
     color: crimson;
     font-size: 13pt;
     font-weight: bolder;
 }

 h4 {
     font-size: 13pt;
 }

 footer {
     background-color: #fff;
 }

 .btn-primary {
     background-color: crimson !important;
     border-color: crimson !important;
 }

 .tt_footer {
     background-color: crimson !important;
     border-color: crimson !important;
     color: #fff;
     position: relative;
     /* o absolute, fixed, sticky según necesites */
     z-index: 100 !important;
 }

 .ttDia {
     background-color: crimson !important;
     border-color: crimson !important;
     color: #fff;
     position: relative;
     /* o absolute, fixed, sticky según necesites */
     z-index: 1000 !important;
 }

 a {
     color: crimson;
     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;
 }

 a:hover,
 a:focus {
     background-size: 100% 2px;
     transition: right .8s;
     color: crimson;
     color: rgb(92, 0, 0);
 }

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

 .tab-pane {
     color: #000 !important;

 }

 #nav_sup {
     display: block;
 }

 #id_tc_m,
 #id_whatsapp_m,
 #id_facebook_m,
 #id_tel_m,
 #id_mail_m {
     display: none;
 }

 .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;
 }

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

 .font_rojo {
     color: crimson !important;
     /* #cc0614 */
     font-size: 13pt;
 }

 #id_Bloqueos {
     text-shadow: 2px 2px 2px #cccccc !important;
 }

 /* Estilo base para todas las pantallas */
 .carousel-item img {
     width: 100%;
     object-fit: cover;
     /*height: 500px;*/
     /* Default para móviles */
 }

 @media (min-width: 576px) {
     .carousel-item img {
         height: auto;
         /*height: 500px;*/
         /*height: 300px;*/
     }
 }

 @media (min-width: 768px) {
     .carousel-item img {
         height: auto;
         /*height: 400px;*/
         /*height: 300px;*/
     }
 }

 @media (min-width: 992px) {
     .carousel-item img {
         height: auto;
         /*height: 500px;*/
         /*height: 300px;*/
     }
 }

 @media only screen and (max-width: 600px) {

     /*.foto_banner {
                height: 350px;
            }*/

     #nav_sup {
         display: none;
     }

     #id_tc_m,
     #id_whatsapp_m,
     #id_facebook_m,
     #id_tel_m,
     #id_mail_m {
         display: block;
     }
 }

 .ui-menu {
     width: 100% !important;
     border: 0px solid #ccc !important;
 }

 .sub_menu {
     border: 0px solid #ccc !important;
 }

 .sub_menu:hover {
     background-color: #ccc;
 }

 #iframeIdcursos_idiomas {
     width: 100% !important;
     height: 70vh !important;
 }

 /*WhatsApp*/
 /* --- Estilos para el botón de la empresa --- */
 .empresa-btn {
     position: fixed;
     right: 20px;
     bottom: 190px;
     /* Subido 40px más: 150 + 40 = 190px */
     z-index: 1000;
     display: flex;
     align-items: center;
     justify-content: center;
     text-decoration: none;
     background-color: #007bff;
     color: #fff;
     border-radius: 50px;
     box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
     transition: all 0.3s ease;

     width: 60px;
     height: 60px;
     padding: 0;
     overflow: hidden;
 }

 .empresa-btn i {
     font-size: 30px;
     margin-right: 0;
     transition: margin-right 0.3s ease;
     color: #fff;
     /* Aseguramos que el color base del icono sea blanco */
 }

 .empresa-text {
     font-size: 16px;
     white-space: nowrap;
     opacity: 0;
     max-width: 0;
     overflow: hidden;
     color: #fff;
     transition: opacity 0.3s ease, max-width 0.3s ease;
 }

 /* Efecto al pasar el mouse (hover) */
 .empresa-btn:hover {
     width: 180px;
     background-color: #0056b3;
     border-radius: 30px;
 }

 .empresa-btn:hover i {
     margin-right: 10px;
     color: #fff;
     /* Cambia el color del ícono a blanco en hover */
 }

 .empresa-btn:hover .empresa-text {
     opacity: 1;
     max-width: 120px;
 }

 /* --- Estilos para el botón de WhatsApp --- */
 .whatsapp-btn {
     position: fixed;
     right: 20px;
     bottom: 120px;
     /* Subido 40px más: 80 + 40 = 120px */
     z-index: 1000;
     display: flex;
     align-items: center;
     justify-content: center;
     text-decoration: none;
     background-color: #25d366;
     color: #fff;
     border-radius: 50px;
     box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
     transition: all 0.3s ease;

     width: 60px;
     height: 60px;
     padding: 0;
     overflow: hidden;
 }

 .whatsapp-btn i {
     font-size: 30px;
     margin-right: 0;
     transition: margin-right 0.3s ease;
     color: #fff;
     /* Aseguramos que el color base del icono sea blanco */
 }

 .whatsapp-text {
     font-size: 18px;
     white-space: nowrap;
     opacity: 0;
     max-width: 0;
     overflow: hidden;
     color: #fff;
     transition: opacity 0.3s ease, max-width 0.3s ease;
 }

 .whatsapp-btn:hover {
     width: 180px;
     background-color: #128c7e;
     border-radius: 30px;
 }

 .whatsapp-btn:hover i {
     margin-right: 10px;
     color: #fff;
     /* Cambia el color del ícono a blanco en hover */
 }

 .whatsapp-btn:hover .whatsapp-text {
     opacity: 1;
     max-width: 100px;
 }