/* ========== ESTILOS COMPLETOS (sin recortes) ========== */
        * { margin:0; padding:0; box-sizing:border-box; }
        :root { --primary:#fc8403; --dark:#545454; --light:#f6f6f6; --white:#fff; --shadow:0 25px 50px -12px rgba(84,84,84,0.25); --glow:0 0 20px rgba(252,132,3,0.6); }
        body { font-family:'Inter', sans-serif; background:var(--white); color:#545454; overflow-x:hidden; line-height:1.6; scroll-behavior:smooth; }

        /* Loader */
        #loader { position:fixed; inset:0; background:var(--primary); display:flex; justify-content:center; align-items:center; z-index:9999; transition:opacity 0.8s; }
        #loader img { width:520px; max-width:70vw; animation:pulse 1.5s infinite; }
        @keyframes pulse { 0%,100%{ transform:scale(1); } 50%{ transform:scale(1.08); } }

        /* Header */
        header { position:fixed; top:0; width:100%; z-index:1000; box-shadow:0 4px 20px rgba(84,84,84,0.15); backdrop-filter:blur(8px); background:rgba(252,132,3,0.95); }
        .nav { display:flex; justify-content:space-between; align-items:center; padding:1rem 2rem; max-width:1400px; margin:0 auto; }
        .logo { height:46px; filter:brightness(0) invert(1); transition:0.3s; }
        .logo:hover { transform:scale(1.05); }
        .menu { display:flex; gap:2.5rem; list-style:none; color:#fff; font-weight:500; }
        .menu li { cursor:pointer; position:relative; padding:0.3rem 0; }
        .menu li::after { content:''; position:absolute; left:0; bottom:0; width:0; height:2.5px; background:#fff; transition:0.4s cubic-bezier(0.175,0.885,0.32,1.275); }
        .menu li:hover::after { width:100%; }
        .menu a { color:#fff; text-decoration:none; }
        .cta { background:#fff; color:var(--primary); padding:0.8rem 2.2rem; border-radius:40px; border:none; font-weight:700; cursor:pointer; transition:0.3s; box-shadow:0 8px 16px rgba(84,84,84,0.1); }
        .cta:hover { transform:scale(1.08) translateY(-3px); box-shadow:0 15px 25px rgba(84,84,84,0.2); }
        .hamburger { display:none; font-size:2.2rem; color:#fff; cursor:pointer; }

        /* Mobile menu */
        .mobile-menu { position:fixed; top:0; right:-100%; width:100%; height:100vh; background:#FC4503; color:#fff; display:flex; flex-direction:column; align-items:center; justify-content:center; gap:2rem; transition:0.5s; z-index:999; font-size:2rem; padding:2rem; }
        .mobile-menu.active { right:0; }
        .mobile-menu a { color:#fff; text-decoration:none; font-weight:600; position:relative; font-size:1.8rem; }
        .mobile-menu a::after { content:''; position:absolute; left:0; bottom:-8px; width:0; height:3px; background:var(--primary); transition:0.3s; }
        .mobile-menu a:hover::after { width:100%; }
        .mobile-menu .mobile-cta { background:var(--primary); padding:1rem 3rem; border-radius:60px; margin-top:1rem; font-size:1.5rem; border:none; color:#fff; font-weight:700; cursor:pointer; transition:0.3s; }
        .mobile-menu .mobile-cta:hover { transform:scale(1.05); box-shadow:0 10px 20px rgba(252,132,3,0.5); }

        /* Hero */
        .hero { min-height:100vh; background:#FC4503; color:#fff; display:grid; grid-template-columns:1.1fr 0.9fr; gap:4rem; align-items:center; padding:9rem 2rem 6rem; position:relative; overflow:hidden; max-width:1400px; margin:0 auto; }
        .hero h1 { font-family:'Space Grotesk', sans-serif; font-size:clamp(2.8rem,5vw,4.2rem); line-height:1.1; text-shadow:0 2px 10px rgba(84,84,84,0.5); }
        .hero h1 span { color:var(--primary); position:relative; display:inline-block; animation:glitch 3s infinite; }
        @keyframes glitch { 0%,100%{ transform:skew(0deg); } 5%{ transform:skew(3deg); text-shadow:-2px 0 #FCC203; } 10%{ transform:skew(-3deg); text-shadow:2px 0 #FC6F03; } }
        .hero p { margin-top:1.8rem; font-size:1.2rem; color:#545454; max-width:600px; backdrop-filter:blur(5px); }
        .hero-img { position:relative; border-radius:30px; overflow:hidden; box-shadow:var(--shadow),0 0 0 3px rgba(252,132,3,0.3); transition:0.5s; }
        .hero-img:hover { transform:scale(1.02); box-shadow:0 60px 120px rgba(252,132,3,0.4); }
        .hero-img img { width:100%; display:block; }
        .hero-overlay { position:absolute; inset:0; background:radial-gradient(circle at 30% 30%, rgba(252,132,3,0.4), transparent 60%), radial-gradient(circle at 80% 80%, rgba(252,132,3,0.2), transparent 70%); pointer-events:none; animation:breathe 8s infinite alternate; }
        @keyframes breathe { 0%{ opacity:0.4; } 100%{ opacity:1; } }
        .pattern { position:absolute; inset:0; background-image:repeating-linear-gradient(45deg, rgba(252,132,3,0.05) 0px, rgba(252,132,3,0.05) 2px, transparent 2px, transparent 40px); animation:move 40s linear infinite; }
        @keyframes move { 100%{ background-position:500px 500px; } }
        .stats { display:flex; gap:3rem; margin-top:3rem; flex-wrap:wrap; }
        .stat { text-align:left; background:rgba(255,255,255,0.05); padding:1.5rem 2rem; border-radius:30px; backdrop-filter:blur(8px); border:1px solid rgba(252,132,3,0.3); }
        .stat span { font-size:3.2rem; font-family:'Space Grotesk'; color:var(--primary); display:block; line-height:1; }

        /* Secciones generales */
        .section { padding:5rem 1.5rem; position:relative; max-width:1400px; margin:0 auto; }
        .section.light { background:var(--light); }
        .section.dark { background:#FC4503; color:#fff; }
        h2 { font-family:'Space Grotesk', sans-serif; font-size:clamp(2.2rem,5vw,3.5rem); text-align:center; margin-bottom:3rem; position:relative; display:inline-block; width:100%; }
        h2::after { content:''; display:block; width:100px; height:4px; background:var(--primary); margin:1rem auto 0; border-radius:4px; transition:0.5s; }
        h2:hover::after { width:150px; }

        /* Grids */
        .grid-2, .grid-3, .grid-4 { display:grid; gap:2rem; max-width:1400px; margin:0 auto; }
        .grid-2 { grid-template-columns:repeat(2,1fr); }
        .grid-3 { grid-template-columns:repeat(3,1fr); }
        .grid-4 { grid-template-columns:repeat(4,1fr); }

        /* Cards */
        .card-why { background:#fff; padding:2.5rem 2rem; border-radius:30px; box-shadow:0 20px 40px rgba(84,84,84,0.06); transition:all 0.4s; position:relative; overflow:hidden; border:1px solid rgba(84,84,84,0.02); }
        .card-why::before { content:''; position:absolute; inset:0; background:linear-gradient(135deg, var(--primary) 0%, transparent 80%); opacity:0; transition:0.5s; }
        .card-why:hover { transform:translateY(-10px) scale(1.02); box-shadow:0 30px 60px rgba(252,132,3,0.25); }
        .card-why:hover::before { opacity:0.1; }
        .card-why i { font-size:2.8rem; color:var(--primary); margin-bottom:1.2rem; transition:0.3s; }
        .card-why:hover i { transform:scale(1.2) rotate(5deg); }
        .card-why h3 { font-size:1.6rem; margin-bottom:0.8rem; }
        .card-why p { color:#545454; transition:0.3s; }
        .card-why:hover p { color:#222; }
        .extra { opacity:0; max-height:0; overflow:hidden; transition:0.5s; background:var(--primary); color:#fff; padding:0 1rem; border-radius:15px; margin-top:1rem; }
        .card-why:hover .extra { opacity:1; max-height:150px; padding:1rem; }

        .card { background:#fff; padding:2rem 1.5rem; border-radius:25px; box-shadow:0 20px 40px rgba(84,84,84,0.06); transition:0.3s; text-align:center; }
        .card:hover { transform:translateY(-8px); box-shadow:0 30px 60px rgba(252,132,3,0.2); }
        .card i { font-size:2.2rem; color:var(--primary); margin-bottom:1rem; }

        /* Video */
        .video-box { max-width:1000px; margin:0 auto; border-radius:40px; overflow:hidden; box-shadow:0 60px 120px rgba(84,84,84,0.6), 0 0 0 4px rgba(252,132,3,0.2); transition:0.5s; aspect-ratio:16/9; }
        .video-box video { width:100%; height:100%; object-fit:cover; }

        /* Imágenes flotantes */
        .floating-images { position:relative; height:350px; width:100%; max-width:500px; margin:0 auto; }
        .floating-images img { position:absolute; border-radius:20px; box-shadow:var(--shadow); transition:0.3s; animation:float 6s infinite alternate; width:150px; height:auto; object-fit:cover; }
        .floating-images img:nth-child(1) { top:0; left:0; width:140px; animation-delay:0s; }
        .floating-images img:nth-child(2) { top:30px; right:0; width:160px; animation-delay:0.5s; }
        .floating-images img:nth-child(3) { bottom:0; left:20px; width:130px; animation-delay:1s; }
        .floating-images img:nth-child(4) { bottom:20px; right:30px; width:150px; animation-delay:1.5s; }
        @keyframes float { 0%{ transform:translateY(0); } 100%{ transform:translateY(-15px); } }

        /* Carrusel clientes */
        .carousel-clientes { background:#FC5A03; padding:3rem 1.5rem; margin:3rem 0 0; }
        .carousel { display:flex; gap:2rem; overflow:hidden; mask-image:linear-gradient(90deg, transparent, #545454 10%, #545454 90%, transparent); }
        .carousel-track { display:flex; gap:2rem; animation:scroll 30s linear infinite; }
        .carousel-track img { height:120px; width:auto; border-radius:20px; filter:grayscale(0.2) brightness(1.1); box-shadow:0 0 15px rgba(252,132,3,0.3); transition:0.4s; }
        .carousel-track img:hover { transform:scale(1.05); filter:grayscale(0); box-shadow:0 0 30px var(--primary); }
        @keyframes scroll { 100%{ transform:translateX(-50%); } }

        /* Casos de uso */
        .caso-card {
            position: relative;
            min-height: 390px;
            padding: 2.2rem 1.55rem;
            border-radius: 30px;
            background: #fff;
            box-shadow: 0 20px 40px rgba(84,84,84,0.06);
            text-align: center;
            overflow: hidden;
            transition: transform .35s ease, box-shadow .35s ease;
            display: flex;
            flex-direction: column;
            justify-content: flex-start;
        }
        .caso-card:hover { transform: translateY(-8px); box-shadow: 0 28px 52px rgba(252,132,3,0.18); }
        .caso-card .caso-tab {
            position: absolute;
            top: 16px;
            right: 16px;
            background: linear-gradient(135deg, var(--brand-5), var(--brand-7));
            color: #fff;
            font-size: .72rem;
            font-weight: 800;
            letter-spacing: .08em;
            text-transform: uppercase;
            padding: .45rem .8rem;
            border-radius: 999px;
            box-shadow: 0 12px 22px rgba(252,132,3,.24);
            z-index: 3;
        }
        .caso-icon { font-size: 2.5rem; color: var(--primary); margin-bottom: 1rem; }
        .caso-card h3 {
            font-size: 1.28rem;
            line-height: 1.25;
            min-height: 74px;
            display: flex;
            align-items: center;
            justify-content: center;
            margin-bottom: 1.15rem;
            text-transform: uppercase;
            letter-spacing: .04em;
        }
        .caso-preview {
            color: #545454;
            font-size: 1rem;
            line-height: 1.78;
            overflow: visible;
            margin-bottom: .35rem;
        }
        .caso-hover {
            position: absolute;
            inset: auto 1rem 1rem 1rem;
            background: linear-gradient(145deg, var(--brand-5), var(--brand-7));
            color: #fff !important;
            border-radius: 22px;
            padding: 1.2rem 1.05rem;
            opacity: 0;
            visibility: hidden;
            transform: translateY(14px);
            transition: .35s ease;
            font-size: .97rem;
            line-height: 1.72;
            box-shadow: 0 18px 30px rgba(252,132,3,.22);
            text-align: left;
            z-index: 2;
        }
        .caso-card:hover .caso-hover,
        .caso-card.active .caso-hover { opacity: 1; visibility: visible; transform: translateY(0); }
        .caso-card .caso-link {
            margin-top: auto;
            padding-top: 1.1rem;
            font-weight: 700;
            color: var(--brand-5) !important;
            letter-spacing: .05em;
            text-transform: uppercase;
            font-size: .8rem;
        }
        @media (max-width:900px) {
            .caso-card { min-height: auto; }
            .caso-hover {
                position: relative;
                inset: auto;
                margin-top: 1rem;
                opacity: 1;
                visibility: visible;
                display: none;
                transform: none;
                border-radius: 24px;
                padding: 1.3rem;
                text-align: left;
            }
            .caso-card.active .caso-hover { display: block; }
            .caso-card:hover { transform: none; }
        }

        /* FAQ */
        .faq-item { background:#fff; border-radius:25px; margin-bottom:1rem; padding:1rem 1.5rem; box-shadow:0 5px 15px rgba(84,84,84,0.03); transition:0.3s; }
        .faq-question { display:flex; align-items:center; gap:1rem; font-weight:600; font-size:1.2rem; cursor:pointer; }
        .faq-question i { color:var(--primary); font-size:1.5rem; }
        .faq-answer { max-height:0; overflow:hidden; transition:max-height 0.5s ease, padding 0.3s; padding-left:2.8rem; color:#545454; }
        .faq-item.active .faq-answer { max-height:150px; padding-top:1rem; }

        /* Testimonios slider (nuevo) */
        .testimonios-slider { position:relative; max-width:1000px; margin:0 auto; overflow:hidden; padding:1rem 0; }
        .testimonios-track { display:flex; transition:transform 0.5s ease; }
        .testimonio-card { flex:0 0 100%; max-width:100%; padding:2rem; background:#fff; border-radius:35px; text-align:center; box-shadow:var(--shadow); margin:0 0.5rem; }
        .testimonio-card .person-img { width:80px; height:80px; border-radius:50%; object-fit:cover; border:4px solid var(--primary); margin:0 auto 1rem; }
        .testimonio-card .rating { color:#FCC203; font-size:1.3rem; margin:0.8rem 0; }
        .testimonio-card h4 { margin-top:1rem; font-weight:600; }
        .slider-arrow { position:absolute; top:50%; transform:translateY(-50%); background:var(--primary); color:#fff; width:40px; height:40px; border-radius:50%; display:flex; align-items:center; justify-content:center; cursor:pointer; z-index:10; font-size:1.2rem; opacity:0.7; transition:0.3s; }
        .slider-arrow:hover { opacity:1; transform:translateY(-50%) scale(1.1); }
        .slider-arrow.prev { left:10px; }
        .slider-arrow.next { right:10px; }

        /* CTA */
        .cta-section { background:linear-gradient(135deg, var(--primary) 0%, #ffa533 100%); color:#fff; text-align:center; padding:4rem 1.5rem; border-radius:60px 60px 0 0; position:relative; overflow:hidden; }
        .cta-section h2 { color:#fff; margin-bottom:1.5rem; }
        .cta-section h2::after { background:#fff; }
        .cta-buttons { display:flex; gap:1.5rem; justify-content:center; flex-wrap:wrap; }
        .btn { padding:1rem 2.5rem; border-radius:50px; font-weight:600; text-decoration:none; transition:0.3s; display:inline-block; font-size:1rem; }
        .btn-primary { background:#fff; color:var(--primary); }
        .btn-primary:hover { transform:scale(1.05) translateY(-3px); box-shadow:0 15px 30px rgba(84,84,84,0.15); }
        .btn-outline { border:2px solid #fff; color:#fff; background:transparent; }
        .btn-outline:hover { background:#fff; color:var(--primary); transform:scale(1.05) translateY(-3px); }

        /* Footer */
        footer { background:var(--primary); color:#fff; padding:4rem 1.5rem 2rem; }
        .footer-grid { display:grid; grid-template-columns:repeat(auto-fit, minmax(200px,1fr)); gap:2.5rem; max-width:1300px; margin:0 auto; }
        .footer-logo { height:50px; filter:brightness(0) invert(1); margin-bottom:1.5rem; }
        .footer-menu { list-style:none; }
        .footer-menu li { margin-bottom:0.7rem; }
        .footer-menu a { color:#fff; text-decoration:none; font-weight:500; transition:0.3s; }
        .footer-menu a:hover { text-decoration:underline; }
        .contact-info p { margin-bottom:0.5rem; display:flex; align-items:center; gap:0.8rem; }
        .contact-info i { width:20px; }
        .footer-offices { background:rgba(255,255,255,0.08); border:1px solid rgba(255,255,255,0.16); border-radius:18px; padding:1.1rem 1.15rem; }
        .footer-offices h3 { margin-bottom:0.85rem; }
        .office-summary-card { display:flex; align-items:flex-start; gap:0.9rem; }
        .office-summary-icon { width:42px; height:42px; border-radius:12px; background:rgba(255,255,255,0.14); display:flex; align-items:center; justify-content:center; flex:0 0 42px; }
        .office-summary-icon i { font-size:1rem; }
        .office-summary-text { min-width:0; }
        .office-summary-text strong { display:block; font-size:0.96rem; line-height:1.25; margin-bottom:0.22rem; }
        .office-summary-text p { margin:0; font-size:0.93rem; line-height:1.5; }
        .office-group-title { font-size:0.86rem; font-weight:700; text-transform:uppercase; letter-spacing:0.06em; opacity:0.9; margin-bottom:0.7rem; }
        .office-list { display:grid; gap:0.65rem; }
        .office-item { display:flex; gap:0.7rem; align-items:flex-start; font-size:0.93rem; line-height:1.5; }
        .office-item i { margin-top:0.2rem; width:16px; flex:0 0 16px; }
        .office-item strong { display:block; font-size:0.95rem; margin-bottom:0.1rem; }
        .office-link { display:inline-flex; align-items:center; gap:0.45rem; margin-top:0.85rem; color:#fff; text-decoration:none; font-weight:600; font-size:0.92rem; opacity:0.95; }
        .office-link:hover { text-decoration:underline; }
        .office-inline-note { margin-top:0.9rem; padding-top:0.8rem; border-top:1px solid rgba(255,255,255,0.16); font-size:0.92rem; line-height:1.5; }
        .social a { color:#fff; font-size:1.6rem; margin-right:1.2rem; transition:0.3s; display:inline-block; }
        .social a:hover { transform:translateY(-5px); text-shadow:var(--glow); }
        .whatsapp-btn { background:#FC8403; color:#fff; padding:0.8rem 1.5rem; border-radius:40px; display:inline-flex; align-items:center; gap:0.6rem; font-weight:600; margin-top:1rem; transition:0.3s; text-decoration:none; font-size:0.95rem; }
        .whatsapp-btn:hover { transform:scale(1.05); box-shadow:0 8px 15px rgba(84,84,84,0.2); }
        .copyright { text-align:center; margin-top:3rem; border-top:1px solid rgba(255,255,255,0.3); padding-top:2rem; font-size:0.9rem; }

        /* Reveal */
        .reveal { opacity:0; transform:translateY(40px); transition:1s; }
        .reveal.active { opacity:1; transform:none; }

        /* Chatbot */
        #chatbot { position:fixed; bottom:20px; right:20px; z-index:2000; max-width:calc(100% - 40px); }
        #chat-btn { width:55px; height:55px; border-radius:50%; background:var(--primary); color:#fff; display:flex; justify-content:center; align-items:center; font-size:1.7rem; cursor:pointer; box-shadow:0 8px 20px rgba(84,84,84,0.3), 0 0 15px var(--primary); transition:0.3s; margin-left:auto; }
        #chat-btn:hover { transform:scale(1.1) rotate(5deg); }
        #chat-window { width:320px; max-width:calc(100vw - 40px); height:450px; background:#fff; border-radius:25px; position:absolute; bottom:70px; right:0; display:none; flex-direction:column; overflow:hidden; box-shadow:0 20px 40px rgba(84,84,84,0.25); border:2px solid var(--primary); }
        #chat-header { background:var(--primary); color:#fff; padding:0.8rem 1rem; font-weight:600; display:flex; align-items:center; justify-content:space-between; }
        .header-left { display:flex; align-items:center; gap:0.5rem; }
        .header-left i { font-size:1.2rem; }
        .header-actions { display:flex; gap:0.6rem; }
        .header-actions i { font-size:1.1rem; cursor:pointer; transition:0.2s; }
        .header-actions i:hover { transform:scale(1.2); }
        #chat-messages { flex:1; padding:1rem; overflow-y:auto; background:#fff; font-size:0.9rem; }
        .msg.bot { background:#eaeaea; padding:0.6rem 1rem; border-radius:18px 18px 18px 5px; margin-bottom:0.8rem; max-width:85%; }
        .msg.user { background:var(--primary); color:#fff; padding:0.6rem 1rem; border-radius:18px 18px 5px 18px; margin:0.5rem 0 0.8rem auto; width:fit-content; max-width:85%; }
        #chat-input { display:flex; border-top:1px solid #545454; }
        #chat-input input { flex:1; border:none; padding:0.8rem; font-size:0.9rem; }
        #chat-input button { background:var(--primary); color:#fff; border:none; padding:0 1rem; font-weight:600; cursor:pointer; transition:0.2s; }
        #chat-input button:hover { background:#e07502; }


        /* ====== AJUSTES INDEX FINAL ====== */
        .grid-4.beneficios-grid {
            grid-template-columns: repeat(3, minmax(0, 1fr));
            align-items: stretch;
        }
        .benefit-card {
            position: relative;
            min-height: 390px;
            padding: 2.2rem 1.55rem;
            border-radius: 30px;
            background: #fff;
            box-shadow: 0 20px 40px rgba(84,84,84,0.06);
            text-align: center;
            overflow: hidden;
            transition: transform .35s ease, box-shadow .35s ease;
            display: flex;
            flex-direction: column;
            justify-content: flex-start;
        }
        .benefit-card:hover { transform: translateY(-8px); box-shadow: 0 28px 52px rgba(252,132,3,0.18); }
        .benefit-card .benefit-tab {
            position: absolute;
            top: 16px;
            right: 16px;
            background: linear-gradient(135deg, var(--brand-5), var(--brand-7));
            color: #fff;
            font-size: .72rem;
            font-weight: 800;
            letter-spacing: .08em;
            text-transform: uppercase;
            padding: .45rem .8rem;
            border-radius: 999px;
            box-shadow: 0 12px 22px rgba(252,132,3,.24);
            z-index: 3;
        }
        .benefit-card i { font-size: 2.3rem; color: var(--primary); margin-bottom: 1rem; }
        .benefit-card h3 { font-size: 1.28rem; line-height: 1.25; min-height: 74px; display: flex; align-items: center; justify-content: center; margin-bottom: 1.15rem; text-transform: uppercase; letter-spacing: .04em; }
        .benefit-card .benefit-summary { color: #545454; font-size: 1rem; line-height: 1.78; overflow: visible; margin-bottom: .35rem; }
        .benefit-card .benefit-hover {
            position: absolute;
            inset: auto 1rem 1rem 1rem;
            background: linear-gradient(145deg, var(--brand-5), var(--brand-7));
            color: #fff !important;
            border-radius: 22px;
            padding: 1.2rem 1.05rem;
            opacity: 0;
            visibility: hidden;
            transform: translateY(14px);
            transition: .35s ease;
            font-size: .97rem;
            line-height: 1.72;
            box-shadow: 0 18px 30px rgba(252,132,3,.22);
        }
        .benefit-card:hover .benefit-hover,
        .benefit-card.active .benefit-hover { opacity: 1; visibility: visible; transform: translateY(0); }
        .benefit-card .benefit-link {
            margin-top: auto;
            padding-top: 1.1rem;
            font-weight: 700;
            color: var(--brand-5) !important;
            letter-spacing: .05em;
            text-transform: uppercase;
            font-size: .8rem;
        }

        .soluciones-grid {
            display: grid;
            grid-template-columns: repeat(6, minmax(0, 1fr));
            gap: 2rem;
            max-width: 1240px;
            margin: 0 auto;
        }
        .soluciones-grid > a { grid-column: span 2; min-height: 190px; }
        .soluciones-grid > a:nth-child(4) { grid-column: 2 / span 2; }
        .soluciones-grid > a:nth-child(5) { grid-column: 4 / span 2; }

        .galeria-slider {
            overflow: hidden;
            position: relative;
            padding: .5rem 0;
        }
        .galeria-track {
            display: flex;
            gap: 1.5rem;
            width: max-content;
            animation: galeriaScroll 26s linear infinite;
        }
        .galeria-slider:hover .galeria-track { animation-play-state: paused; }
        .galeria-card {
            width: 320px;
            border-radius: 28px;
            overflow: hidden;
            background: #fff;
            box-shadow: 0 18px 38px rgba(84,84,84,.09);
            flex: 0 0 auto;
        }
        .galeria-card img {
            width: 100%;
            height: 220px;
            object-fit: cover;
            display: block;
        }
        .galeria-card .caption {
            padding: 1rem 1.1rem 1.2rem;
            font-weight: 600;
            text-align: left;
        }
        @keyframes galeriaScroll {
            from { transform: translateX(0); }
            to { transform: translateX(-50%); }
        }

        .casos-grid {
            grid-template-columns: repeat(3, minmax(0, 1fr));
            max-width: 1120px;
            margin: 0 auto;
            align-items: stretch;
        }

        .talento-cta {
            background: linear-gradient(135deg, var(--brand-4), var(--brand-7));
            color: #fff;
            border-radius: 44px;
            overflow: hidden;
            box-shadow: 0 28px 54px rgba(252,132,3,.18);
        }
        .talento-cta .cta-copy {
            padding: 3.4rem 3rem;
        }
        .talento-cta h2,
        .talento-cta p,
        .talento-cta .cta-kicker,
        .talento-cta .cta-copy * { color: #fff !important; }
        .talento-cta h2 { text-align: left; margin-bottom: 1rem; }
        .talento-cta h2::after { background: #fff !important; margin-left: 0; }
        .talento-cta .cta-kicker {
            font-weight: 700;
            letter-spacing: .18em;
            text-transform: uppercase;
            opacity: .9;
            margin-bottom: .8rem;
            font-size: .86rem;
        }
        .talento-cta .btn-outline { background: transparent; color: #fff !important; border-color: #fff; }
        .talento-cta .btn-primary { background: #fff !important; color: var(--brand-5) !important; }
        .talento-cta .cta-visual {
            min-height: 100%;
            padding: 2rem;
            display: flex;
            align-items: center;
            justify-content: center;
            background: linear-gradient(180deg, rgba(255,255,255,.08), rgba(255,255,255,.03));
        }
        .talento-cta .cta-visual img {
            width: 100%;
            max-width: 470px;
            border-radius: 28px;
            box-shadow: 0 20px 40px rgba(84,84,84,.18);
            background: rgba(255,255,255,.08);
            padding: 1rem;
        }

        /* Responsive */
        @media (max-width:900px) {
            .hero { grid-template-columns:1fr; padding:8rem 1.5rem 4rem; gap:2rem; }
            .grid-4.beneficios-grid { grid-template-columns: 1fr; }
            .benefit-card { min-height: auto; }
            .benefit-card .benefit-hover { position: relative; inset: auto; margin-top: 1rem; opacity: 1; visibility: visible; transform: none; }
            .soluciones-grid { grid-template-columns: 1fr; }
            .soluciones-grid > a, .soluciones-grid > a:nth-child(4), .soluciones-grid > a:nth-child(5) { grid-column: auto; }
            .casos-grid { grid-template-columns: 1fr; }
            .caso-card { min-height: auto; }
            .talento-cta .cta-copy { padding: 2.4rem 1.4rem; }
            .talento-cta .cta-visual { padding: 0 1.4rem 1.6rem; }
            .galeria-card { width: 260px; }
            .hero h1 { font-size:2.5rem; }
            .hero p { font-size:1rem; }
            .stats { gap:1.5rem; justify-content:center; }
            .stat { padding:1rem 1.5rem; }
            .stat span { font-size:2.5rem; }
            .menu { display:none; }
            .hamburger { display:block; }
            .cta { display:none; }
            .grid-2, .grid-3, .grid-4 { grid-template-columns:1fr; }
            .floating-images { height:280px; margin-top:2rem; }
            .floating-images img { width:110px; }
            .floating-images img:nth-child(1) { width:100px; }
            .floating-images img:nth-child(2) { width:120px; }
            .floating-images img:nth-child(3) { width:90px; }
            .floating-images img:nth-child(4) { width:110px; }
            .carousel-track img { height:80px; }
            .footer-grid { text-align:center; }
            .contact-info p { justify-content:center; }
            .social a { margin:0 0.8rem; }
            #chat-window { width:280px; right:0; }
            #chatbot { right:15px; bottom:15px; }
        }
        @media (min-width:901px) and (max-width:1199px) {
            .grid-4 { grid-template-columns:repeat(2,1fr); }
            .grid-4.beneficios-grid { grid-template-columns:repeat(2,1fr); }
            .soluciones-grid { grid-template-columns: repeat(2, minmax(0,1fr)); }
            .soluciones-grid > a, .soluciones-grid > a:nth-child(4), .soluciones-grid > a:nth-child(5) { grid-column: auto; }
            .casos-grid { grid-template-columns: repeat(3, minmax(0,1fr)); }
        }
    

        /* ================= BRAND OVERRIDE TICNIX ================= */
        :root {
            --brand-1:#FC3003;
            --brand-2:#FC4503;
            --brand-3:#FC5A03;
            --brand-4:#FC6F03;
            --brand-5:#FC8403;
            --brand-6:#FC9803;
            --brand-7:#FCAD03;
            --brand-8:#FCC203;
            --brand-9:#FCD703;
            --primary:#FC8403;
            --dark:#545454;
            --light:#FFFDF8;
            --white:#FFFFFF;
            --text:#545454;
            --shadow:0 24px 48px rgba(84,84,84,0.16);
            --glow:0 0 20px rgba(252,132,3,0.20);
            --font-brand:'Helios','Montserrat','Inter',sans-serif;
        }

        body, button, input, textarea, select { font-family: var(--font-brand) !important; color: var(--text); }
        body { background: var(--white) !important; color: var(--text) !important; }
        h1, h2, h3, h4, h5, h6, .menu a, .cta, .btn, .mobile-menu a, .mobile-menu .mobile-cta { font-family: var(--font-brand) !important; }
        h2 { letter-spacing: .04em; text-transform: uppercase; }
        p, li, span, label, small, .faq-answer, .meta, .blog-card .meta, .job-card .meta, .office-card p, .filter-group label, .filter-group select, .filter-group input, .form-group label { color: var(--text) !important; }

        header {
            background: linear-gradient(90deg, rgba(252,111,3,0.96), rgba(252,132,3,0.96), rgba(252,173,3,0.96)) !important;
            box-shadow: 0 12px 30px rgba(84,84,84,0.16) !important;
        }
        .menu li::after, .mobile-menu a::after, h2::after { background: var(--brand-8) !important; }
        .cta, .btn-primary, .mobile-menu .mobile-cta, .submit-btn, .filter-actions .btn, #chat-btn, #chat-input button, .map-link:hover {
            background: linear-gradient(90deg, var(--brand-5), var(--brand-7)) !important;
            color: #fff !important;
            box-shadow: 0 12px 24px rgba(252,132,3,0.18) !important;
        }
        .cta:hover, .btn-primary:hover, .mobile-menu .mobile-cta:hover, .submit-btn:hover, .filter-actions .btn:hover {
            box-shadow: 0 18px 32px rgba(252,132,3,0.22) !important;
        }
        .btn-outline, .filter-actions .btn-outline {
            background: #fff !important;
            color: var(--brand-5) !important;
            border: 2px solid var(--brand-6) !important;
        }
        .btn-outline:hover, .filter-actions .btn-outline:hover {
            background: linear-gradient(90deg, var(--brand-5), var(--brand-7)) !important;
            color: #fff !important;
        }

        .mobile-menu {
            background: linear-gradient(135deg, rgba(252,69,3,0.98), rgba(252,132,3,0.98), rgba(252,194,3,0.98)) !important;
            color: #fff !important;
        }

        .hero,
        .section.dark,
        section.section[style*="linear-gradient(145deg, #FC4503, #FC6F03)"] {
            background: linear-gradient(135deg, rgba(252,69,3,0.08), rgba(252,132,3,0.13), rgba(252,194,3,0.12)) !important;
            color: var(--text) !important;
        }
        .hero h1,
        .hero h2,
        .hero h3,
        .hero p,
        .section.dark h2,
        .section.dark h3,
        .section.dark p,
        .section.dark li { color: var(--text) !important; text-shadow: none !important; }
        .hero h1 span, .hero h2 span, .section.dark h2 span, .section.dark h3 span { color: var(--brand-4) !important; }
        .hero-overlay {
            background: radial-gradient(circle at 30% 30%, rgba(252,132,3,0.18), transparent 60%), radial-gradient(circle at 80% 80%, rgba(252,194,3,0.16), transparent 70%) !important;
        }
        .pattern {
            background-image: repeating-linear-gradient(45deg, rgba(252,132,3,0.05) 0px, rgba(252,132,3,0.05) 2px, transparent 2px, transparent 38px) !important;
        }
        .section.light {
            background: linear-gradient(180deg, rgba(252,173,3,0.06), rgba(252,132,3,0.02)) !important;
        }

        .card, .card-why, .office-card, .job-card, .blog-card, .contact-form, .contact-info-block, .faq-item, .testimonio-card, .filters, .map-container, .video-box, .stat {
            box-shadow: var(--shadow) !important;
        }
        .card, .card-why, .office-card, .job-card, .blog-card, .contact-form, .contact-info-block, .faq-item, .testimonio-card, .filters {
            background: #fff !important;
            border-color: rgba(252,132,3,0.12) !important;
        }
        .card p, .card-why p, .office-card p, .job-card p, .job-card .details p, .blog-card p, .contact-form p, .info-item p, .contact-info-block p, .testimonio-card p, .faq-answer, .hero p, .stat { color: var(--text) !important; }
        .card i, .card-why i, .caso-icon, .office-card i, .map-link, .info-item i, .faq-question i, .job-card .salary, .job-card .meta i, .blog-card .meta i, .blog-card .meta span, .map-link, .social a:hover, .social-block a:hover { color: var(--brand-5) !important; }
        .card-why::before {
            background: linear-gradient(135deg, rgba(252,132,3,0.14), rgba(252,194,3,0.08), transparent) !important;
        }
        .card-why:hover, .card:hover, .office-card:hover, .job-card:hover, .blog-card:hover, .team-card:hover {
            box-shadow: 0 28px 56px rgba(252,132,3,0.14) !important;
        }
        .hero-img, .hero-img img, .floating-images img, .team-card img {
            box-shadow: var(--shadow) !important;
        }

        .stat {
            background: rgba(255,255,255,0.78) !important;
            border: 1px solid rgba(252,132,3,0.20) !important;
            backdrop-filter: blur(10px);
        }
        .stat span, .stat-number { color: var(--brand-5) !important; }

        .cta-section, .carousel-clientes, footer, #chat-header {
            background: linear-gradient(135deg, rgba(252,111,3,0.98), rgba(252,152,3,0.98), rgba(252,194,3,0.98)) !important;
            color: #fff !important;
        }
        .cta-section h2, .cta-section p, .carousel-clientes h2, footer h3, footer p, footer a, .contact-info p, .copyright, #chat-header, #chat-header span, #chat-header i { color: #fff !important; }
        .cta-section h2::after { background: #fff !important; }
        .footer-logo, .logo { filter: brightness(0) invert(1); }
        .whatsapp-btn {
            background: linear-gradient(90deg, var(--brand-5), var(--brand-7)) !important;
            color: #fff !important;
        }
        .copyright { border-top: 1px solid rgba(255,255,255,0.35) !important; }

        #chat-window { border: 2px solid rgba(252,132,3,0.28) !important; }
        #chat-messages { background: #fff !important; }
        .msg.bot { background: rgba(252,173,3,0.12) !important; color: var(--text) !important; }
        .msg.user { background: linear-gradient(90deg, var(--brand-5), var(--brand-7)) !important; color: #fff !important; }
        input, textarea, select {
            background: #fff !important;
            border: 2px solid rgba(252,132,3,0.14) !important;
            color: var(--text) !important;
        }
        input::placeholder, textarea::placeholder { color: rgba(84,84,84,0.62) !important; }
        .form-group input:focus, .form-group textarea:focus, .filter-group select:focus, .filter-group input:focus {
            border-color: var(--brand-5) !important;
            box-shadow: 0 0 0 3px rgba(252,132,3,0.14) !important;
        }

        .slider-arrow { display: none !important; }
        .testimonio-card .rating { color: var(--brand-8) !important; }

        .map-container { border-color: rgba(252,132,3,0.35) !important; }
        .carousel { mask-image: linear-gradient(90deg, transparent, #545454 10%, #545454 90%, transparent) !important; }

        @keyframes glitch {
            0%,100% { transform: translateY(0); text-shadow: none; }
            50% { transform: translateY(-2px); text-shadow: 0 8px 20px rgba(252,132,3,0.14); }
        }


        /* ================= INDEX AJUSTES ================= */
        .stats { display: grid !important; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 1.25rem !important; }
        .stat { padding: 1.35rem 1.25rem !important; min-height: 124px; display: flex; flex-direction: column; justify-content: center; }
        .stat span, .stat-number { font-size: clamp(2.2rem, 4vw, 3.2rem); font-weight: 800; line-height: 1; display: block; margin-bottom: .35rem; }
        .stat-label { font-size: .98rem; line-height: 1.45; color: var(--text); }

        .casos-uso { overflow: visible !important; padding-bottom: 8.5rem !important; }
        .casos-grid { align-items: start; row-gap: 2rem !important; }
        .caso-card { overflow: visible !important; min-height: 240px; padding-bottom: 1.5rem !important; }
        .caso-card:hover { z-index: 15; }
        .caso-hover {
            top: calc(100% - 8px) !important;
            margin-top: 0 !important;
            background: linear-gradient(135deg, var(--brand-5), var(--brand-7)) !important;
            box-shadow: 0 20px 38px rgba(252,132,3,0.16) !important;
        }
        .caso-card:hover .caso-hover { top: calc(100% - 14px) !important; }

        .testimonios-slider {
            position: relative !important;
            max-width: 1020px !important;
            min-height: 360px;
            overflow: hidden !important;
            padding: 0.5rem 0 3.5rem !important;
            cursor: grab;
            user-select: none;
            touch-action: pan-y;
        }
        .testimonios-slider.dragging { cursor: grabbing; }
        .testimonios-track {
            position: relative !important;
            min-height: 320px;
            display: block !important;
            transform: none !important;
        }
        .testimonio-card {
            position: absolute !important;
            inset: 0 !important;
            margin: 0 !important;
            opacity: 0;
            transform: translateX(28px) scale(.985);
            transition: opacity .65s ease, transform .65s ease, box-shadow .35s ease;
            pointer-events: none;
            padding: 2.4rem !important;
            border: 1px solid rgba(252,132,3,0.12);
        }
        .testimonio-card.active {
            opacity: 1;
            transform: translateX(0) scale(1);
            pointer-events: auto;
        }
        .testimonio-card.is-prev { transform: translateX(-28px) scale(.985); }
        .testimonio-card .person-img { width: 88px !important; height: 88px !important; }
        .testimonio-card h4 { color: var(--text) !important; }
        .testimonios-dots {
            position: absolute;
            left: 50%;
            bottom: .4rem;
            transform: translateX(-50%);
            display: flex;
            gap: .65rem;
            align-items: center;
            justify-content: center;
        }
        .testimonios-dot {
            width: 12px;
            height: 12px;
            border-radius: 50%;
            border: none;
            background: rgba(252,132,3,0.26);
            cursor: pointer;
            transition: transform .25s ease, background .25s ease;
        }
        .testimonios-dot.active { background: var(--brand-5); transform: scale(1.18); }

        .section[style*="background: linear-gradient(145deg, #FC4503, #FC6F03)"] {
            border-radius: 42px;
            margin: 2rem auto;
        }
        .section[style*="background: linear-gradient(145deg, #FC4503, #FC6F03)"] h2,
        .section[style*="background: linear-gradient(145deg, #FC4503, #FC6F03)"] p { color: var(--text) !important; }

        @media (max-width: 1100px) {
            .stats { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; }
        }
        @media (max-width: 900px) {
            .casos-uso { padding-bottom: 5rem !important; }
            .testimonios-slider { min-height: 420px; padding-bottom: 2.8rem !important; }
            .testimonios-track { min-height: 380px; }
        }
        @media (max-width: 640px) {
            .stats { grid-template-columns: 1fr !important; }
            .stat { min-height: auto; }
            .testimonio-card { padding: 1.6rem !important; }
            .testimonios-slider { min-height: 460px; }
            .testimonios-track { min-height: 420px; }
        }

    
        /* ===== Ajustes finales menú servicios + overlay móvil ===== */
        .services-item { position: relative; }
        .services-item::after { display: none !important; }
        .services-toggle {
            background: transparent;
            border: 0;
            color: #fff;
            font: inherit;
            cursor: pointer;
            display: inline-flex;
            align-items: center;
            gap: .5rem;
            padding: 0;
        }
        .services-toggle i { font-size: .8rem; transition: transform .25s ease; }
        .services-item:hover .services-toggle i,
        .services-item:focus-within .services-toggle i { transform: rotate(180deg); }
        .services-dropdown {
            position: absolute;
            top: calc(100% + 14px);
            left: 0;
            min-width: 310px;
            display: grid;
            gap: .35rem;
            padding: 1rem;
            border-radius: 24px;
            background: #fff;
            box-shadow: 0 24px 48px rgba(84,84,84,.18);
            border: 1px solid rgba(252,132,3,.14);
            opacity: 0;
            visibility: hidden;
            transform: translateY(10px);
            transition: opacity .25s ease, transform .25s ease, visibility .25s ease;
            z-index: 1002;
        }
        .services-dropdown a {
            color: #545454 !important;
            text-decoration: none;
            padding: .8rem 1rem;
            border-radius: 16px;
            font-weight: 600;
            transition: background .2s ease, color .2s ease, transform .2s ease;
        }
        .services-dropdown a:hover {
            background: linear-gradient(135deg, rgba(252,132,3,.12), rgba(252,194,3,.12));
            color: #fc8403 !important;
            transform: translateX(2px);
        }
        .services-item:hover .services-dropdown,
        .services-item:focus-within .services-dropdown { opacity: 1; visibility: visible; transform: translateY(0); }
        .services-dropdown .submenu-item { position: relative; }
        .services-dropdown .submenu-item > a {
            display: grid !important;
            grid-template-columns: 46px 1fr auto;
            align-items: center;
            gap: .9rem;
        }
        .submenu-caret { color: #b8b8b8; font-size: .8rem; }
        .submenu-panel {
            position: absolute;
            top: 0;
            left: calc(100% + 10px);
            min-width: 250px;
            padding: .8rem;
            border-radius: 20px;
            background: #fff;
            box-shadow: 0 24px 48px rgba(84,84,84,.18);
            border: 1px solid rgba(252,132,3,.14);
            opacity: 0;
            visibility: hidden;
            transform: translateX(10px);
            transition: opacity .25s ease, transform .25s ease, visibility .25s ease;
            z-index: 1003;
        }
        .submenu-item:hover .submenu-panel,
        .submenu-item:focus-within .submenu-panel { opacity: 1; visibility: visible; transform: translateX(0); }
        .submenu-panel a {
            display: block !important;
            padding: .72rem .9rem !important;
            border-radius: 14px !important;
            font-size: .92rem;
            font-weight: 700;
        }
        .mobile-submenu-group { display: flex; flex-direction: column; gap: .45rem; }
        .mobile-submenu-mini {
            display: grid;
            gap: .45rem;
            margin: .15rem 0 .35rem 2.5rem;
            padding-left: .35rem;
            border-left: 2px solid rgba(252,132,3,.25);
        }
        .mobile-submenu-mini a { font-size: .94rem !important; }
        
        .mobile-menu {
            right: 0 !important;
            transform: translateX(100%);
            opacity: 0;
            visibility: hidden;
            pointer-events: none;
            transition: transform .45s ease, opacity .3s ease, visibility .3s ease !important;
        }
        .mobile-menu.active {
            right: 0 !important;
            transform: translateX(0);
            opacity: 1;
            visibility: visible;
            pointer-events: auto;
        }
        body.menu-open { overflow: hidden; }
        .mobile-services {
            display: flex;
            flex-direction: column;
            gap: .65rem;
            width: min(100%, 340px);
            padding: 1rem 1.1rem;
            border-radius: 22px;
            background: rgba(255,255,255,.12);
            border: 1px solid rgba(255,255,255,.18);
            backdrop-filter: blur(10px);
        }
        .mobile-services-title { font-weight: 800; font-size: 1rem; letter-spacing: .04em; text-transform: uppercase; color: #fff; margin-bottom: .2rem; }
        .mobile-services a { font-size: 1.02rem !important; text-align: left; padding-left: .2rem; }
        @media (min-width: 901px) { .mobile-menu { display: none !important; } }
        @media (max-width: 900px) { .services-item { display: none; } }

    
/* === v8 shared refinements === */
#loader{position:fixed !important;inset:0 !important;background:linear-gradient(135deg,var(--brand-4,#FC8203),var(--brand-7,#FCC203)) !important;display:flex !important;align-items:center !important;justify-content:center !important;z-index:99999 !important;transition:opacity .65s ease,visibility .65s ease !important;}
#loader .mark{width:min(520px,76vw) !important;max-width:76vw !important;animation:pulse 1.4s ease-in-out infinite !important;filter:drop-shadow(0 18px 34px rgba(84,84,84,.25)) !important;}
@keyframes pulse{0%,100%{transform:scale(1)}50%{transform:scale(1.06)}}
.services-dropdown{min-width:360px !important;padding:1rem !important;gap:.55rem !important;}
.services-dropdown a{display:grid !important;grid-template-columns:46px 1fr;align-items:center;gap:.9rem;color:#545454 !important;text-decoration:none !important;padding:.88rem 1rem !important;border-radius:18px !important;line-height:1.2;}
.services-dropdown a:hover{transform:translateX(0) !important;background:linear-gradient(135deg,rgba(252,132,3,.12),rgba(252,194,3,.14)) !important;color:#545454 !important;}
.services-dropdown a .dropdown-icon{width:46px;height:46px;border-radius:14px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#FC8403,#FCC203);color:#fff;font-size:1rem;box-shadow:0 10px 18px rgba(252,132,3,.22);flex-shrink:0;}
.services-dropdown a .dropdown-copy{display:flex;flex-direction:column;gap:.12rem;min-width:0;}
.services-dropdown a .dropdown-copy strong{font-size:.98rem;color:#545454;font-weight:700;}
.services-dropdown a .dropdown-copy small{font-size:.78rem;color:#7a7a7a;}
.services-dropdown a:hover .dropdown-icon{transform:scale(1.04);}
.mobile-sub a{display:flex !important;align-items:center;gap:.75rem;}
.mobile-sub a i{width:34px;height:34px;border-radius:12px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,rgba(252,132,3,.18),rgba(252,194,3,.18));color:#FC8403;flex-shrink:0;}
.mobile-sub a span{display:block;color:inherit;}
.grid-3 > a.card,
.grid-3 > a.card:visited,
.cards-grid > a.card,
.cards-grid > a.card:visited,
.services-grid > a.card,
.services-grid > a.card:visited,
a.card.reveal,
a.card.reveal:visited{color:#545454 !important;text-decoration:none !important;}
.grid-3 > a.card h3,
.cards-grid > a.card h3,
.services-grid > a.card h3,
a.card.reveal h3{color:#545454 !important;text-decoration:none !important;}
.grid-3 > a.card p,
.cards-grid > a.card p,
.services-grid > a.card p,
a.card.reveal p{color:#545454 !important;}
.grid-3 > a.card i,
.cards-grid > a.card i,
.services-grid > a.card i,
a.card.reveal i{color:var(--brand-4,#FC8203) !important;}
@media (max-width:900px){
  .services-dropdown{display:none !important;}
}




.pattern{display:none !important;}
.hero{background:linear-gradient(135deg,#fff7ef 0%,#fff 42%,#fff2e2 100%) !important; position:relative;}
.hero::before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 10% 20%,rgba(252,132,3,.12),transparent 28%),radial-gradient(circle at 85% 15%,rgba(252,111,3,.12),transparent 28%),linear-gradient(180deg,rgba(255,255,255,.8),rgba(255,255,255,.92));pointer-events:none;}
.hero>*{position:relative;z-index:1;}
.stats{display:grid !important;grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem !important;max-width:760px;}
.stat{padding:1.25rem 1.1rem !important;border-radius:24px !important;background:#fff !important;border:1px solid rgba(252,132,3,.16) !important;box-shadow:0 18px 45px rgba(84,84,84,.08) !important;text-align:left;}
.stat-number{font-family:"Poppins",sans-serif !important;font-size:clamp(2rem,3.2vw,3.2rem) !important;font-weight:800 !important;letter-spacing:-.04em;line-height:.92 !important;color:#fc8403 !important;display:block;}
.stat-label{font-family:"Poppins",sans-serif !important;font-size:.86rem !important;font-weight:700 !important;letter-spacing:.06em;text-transform:uppercase;color:#545454 !important;margin-top:.55rem;line-height:1.25;}
.section:nth-of-type(even){background:linear-gradient(180deg,#fff 0%,#fff8f1 100%) !important;}
.section:nth-of-type(odd){background:linear-gradient(180deg,#fffaf5 0%,#fff 100%) !important;}
.card-why,.card{border-radius:26px !important;}
@media(max-width:900px){.stats{grid-template-columns:repeat(2,minmax(0,1fr));}}
@media(max-width:560px){.stats{grid-template-columns:1fr;}}



.casos-uso {
    padding-bottom: 5rem !important;
}
.casos-uso .casos-grid {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 1.75rem !important;
    max-width: 1180px !important;
    margin: 0 auto !important;
    align-items: stretch !important;
}
.casos-uso .caso-card {
    position: relative !important;
    min-height: 360px !important;
    padding: 2rem 1.6rem !important;
    border-radius: 30px !important;
    background: #fff !important;
    border: 1px solid rgba(252,132,3,.14) !important;
    box-shadow: 0 18px 38px rgba(84,84,84,.08) !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: flex-start !important;
    text-align: center !important;
    overflow: hidden !important;
    isolation: isolate;
}
.casos-uso .caso-card:hover {
    transform: translateY(-8px) !important;
    border-color: rgba(252,132,3,.35) !important;
    box-shadow: 0 28px 52px rgba(252,132,3,.16) !important;
}
.casos-uso .caso-icon {
    width: 76px;
    height: 76px;
    border-radius: 22px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: linear-gradient(135deg, rgba(252,132,3,.12), rgba(252,194,3,.18));
    margin-bottom: 1.1rem !important;
}
.casos-uso .caso-icon i {
    font-size: 2rem !important;
}
.casos-uso .caso-card h3 {
    min-height: auto !important;
    margin-bottom: .9rem !important;
    font-size: 1.3rem !important;
    line-height: 1.25 !important;
}
.casos-uso .caso-preview {
    font-size: .98rem;
    line-height: 1.75;
    color: #545454;
    max-width: 31ch;
    margin: 0 auto;
}
.casos-uso .caso-hover {
    pointer-events: none !important;
    position: absolute !important;
    inset: auto 1rem 1rem 1rem !important;
    top: auto !important;
    left: 1rem !important;
    right: 1rem !important;
    margin-top: 0 !important;
    padding: 1.35rem 1.2rem !important;
    min-height: 185px !important;
    border-radius: 24px !important;
    background: linear-gradient(135deg, var(--brand-5), var(--brand-7)) !important;
    color: #fff !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    text-align: left !important;
    font-size: .96rem !important;
    line-height: 1.7 !important;
    box-shadow: 0 20px 40px rgba(252,132,3,.18) !important;
    opacity: 0 !important;
    visibility: hidden !important;
    transform: translateY(14px) !important;
    transition: opacity .35s ease, transform .35s ease, visibility .35s ease !important;
}
.casos-uso .caso-hover p {
    color: #fff !important;
    margin: 0 !important;
}
.casos-uso .caso-card:hover .caso-hover,
.casos-uso .caso-card.active .caso-hover {
    opacity: 1 !important;
    visibility: visible !important;
    transform: translateY(0) !important;
}
.casos-uso .caso-card:hover .caso-preview {
    opacity: .08;
    transition: opacity .25s ease;
}
@media (max-width: 900px) {
    .casos-uso .casos-grid {
        grid-template-columns: 1fr !important;
        max-width: 720px !important;
    }
    .casos-uso .caso-card {
        min-height: auto !important;
        padding-bottom: 1.25rem !important;
    }
    .casos-uso .caso-hover {
        position: relative !important;
        inset: auto !important;
        left: auto !important;
        right: auto !important;
        bottom: auto !important;
        margin-top: 1.1rem !important;
        min-height: auto !important;
        opacity: 1 !important;
        visibility: visible !important;
        transform: none !important;
        text-align: left !important;
        display: none !important;
    }
    .casos-uso .caso-card.active .caso-hover {
        display: flex !important;
    }
    .casos-uso .caso-card:hover .caso-preview {
        opacity: 1 !important;
    }
}



/* Ajuste final solicitado: sin pastilla INFO, mismo efecto que beneficios y con pestañita */
.benefit-card .benefit-tab,
.caso-card .caso-tab { display:none !important; }

.benefit-card .benefit-hover,
.casos-uso .caso-hover {
    pointer-events: none !important;
    overflow: visible;
}

.benefit-card .benefit-hover::before,
.casos-uso .caso-hover::before {
    content: "";
    position: absolute;
    top: -12px;
    right: 22px;
    width: 34px;
    height: 24px;
    background: linear-gradient(145deg, var(--brand-5), var(--brand-7));
    border-radius: 12px 12px 0 0;
    box-shadow: 0 -6px 16px rgba(252,132,3,.12);
}

.benefit-card .benefit-hover::after,
.casos-uso .caso-hover::after {
    content: "\f061";
    font-family: "Font Awesome 6 Free";
    font-weight: 900;
    position: absolute;
    top: -7px;
    right: 33px;
    font-size: .8rem;
    color: #fff;
}

.casos-uso {
    overflow: visible !important;
    padding-bottom: 5rem !important;
}

.casos-uso .casos-grid {
    display:grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 1.75rem !important;
    max-width: 1180px !important;
    margin: 0 auto !important;
    align-items: stretch !important;
}

.casos-uso .caso-card {
    position: relative !important;
    min-height: 390px !important;
    padding: 2.2rem 1.55rem !important;
    border-radius: 30px !important;
    background: #fff !important;
    box-shadow: 0 20px 40px rgba(84,84,84,0.06) !important;
    border: 1px solid rgba(252,132,3,.14) !important;
    text-align: center !important;
    overflow: hidden !important;
    transition: transform .35s ease, box-shadow .35s ease !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: flex-start !important;
    isolation: isolate;
}

.casos-uso .caso-card:hover {
    transform: translateY(-8px) !important;
    box-shadow: 0 28px 52px rgba(252,132,3,0.18) !important;
    z-index: 2;
}

.casos-uso .caso-icon {
    width: auto !important;
    height: auto !important;
    border-radius: 0 !important;
    display: block !important;
    background: none !important;
    margin-bottom: 1rem !important;
}

.casos-uso .caso-icon i {
    font-size: 2.3rem !important;
    color: var(--primary) !important;
}

.casos-uso .caso-card h3 {
    font-size: 1.28rem !important;
    line-height: 1.25 !important;
    min-height: 74px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    margin-bottom: 1.15rem !important;
    text-transform: uppercase !important;
    letter-spacing: .04em !important;
}

.casos-uso .caso-preview {
    color: #545454 !important;
    font-size: 1rem !important;
    line-height: 1.78 !important;
    overflow: visible !important;
    margin-bottom: .35rem !important;
    max-width: none !important;
}

.casos-uso .caso-hover {
    position: absolute !important;
    inset: auto 1rem 1rem 1rem !important;
    background: linear-gradient(145deg, var(--brand-5), var(--brand-7)) !important;
    color: #fff !important;
    border-radius: 22px !important;
    padding: 1.2rem 1.05rem !important;
    opacity: 0 !important;
    visibility: hidden !important;
    transform: translateY(14px) !important;
    transition: .35s ease !important;
    font-size: .97rem !important;
    line-height: 1.72 !important;
    box-shadow: 0 18px 30px rgba(252,132,3,.22) !important;
    text-align: left !important;
    z-index: 2 !important;
    min-height: auto !important;
    display: block !important;
    top: auto !important;
    left: 1rem !important;
    right: 1rem !important;
    bottom: 1rem !important;
}

.casos-uso .caso-hover p {
    margin: 0 !important;
    color: #fff !important;
}

.casos-uso .caso-card:hover .caso-hover,
.casos-uso .caso-card.active .caso-hover {
    opacity: 1 !important;
    visibility: visible !important;
    transform: translateY(0) !important;
}

.casos-uso .caso-link {
    margin-top: auto !important;
    padding-top: 1.1rem !important;
    font-weight: 700 !important;
    color: var(--brand-5) !important;
    letter-spacing: .05em !important;
    text-transform: uppercase !important;
    font-size: .8rem !important;
}

@media (max-width: 900px) {
    .casos-uso .casos-grid { grid-template-columns: 1fr !important; max-width: 720px !important; }
    .casos-uso .caso-card { min-height: auto !important; }
    .casos-uso .caso-hover {
        position: relative !important;
        inset: auto !important;
        margin-top: 1rem !important;
        opacity: 1 !important;
        visibility: visible !important;
        display: none !important;
        transform: none !important;
        border-radius: 24px !important;
        padding: 1.3rem !important;
        text-align: left !important;
        left: auto !important;
        right: auto !important;
        bottom: auto !important;
    }
    .casos-uso .caso-card.active .caso-hover { display: block !important; }
    .casos-uso .caso-card:hover { transform: none !important; }
    .casos-uso .caso-hover::before { top: -12px; right: 22px; }
    .casos-uso .caso-hover::after { top: -7px; right: 33px; }
}



.casos-uso-nuevo .casos-beneficios-grid{grid-template-columns:repeat(3,minmax(0,1fr)) !important;max-width:1240px;margin:0 auto;gap:2rem;}
.casos-uso-nuevo .benefit-card{min-height:390px;}
@media (max-width:1024px){.casos-uso-nuevo .casos-beneficios-grid{grid-template-columns:repeat(2,minmax(0,1fr)) !important;}}
@media (max-width:900px){.casos-uso-nuevo .casos-beneficios-grid{grid-template-columns:1fr !important;max-width:720px;}}



.stats{align-items:stretch !important;}
.stat{display:flex !important;flex-direction:column !important;align-items:center !important;justify-content:flex-start !important;min-height:168px !important;text-align:center !important;}
.stat-number,.stat span{min-height:3.1rem;display:flex !important;align-items:flex-start !important;justify-content:center !important;}
.stat-label{margin-top:.5rem !important;line-height:1.35 !important;min-height:2.9em;display:flex;align-items:flex-start;justify-content:center;text-wrap:balance;}
@media(max-width:560px){.stat{min-height:152px !important;}.stat-label{min-height:auto;}}



.stats{display:grid !important;grid-template-columns:repeat(4,minmax(0,1fr)) !important;align-items:start !important;justify-items:stretch !important;gap:1.15rem !important;max-width:860px !important;margin-top:3rem !important;}
.stat{display:grid !important;grid-template-rows:auto 1fr !important;align-content:start !important;justify-items:center !important;min-height:0 !important;text-align:center !important;padding:0 .25rem !important;}
.stat-number,.stat span{display:flex !important;align-items:flex-start !important;justify-content:center !important;width:100% !important;min-height:3.35rem !important;margin:0 !important;font-family:'Poppins',sans-serif !important;font-weight:600 !important;font-size:clamp(2.35rem,3.5vw,3.15rem) !important;line-height:1 !important;letter-spacing:-0.02em !important;font-variant-numeric:tabular-nums !important;}
.stat-label{display:flex !important;align-items:flex-start !important;justify-content:center !important;width:100% !important;margin-top:.7rem !important;min-height:3.15em !important;line-height:1.35 !important;font-family:'Poppins',sans-serif !important;font-weight:500 !important;text-wrap:balance !important;}
@media(max-width:900px){.stats{grid-template-columns:repeat(2,minmax(0,1fr)) !important;max-width:620px !important;}}
@media(max-width:560px){.stats{grid-template-columns:1fr !important;max-width:320px !important;}.stat-number,.stat span{font-size:2.55rem !important;}}



footer .whatsapp-btn{background:#fff !important;color:#FC8403 !important;border:1px solid rgba(255,255,255,.45) !important;box-shadow:0 10px 20px rgba(84,84,84,.14) !important;}
footer .whatsapp-btn i, footer .whatsapp-btn span, footer .whatsapp-btn{color:#FC8403 !important;}
footer .whatsapp-btn:hover{background:#fff !important;color:#FC8403 !important;transform:translateY(-2px) scale(1.03) !important;}



:root{--primary:#FC8403;--brand-5:#FC8403;--brand-7:#FCAD03;--text:#545454;}
body.menu-open{overflow:hidden!important;}
header{position:fixed!important;top:0;left:0;width:100%;z-index:1000;box-shadow:0 12px 30px rgba(84,84,84,.16)!important;backdrop-filter:blur(8px);background:linear-gradient(90deg, rgba(252,111,3,0.96), rgba(252,132,3,0.96), rgba(252,173,3,0.96))!important;}
.nav{display:flex!important;justify-content:space-between;align-items:center;padding:1rem 2rem;max-width:1400px;margin:0 auto;gap:1rem;}
.logo{height:46px!important;filter:brightness(0) invert(1)!important;transition:.3s;display:block;}
.logo:hover{transform:scale(1.05)}
.menu{display:flex!important;gap:2.5rem;list-style:none!important;color:#fff;font-weight:500;align-items:center;margin:0;padding:0;}
.menu li{cursor:pointer;position:relative;padding:.3rem 0;}
.menu li::after{content:'';position:absolute;left:0;bottom:0;width:0;height:2.5px;background:var(--brand-8,#FCC203)!important;transition:.4s cubic-bezier(.175,.885,.32,1.275)}
.menu li:hover::after{width:100%}
.menu a,.services-toggle{color:#fff!important;text-decoration:none!important}
.services-item{position:relative;}
.services-item::after{display:none!important;}
.services-toggle{background:transparent;border:0;font:inherit;cursor:pointer;display:inline-flex;align-items:center;gap:.5rem;padding:0;}
.services-toggle i{font-size:.8rem;transition:transform .25s ease}
.services-item:hover .services-toggle i,.services-item:focus-within .services-toggle i{transform:rotate(180deg)}
.services-dropdown{position:absolute;top:calc(100% + 14px);left:0;min-width:360px!important;display:grid;gap:.55rem!important;padding:1rem!important;border-radius:24px;background:#fff;box-shadow:0 24px 48px rgba(84,84,84,.18);border:1px solid rgba(252,132,3,.14);opacity:0;visibility:hidden;transform:translateY(10px);transition:opacity .25s ease,transform .25s ease,visibility .25s ease;z-index:1002}
.services-item:hover .services-dropdown,.services-item:focus-within .services-dropdown{opacity:1;visibility:visible;transform:translateY(0)}
.services-dropdown a{display:grid!important;grid-template-columns:46px 1fr;align-items:center;gap:.9rem;color:#545454!important;text-decoration:none!important;padding:.88rem 1rem!important;border-radius:18px!important;line-height:1.2;background:#fff}
.services-dropdown a:hover{background:linear-gradient(135deg,rgba(252,132,3,.12),rgba(252,194,3,.14))!important;color:#545454!important}
.services-dropdown .dropdown-icon{width:46px;height:46px;border-radius:14px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#FC8403,#FCC203)!important;color:#fff!important;font-size:1rem;box-shadow:0 10px 18px rgba(252,132,3,.22);flex-shrink:0}
.services-dropdown .dropdown-copy{display:flex;flex-direction:column;gap:.12rem;min-width:0}
.services-dropdown .dropdown-copy strong{font-size:.98rem;color:#545454;font-weight:700}
.services-dropdown .dropdown-copy small{font-size:.78rem;color:#7a7a7a}
.submenu-item{position:relative}
.services-dropdown .submenu-item>a{display:grid!important;grid-template-columns:46px 1fr auto;align-items:center;gap:.9rem}
.submenu-caret{color:#b8b8b8;font-size:.8rem}
.submenu-panel{position:absolute;top:0;left:calc(100% + 10px);min-width:250px;padding:.8rem;border-radius:20px;background:#fff;box-shadow:0 24px 48px rgba(84,84,84,.18);border:1px solid rgba(252,132,3,.14);opacity:0;visibility:hidden;transform:translateX(10px);transition:opacity .25s ease,transform .25s ease,visibility .25s ease;display:grid;gap:.45rem;z-index:1003}
.submenu-item:hover .submenu-panel,.submenu-item:focus-within .submenu-panel{opacity:1;visibility:visible;transform:translateX(0)}
.submenu-panel a{grid-template-columns:1fr!important;padding:.8rem .9rem!important;font-size:.95rem!important}
.cta{background:#fff!important;color:#FC8403!important;padding:.8rem 2.2rem;border-radius:40px;border:none;font-weight:700;cursor:pointer;transition:.3s;box-shadow:0 8px 16px rgba(84,84,84,.1)!important}
.cta:hover{background:#fff!important;color:#FC8403!important;transform:scale(1.08) translateY(-3px);box-shadow:0 15px 25px rgba(84,84,84,.2)!important}
.hamburger{display:none;font-size:2.2rem;color:#fff;cursor:pointer}
.mobile-menu{position:fixed!important;inset:0;transform:translateX(100%);opacity:0;visibility:hidden;pointer-events:none;width:100%;height:100vh;background:linear-gradient(180deg,#FC4503 0%,#FC8403 100%);color:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1.2rem;transition:.4s ease;z-index:999;font-size:2rem;padding:2rem;text-align:center;overflow-y:auto}
.mobile-menu.active{transform:translateX(0);opacity:1;visibility:visible;pointer-events:auto}
.mobile-close{position:absolute;top:20px;right:20px;width:46px;height:46px;border-radius:50%;border:1px solid rgba(255,255,255,.28);background:rgba(255,255,255,.12);color:#fff;font-size:1.2rem;display:flex;align-items:center;justify-content:center;cursor:pointer}
.mobile-menu a{color:#fff!important;text-decoration:none!important;font-weight:600;position:relative;font-size:1.5rem}
.mobile-menu a::after{content:'';position:absolute;left:0;bottom:-8px;width:0;height:3px;background:#fff;transition:.3s}
.mobile-menu a:hover::after{width:100%}
.mobile-services{width:min(100%,360px);display:grid;gap:.9rem}
#mobileServicesBtn{border:1px solid rgba(255,255,255,.25);background:rgba(255,255,255,.1);color:#fff;border-radius:18px;padding:.9rem 1rem;font-weight:700;font-size:1.1rem;display:flex;align-items:center;justify-content:center;gap:.6rem;cursor:pointer}
#mobileServicesSub{display:none;gap:.75rem;padding:1rem;background:rgba(255,255,255,.08);border-radius:20px}
#mobileServicesSub.open{display:grid}
#mobileServicesSub a{font-size:1rem;line-height:1.35}
.mobile-sub a{display:flex!important;align-items:center;gap:.75rem}
.mobile-sub a i{width:34px;height:34px;border-radius:12px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,rgba(252,132,3,.18),rgba(252,194,3,.18));color:#FC8403;flex-shrink:0}
.mobile-cta{background:#fff!important;color:#FC8403!important;padding:1rem 2.4rem;border-radius:60px;margin-top:.4rem;font-size:1.05rem;border:none!important;font-weight:700;cursor:pointer;transition:.3s;box-shadow:0 10px 20px rgba(84,84,84,.15)}
.mobile-cta:hover{transform:scale(1.05)}
.mobile-social{display:flex;gap:.85rem;align-items:center;justify-content:center;flex-wrap:wrap;margin-top:.2rem}
.mobile-social a{width:46px!important;height:46px!important;border-radius:50%!important;display:inline-flex!important;align-items:center;justify-content:center;background:rgba(255,255,255,.14)!important;border:1px solid rgba(255,255,255,.25)!important;font-size:1.2rem!important;box-shadow:none!important}
.mobile-social a::after{display:none!important}
.footer-grid{display:grid!important;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))!important;gap:2.5rem!important;max-width:1300px!important;margin:0 auto!important;padding:0!important}
.footer-logo{height:50px!important;filter:brightness(0) invert(1)!important;margin-bottom:1.5rem!important}
.footer-menu{list-style:none!important;padding-left:0!important;margin:0!important;display:block!important}
.footer-menu li{margin-bottom:.7rem!important;display:block!important}
.footer-menu a{text-decoration:none!important;font-weight:500!important;display:inline-block!important;opacity:1!important}
.footer-menu a:hover{text-decoration:underline!important;transform:none!important}
.footer-offices{background:rgba(255,255,255,.08)!important;border:1px solid rgba(255,255,255,.16)!important;border-radius:18px!important;padding:1rem 1.05rem!important;align-self:start!important}
.office-summary-card{display:flex!important;gap:.9rem!important;align-items:flex-start!important}
.office-summary-icon{width:42px!important;height:42px!important;border-radius:14px!important;background:rgba(255,255,255,.16)!important;display:flex!important;align-items:center!important;justify-content:center!important;flex-shrink:0!important}
.office-summary-icon i{color:#fff!important;font-size:1rem!important}
.office-summary-text strong{display:block!important;font-size:.98rem!important;margin-bottom:.15rem!important}
.whatsapp-btn{background:#fff!important;color:#FC8403!important;padding:.9rem 1.45rem!important;border-radius:999px!important;display:inline-flex!important;align-items:center!important;gap:.6rem!important;font-weight:700!important;box-shadow:0 10px 20px rgba(84,84,84,.14)!important;text-decoration:none!important}
.whatsapp-btn i,.whatsapp-btn span{color:#FC8403!important}
.whatsapp-btn:hover{transform:translateY(-2px) scale(1.03)!important}
.copyright{ text-align:center!important;margin-top:3rem!important;border-top:1px solid rgba(255,255,255,.3)!important;padding-top:2rem!important;font-size:.92rem!important}
.copyright a{color:#fff!important;text-decoration:underline!important}
/* iconografía naranja */
.card i,.icon i,.value-card .icon,.feature-icon,.hero-badge i,.stats i,.coverage-item i,.info-item i,.office-card i,.faq-item summary i,.services-grid .card i,.cards-grid .card i,.grid-3 .card i,.grid-4 .card i{color:#FC8403!important}
.value-card .icon,.cards-grid .icon,.services-grid .icon,.feature-icon{background:linear-gradient(135deg,#FC8403,#FCC203)!important;color:#fff!important;box-shadow:0 14px 24px rgba(252,132,3,.25)!important}
.value-card .icon i,.cards-grid .icon i,.services-grid .icon i,.feature-icon i{color:#fff!important}
/* hovers unificados */
.value-card,.benefit-card,.caso-card{overflow:hidden!important;position:relative!important}
.value-card .hover-copy,.benefit-card .benefit-hover,.caso-card .caso-hover{position:absolute!important;left:1rem!important;right:1rem!important;bottom:1rem!important;background:linear-gradient(145deg,#FC8403,#FCAD03)!important;color:#fff!important;border-radius:22px!important;padding:1.1rem 1rem 1.15rem!important;opacity:0!important;visibility:hidden!important;transform:translateY(115%)!important;transition:.35s ease!important;box-shadow:0 18px 30px rgba(252,132,3,.22)!important;pointer-events:none!important}
.value-card:hover .hover-copy,.value-card.active .hover-copy,.benefit-card:hover .benefit-hover,.benefit-card.active .benefit-hover,.caso-card:hover .caso-hover,.caso-card.active .caso-hover{opacity:1!important;visibility:visible!important;transform:translateY(0)!important}
.value-card .hover-copy::before,.benefit-card .benefit-hover::before,.caso-card .caso-hover::before{content:'';position:absolute;top:-12px;right:22px;width:34px;height:24px;background:linear-gradient(145deg,#FC8403,#FCAD03);border-radius:12px 12px 0 0;box-shadow:0 -6px 16px rgba(252,132,3,.12)}
.value-card .hover-copy::after,.benefit-card .benefit-hover::after,.caso-card .caso-hover::after{content:'\f061';font-family:'Font Awesome 6 Free';font-weight:900;position:absolute;top:-7px;right:33px;font-size:.8rem;color:#fff}
.value-card h4,.value-card .hover-copy p,.benefit-hover h4,.benefit-hover p,.caso-hover h4,.caso-hover p{color:#fff!important}
.value-card>p,.benefit-summary,.caso-card .caso-summary{padding-bottom:.9rem!important;margin-bottom:0!important}
@media(max-width:900px){.services-dropdown{display:none!important}.hamburger{display:block}.menu,.cta{display:none!important}}
@media(min-width:901px){.mobile-menu{display:none!important}}



/* 1. Estadísticas en círculos grises, texto blanco */
.hero .stats .stat {
    background: transparent !important;
    border: none !important;
    backdrop-filter: none !important;
    box-shadow: none !important;
    padding: 0 !important;
    margin: 0 !important;
}
.hero .stats .stat .stat-number {
    background: #6c757d;  /* gris intermedio */
    color: #fff !important;
    display: flex !important;
    align-items: center;
    justify-content: center;
    width: 140px;
    height: 140px;
    border-radius: 50%;
    font-size: clamp(2rem, 3.5vw, 3rem) !important;
    font-weight: 500 !important; /* más delgado que el original 800 */
    margin: 0 auto 0.6rem auto;
    box-shadow: 0 8px 20px rgba(0,0,0,0.1);
    transition: transform 0.3s ease;
}
.hero .stats .stat .stat-number:hover {
    transform: scale(1.02);
}
.hero .stats .stat .stat-label {
    color: #545454 !important;
    font-weight: 500;
    margin-top: 0.5rem;
    text-transform: none;
    letter-spacing: normal;
}
@media (max-width: 900px) {
    .hero .stats .stat .stat-number {
        width: 110px;
        height: 110px;
        font-size: 1.8rem !important;
    }
}
@media (max-width: 560px) {
    .hero .stats .stat .stat-number {
        width: 100px;
        height: 100px;
        font-size: 1.5rem !important;
    }
}

/* 2. Pestañitas naranjas siempre visibles en las cards que despliegan info */
.benefit-card,
.caso-card {
    position: relative;
}
.benefit-card::after,
.caso-card::after {
    content: "\f0a4";  /* icono de info (puede ser i o info-circle) */
    font-family: "Font Awesome 6 Free";
    font-weight: 900;
    position: absolute;
    top: 12px;
    right: 12px;
    background: #FC8403;
    color: white;
    font-size: 0.9rem;
    width: 28px;
    height: 28px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 4px 10px rgba(252,132,3,0.3);
    z-index: 5;
    transition: 0.2s;
    pointer-events: none;
    opacity: 1;
    visibility: visible;
}
.benefit-card:hover::after,
.caso-card:hover::after {
    transform: scale(1.1);
    background: #f0a500;
}
/* evitar que el ::after se duplique con otras reglas */
.benefit-card .benefit-tab,
.caso-card .caso-tab {
    display: none !important;
}



.hero .stats{justify-items:center!important;align-items:start!important;grid-template-columns:repeat(4,minmax(140px,1fr))!important;gap:1rem!important;}
.hero .stats .stat{display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:flex-start!important;text-align:center!important;width:100%!important;max-width:170px!important;}
.hero .stats .stat .stat-number{display:flex!important;align-items:center!important;justify-content:center!important;text-align:center!important;padding:0!important;line-height:1!important;margin:0 auto .6rem auto!important;font-variant-numeric:tabular-nums!important;width:140px!important;height:140px!important;min-width:140px!important;min-height:140px!important;max-width:140px!important;max-height:140px!important;aspect-ratio:1/1!important;border-radius:50%!important;flex:0 0 140px!important;}
.hero .stats .stat .stat-label{text-align:center!important;max-width:145px;margin-left:auto!important;margin-right:auto!important;}
.services-dropdown .dropdown-icon--svg img{width:22px;height:22px;object-fit:contain;display:block;filter:brightness(0) invert(1);}
.services-dropdown .dropdown-icon--svg i{color:#fff!important;}
.submenu-panel-attraction a{display:flex!important;align-items:center;gap:.72rem;padding:.78rem .9rem!important;}
.submenu-inline-icon{color:#FC8403!important;font-size:1rem;flex:0 0 18px;width:18px;text-align:center;}
.mobile-sub{display:grid;gap:.85rem;}
.mobile-sub a,.mobile-sub button{width:100%;text-align:left;}
.mobile-icon{width:36px;height:36px;display:inline-flex;align-items:center;justify-content:center;flex:0 0 36px;border-radius:12px;background:linear-gradient(135deg,#FC8403,#FCC203);box-shadow:0 8px 16px rgba(252,132,3,.16);}
.mobile-icon img{width:20px;height:20px;object-fit:contain;display:block;filter:brightness(0) invert(1);}
.mobile-icon i{color:#fff!important;font-size:.95rem;width:auto!important;height:auto!important;display:block!important;}
.mobile-services{background:#fff!important;border:1px solid rgba(252,132,3,.16)!important;box-shadow:0 18px 40px rgba(84,84,84,.12)!important;}
#mobileServicesBtn{background:#fff!important;color:#545454!important;border:1px solid rgba(252,132,3,.16)!important;}
#mobileServicesBtn span{color:#545454!important;}
#mobileServicesSub{display:none;gap:.75rem;padding:1rem;background:#fff!important;border:1px solid rgba(252,132,3,.12)!important;border-radius:20px;box-shadow:0 14px 30px rgba(84,84,84,.08);}
#mobileServicesSub.open{display:grid;}
#mobileServicesSub>a,.mobile-nested-toggle{display:flex!important;align-items:center;justify-content:space-between;gap:.85rem;background:#fff!important;border:1px solid rgba(252,132,3,.12)!important;color:#545454!important;padding:.92rem 1rem!important;font-size:1rem;line-height:1.35;font-weight:600;border-radius:16px;cursor:pointer;}
#mobileServicesSub>a:hover,.mobile-nested-toggle:hover,#mobileAtraccionSub a:hover{background:linear-gradient(135deg,rgba(252,132,3,.08),rgba(252,194,3,.12))!important;}
#mobileServicesSub>a>span:last-child{color:#545454!important;}
.mobile-nested-main{display:flex;align-items:center;gap:.75rem;color:#545454!important;}
.mobile-nested-main span{color:#545454!important;}
.mobile-caret{transition:transform .25s ease;color:#545454!important;}
.mobile-nested-toggle.active .mobile-caret{transform:rotate(180deg);}
.mobile-nested-list{display:none;gap:.55rem;margin:.15rem 0 0 0;padding:.7rem;background:#fff!important;border:1px solid rgba(252,132,3,.10)!important;border-radius:18px;}
.mobile-nested-list.open{display:grid;}
.mobile-nested-list a{display:flex!important;align-items:center;gap:.75rem;font-size:.94rem!important;color:#545454!important;background:#fff!important;border:1px solid rgba(252,132,3,.10)!important;padding:.82rem .9rem!important;border-radius:14px;}
.mobile-submenu-group{display:grid;gap:.55rem;}
@media (max-width:900px){.hero .stats{grid-template-columns:repeat(2,minmax(130px,1fr))!important;max-width:420px!important;}.hero .stats .stat .stat-number{width:120px!important;height:120px!important;min-width:120px!important;min-height:120px!important;max-width:120px!important;max-height:120px!important;flex-basis:120px!important;}}
@media (max-width:560px){.hero .stats{grid-template-columns:repeat(2,minmax(118px,1fr))!important;max-width:300px!important;}.hero .stats .stat{max-width:140px!important;}.hero .stats .stat .stat-number{width:108px!important;height:108px!important;min-width:108px!important;min-height:108px!important;max-width:108px!important;max-height:108px!important;flex-basis:108px!important;}.mobile-icon{width:34px;height:34px;flex-basis:34px;}.mobile-icon img{width:18px;height:18px;}}


.pg-inline-1{text-decoration:none; text-align:left;}
.pg-inline-2{padding:2rem 0;}
.pg-inline-3{align-items: stretch;}
.pg-inline-4{background: transparent;}
.pg-inline-5{box-shadow: none; border-radius: 28px; overflow: hidden; margin:0; max-width:100%;}
.pg-inline-6{border-radius:28px;}
.pg-inline-7{font-size: 1.05rem; margin-bottom: 1.5rem;}
.pg-inline-8{justify-content:flex-start; gap:1rem;}
.pg-inline-9{padding-top:0;}
.pg-inline-10{padding-top:2rem;}
.pg-inline-11{font-size: 1.08rem; margin-bottom: 2rem; max-width: 640px;}
.pg-inline-12{border-radius: 30px; width: 100%; box-shadow: var(--shadow); transition: 0.5s;}
.pg-inline-13{max-width: 800px; margin:0 auto;}
.pg-inline-14{font-size: 1.2rem; max-width: 600px; margin: 0 auto 2.5rem;}
.pg-inline-15{background:#fff !important; color:#FC8403 !important; border:2px solid #FC8403;}
.pg-inline-16{color:#fff;}
/* === Ajuste final: galería tipo servicios/nosotros === */
.corporate-gallery-section .marquee-wrap{overflow:hidden;border-radius:28px;border:1px solid rgba(252,132,3,.12);background:#fff;box-shadow:0 18px 40px rgba(84,84,84,.12);padding:1rem 0;transition:all .3s ease;max-width:1240px;margin:0 auto;}
.corporate-gallery-section .marquee-wrap:hover{transform:translateY(-4px);box-shadow:0 30px 50px rgba(84,84,84,.18);}
.corporate-gallery-section .marquee-track{display:flex;gap:1rem;width:max-content;animation:scrollMarquee 28s linear infinite;}
.corporate-gallery-section .marquee-track img{width:290px;height:190px;object-fit:cover;border-radius:18px;display:block;box-shadow:0 10px 24px rgba(84,84,84,.12);transition:transform .3s ease, box-shadow .3s ease;}
.corporate-gallery-section .marquee-track img:hover{transform:scale(1.02);box-shadow:0 20px 30px rgba(84,84,84,.18);}
@keyframes scrollMarquee{0%{transform:translateX(0)}100%{transform:translateX(-50%)}}
@media (max-width:900px){.corporate-gallery-section .marquee-track img{width:240px;height:160px;}}