/*
        Autor: Pedro Serio Guzman
        Fecha de inicio: 25/02/2026
        Fecha de última actualización: 26/08/2026
     */
     .login-button {
        background-color: #009970;
        color: #fff;
        font-size: 14px;
        padding: 8px 20px;
        border-radius: 50px;
        text-decoration: none;
        transition: 0.3s background-color;
     }
     .login-button:hover{
        background-color: #00b383;
     }

     /* Barra superior */
     .top-bar { background: #F2B233; font-size: 14px; padding: 10px 0; overflow: hidden; white-space: nowrap; }
     .marquee-text { display: inline-block; animation: scroll 15s linear infinite; font-weight: bold; color: #0d3c66; }
     @keyframes scroll { 0% { transform: translateX(100%); } 100% { transform: translateX(-100%); } }

     /* Header */
     .header-main { background: #0d3c66; color: #fff; padding: 10px 0; }
     .navbar-custom { background: #3e66ac; }
     .navbar-custom .nav-link { color: #fff !important; font-weight: 500; }
     .navbar-custom .nav-link:hover { background: #16345e; border-radius: 4px; }

     /* Dropdowns */
     .dropdown-submenu { position: relative; }
     .dropdown-submenu .dropdown-menu { top: 0; left: 100%; margin-top: -1px; }
     
     /* Ajuste para móvil en Dropdowns */
     @media (max-width: 992px) {
         .dropdown-submenu .dropdown-menu { left: 0; position: static; }
     }

     /* Carrusel 100% Responsivo */
     #carouselPrincipal {
         width: 100%;
     }
     .carousel-item { 
         height: 500px; 
         background-color: #000; /* Fondo de respaldo por si la imagen carga lento */
     }
     @media (max-width: 1200px) { 
         .carousel-item { height: 400px; } 
     }
     @media (max-width: 992px) { 
         .carousel-item { height: 320px; } 
     }
     @media (max-width: 576px) { 
         .carousel-item { height: 210px; } 
     }
     .carousel-item img { 
         width: 100% !important; 
         height: 115% !important; 
         object-fit: cover; 
         object-position: center center;
     }

     /* Sección de Próximos Eventos y Convocatorias con Estilo de Color */
     .section-convocatorias {
         background: linear-gradient(135deg, #eef4fc 0%, #fef9e7 100%);
         padding: 50px 20px;
         border-radius: 16px;
         box-shadow: inset 0 0 20px rgba(13, 60, 102, 0.05);
         border: 1px solid #d9e2ec;
     }
     .section-convocatorias .card {
         border-left: 5px solid #0d3c66;
         transition: transform 0.3s ease, box-shadow 0.3s ease;
     }
     .section-convocatorias .card:hover {
         transform: translateY(-5px);
         box-shadow: 0 1rem 2rem rgba(13, 60, 102, 0.15) !important;
     }

     /* Footer */
     footer { background: #16345e; padding: 20px 0; color: #f3f3f3; }