/* Hoja de Estilos para ALBC Consultores */

:root {
            --albc-blue-dark: #0d3a5f;
            --albc-blue-primary: #134467;
            --albc-blue-light: #1E6A9A;
            --albc-accent: #107C41;
            --albc-text-light: #f0f0f0;
            --albc-text-dark: #333;
            --albc-bg-light: #f9f9f9;
            --albc-white: #ffffff;
            --scroll-padding: 140px; /* Altura ajustada para el nuevo logo */
        }

        html { 
            scroll-behavior: smooth; 
            scroll-padding-top: var(--scroll-padding); 
        }

        body { 
            font-family: 'Poppins', sans-serif; 
            margin: 0; 
            color: var(--albc-text-dark); 
            background-color: var(--albc-white); 
            font-size: 16px; 
            line-height: 1.8; 
        }

        .container { 
            max-width: 1200px; 
            margin: 0 auto; 
            padding: 0 20px; 
        }

        /* --- ANIMACIONES Y UTILIDADES --- */
        @keyframes fadeIn { 
            from { opacity: 0; transform: translateY(20px); } 
            to { opacity: 1; transform: translateY(0); } 
        }
        .fade-in { animation: fadeIn 1s ease-out forwards; }
        .btn { 
            background-color: var(--albc-accent); 
            color: var(--albc-white); 
            padding: 18px 40px; 
            border-radius: 50px; 
            font-weight: 600; 
            text-decoration: none; 
            display: inline-block; 
            transition: all 0.3s ease; 
            border: 2px solid var(--albc-accent); 
        }
        .btn:hover { 
            background-color: transparent; 
            color: var(--albc-accent); 
            transform: translateY(-3px); 
        }
        .section-title { 
            text-align: center; 
            font-size: 2.8rem; 
            font-weight: 700; 
            color: var(--albc-blue-primary); 
            margin-bottom: 60px; 
        }

        /* --- HEADER --- */
        .header { 
            background: rgba(255, 255, 255, 0.9); 
            backdrop-filter: blur(10px); 
            box-shadow: 0 2px 15px rgba(0,0,0,0.1); 
            position: fixed; 
            top: 0; 
            width: 100%; 
            z-index: 1000; 
            height: var(--scroll-padding); 
        }
        .main-nav { 
            display: flex; 
            justify-content: space-between; 
            align-items: center; 
            height: 100%; 
        }
        .logo { height: 120px; } /* Ajuste de tamaño */
        .nav-links ul { 
            margin: 0; 
            padding: 0; 
            list-style: none; 
            display: flex; 
        }
        .nav-links li { margin-left: 35px; }
        .nav-links a { 
            text-decoration: none; 
            font-weight: 600; 
            color: var(--albc-blue-dark); 
            position: relative; 
            padding-bottom: 5px; 
        }
        .nav-links a::after { 
            content: ''; 
            position: absolute; 
            width: 0; 
            height: 3px; 
            bottom: 0; 
            left: 50%; 
            transform: translateX(-50%); 
            background-color: var(--albc-accent); 
            transition: width 0.3s ease; 
        }
        .nav-links a:hover::after, .nav-links a.active::after { width: 100%; }
        .mobile-nav-toggle { 
            display: none; 
            font-size: 28px; 
            cursor: pointer; 
            color: var(--albc-blue-primary); 
        }

        /* --- SECCIÓN INICIO --- */
        #inicio { 
            position: relative; 
            height: 100vh; 
            display: flex; 
            align-items: center; 
            justify-content: center; 
            text-align: center; 
            color: var(--albc-white); 
            overflow: hidden; 
        }
        #bg-video { 
            position: absolute; 
            top: 50%; 
            left: 50%; 
            min-width: 100%; 
            min-height: 100%; 
            width: auto; 
            height: auto; 
            z-index: -2; 
            transform: translateX(-50%) translateY(-50%); 
        }
        #inicio::after { 
            content: ''; 
            position: absolute; 
            top: 0; 
            left: 0; 
            width: 100%; 
            height: 100%; 
            background: rgba(13, 58, 95, 0.75); 
            z-index: -1; 
        }
        .hero-content { 
            z-index: 1; 
            opacity: 0; 
            animation: fadeIn 1.5s 0.5s ease-out forwards; 
        }
        #inicio h1 { 
            font-size: 4rem; /* Reducción del 10% */
            font-weight: 700; 
            text-shadow: 2px 2px 8px rgba(0,0,0,0.5); 
            margin-bottom: 20px; 
        }
        #inicio p { 
            font-size: 1.35rem; /* Reducción del 10% */
            font-weight: 300; 
            max-width: 800px; 
            margin: 0 auto 40px auto; 
        }

        /* --- SECCIONES GENÉRICAS --- */
        section { padding: 100px 0; }

        /* --- SECCIÓN SERVICIOS --- */
        .servicios-hub { 
            display: flex; 
            gap: 40px; 
        }
        .servicios-nav { flex: 1; }
        .servicio-tab { 
            padding: 20px; 
            border-left: 4px solid #eee; 
            cursor: pointer; 
            transition: all 0.3s ease; 
        }
        .servicio-tab:hover { background-color: #eef5fa; }
        .servicio-tab.active { 
            border-left-color: var(--albc-accent); 
            background-color: #eef5fa; 
        }
        .servicio-tab h3 { 
            margin: 0; 
            font-size: 1.2rem; 
            color: var(--albc-blue-dark); 
        }
        .servicio-content-area { 
            flex: 2; 
            position: relative; 
            min-height: 250px; 
        }
        .servicio-pane { 
            display: none; 
            opacity: 0; 
            transition: opacity 0.5s ease; 
            position: absolute; 
            width: 100%; 
        }
        .servicio-pane.active { 
            display: block; 
            opacity: 1; 
            position: relative; 
            animation: fadeIn 0.5s ease; 
        }
        .servicio-pane h3 { 
            font-size: 2rem; 
            color: var(--albc-blue-primary); 
        }
        .servicio-pane .icon { 
            font-size: 2rem; 
            color: var(--albc-accent); 
            margin-right: 15px; 
        }

        /* --- SECCIÓN NOSOTROS --- */
        .nosotros-grid { 
            display: grid; 
            grid-template-columns: 1fr 1.5fr; 
            align-items: center; 
            gap: 60px; 
        }
        .nosotros-image img { 
            width: 100%; 
            border-radius: 8px; 
            box-shadow: 0 10px 30px rgba(0,0,0,0.1); 
        }
        .nosotros-text h3 { 
            font-size: 1.8rem; 
            color: var(--albc-blue-primary); 
            margin-top: 20px; 
            margin-bottom: 10px; 
        }
        .nosotros-text h3:first-child { margin-top: 0; }

        /* --- SECCIÓN CLIENTES --- */
        #clientes { background-color: var(--albc-bg-light); }
        .testimonial-slider { 
            position: relative; 
            max-width: 800px; 
            margin: 0 auto; 
            overflow: hidden; 
            padding: 0 50px; 
        }
        .testimonial-slides { 
            display: flex; 
            transition: transform 0.5s ease-in-out; 
        }
        .testimonial-slide { 
            min-width: 100%; 
            box-sizing: border-box; 
            padding: 20px; 
            text-align: center; 
        }
        .testimonial-slide img { 
            width: 100px; 
            height: 100px; 
            border-radius: 50%; 
            object-fit: cover; 
            margin-bottom: 20px; 
            border: 4px solid var(--albc-accent); 
        }
        .testimonial-slide .quote { 
            font-style: italic; 
            font-size: 1.2rem; 
            margin-bottom: 20px; 
            color: #555; 
        }
        .testimonial-slide .author { 
            font-weight: 700; 
            color: var(--albc-blue-primary); 
        }
        .testimonial-slide .author-title { 
            font-size: 0.9rem; 
            color: #777; 
        }
        .slider-nav { 
            position: absolute; 
            top: 50%; 
            left: 0; 
            right: 0; 
            width: auto; 
            display: flex; 
            justify-content: space-between; 
            transform: translateY(-50%); 
        }
        .slider-nav button { 
            background-color: rgba(19, 68, 103, 0.8); 
            color: white; 
            border: none; 
            font-size: 1.5rem; 
            cursor: pointer; 
            border-radius: 50%; 
            width: 50px; 
            height: 50px; 
            transition: background-color 0.3s ease; 
        }
        .slider-nav button:hover { background-color: var(--albc-accent); }

        /* --- SECCIÓN CONTACTO --- */
        .contacto-grid { 
            display: grid; 
            grid-template-columns: 1fr 1.5fr; 
            gap: 50px; 
            align-items: start;
        }
        .contact-info h3, .contact-form h3 { 
            font-size: 1.8rem; 
            color: var(--albc-blue-primary); 
            margin-bottom: 20px; 
        }
        .contact-info p { 
            display: flex; 
            align-items: center; 
            margin-bottom: 20px; 
        }
        .contact-info .icon { 
            font-size: 1.2rem; 
            color: var(--albc-accent); 
            margin-right: 15px; 
            width: 25px; 
        }
        .form-group { 
            margin-bottom: 20px; 
            width: 100%; 
        }
        .form-group input, .form-group textarea { 
            width: 100%; 
            padding: 15px; 
            border: 1px solid #ddd; 
            border-radius: 8px; 
            font-family: 'Poppins', sans-serif; 
            font-size: 1rem; 
            box-sizing: border-box; 
        }

        /* --- FOOTER --- */
        .footer { 
            background-color: var(--albc-blue-dark); 
            color: var(--albc-text-light); 
            padding: 60px 0 20px 0; 
            text-align: center; 
        }
        .footer-logo { 
            height: 90px; /* Ajuste de tamaño */
            filter: brightness(0) invert(1); 
            margin-bottom: 20px; 
        }
        .footer p { 
            max-width: 500px; 
            margin: 0 auto 20px auto; 
        }
        .social-icons {
            margin-bottom: 20px;
        }
        .social-icons a {
            color: var(--albc-text-light);
            font-size: 1.5rem;
            margin: 0 15px;
            transition: color 0.3s ease;
        }
        .social-icons a:hover {
            color: var(--albc-accent);
        }
        .footer-bottom { 
            margin-top: 20px; 
            padding-top: 20px; 
            border-top: 1px solid rgba(255,255,255,0.2); 
            font-size: 0.9rem; 
        }
        .footer-link { 
            color: var(--albc-text-light); 
            text-decoration: underline; 
            cursor: pointer; 
        }
        .footer-link:hover { color: var(--albc-accent); }

        /* --- VENTANA MODAL --- */
        .modal { 
            display: none; 
            position: fixed; 
            z-index: 2000; 
            left: 0; 
            top: 0; 
            width: 100%; 
            height: 100%; 
            overflow: auto; 
            background-color: rgba(0,0,0,0.6); 
        }
        .modal-content { 
            background-color: #fefefe; 
            margin: 10% auto; 
            padding: 40px; 
            border-radius: 8px; 
            max-width: 800px; 
            position: relative; 
        }
        .close-btn { 
            color: #aaa; 
            position: absolute; 
            top: 15px; 
            right: 25px; 
            font-size: 28px; 
            font-weight: bold; 
        }
        .close-btn:hover, .close-btn:focus { 
            color: black; 
            text-decoration: none; 
            cursor: pointer; 
        }

        /* --- RESPONSIVIDAD --- */
        @media (max-width: 992px) {
            .mobile-nav-toggle { display: block; }
            .nav-links { 
                display: none; 
                position: absolute; 
                top: var(--scroll-padding); 
                right: 0; 
                width: 100%; 
                background-color: white; 
                box-shadow: 0 5px 10px rgba(0,0,0,0.1); 
            }
            .nav-links.active { display: block; } 
            .nav-links ul { flex-direction: column; text-align: center; } 
            .nav-links li { margin: 0; } 
            .nav-links a { 
                display: block; 
                padding: 15px; 
                border-bottom: 1px solid #f0f0f0; 
            }
            .servicios-hub, .contacto-grid, .nosotros-grid { 
                flex-direction: column; 
                grid-template-columns: 1fr; 
            }
            #inicio h1 { font-size: 2.7rem; } /* Reducción del 10% */
        }