/* CSS Document */
 body {
            font-family: 'Inter', sans-serif;
        }
        .slider-container {
            position: relative;
            overflow: hidden;
        }
        .slider-image {
            display: none;
            transition: opacity 1s ease-in-out;
            width: 100%;
            height: 100%;
            object-fit: cover;
        }
        .slider-image.active {
            display: block;
        }
        .slider-overlay {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background-color: rgba(0, 0, 0, 0.5);
        }
        .brand-blue {
            background-color: #0f4a7c;
        }
        .brand-text-blue {
            color: #0f4a7c;
        }
        /* Efecto de subrayado para el menú */
        .menu-link {
            position: relative;
        }
        .menu-link::after {
            content: '';
            position: absolute;
            width: 100%;
            transform: scaleX(0);
            height: 2px;
            bottom: -4px;
            left: 0;
            background-color: #0f4a7c;
            transform-origin: bottom right;
            transition: transform 0.25s ease-out;
        }
        .menu-link:hover::after {
            transform: scaleX(1);
            transform-origin: bottom left;
        }