/* Estilos completos del index, con añadidos para filtros y grid de blog */
        * { 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; width: 100%; 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: 40vh; background: #FC4503; color: #fff; display: flex; align-items: center; justify-content: center; text-align: center; padding: 9rem 2rem 4rem; position: relative; overflow: hidden; }
        .hero h1 { font-family: 'Space Grotesk', sans-serif; font-size: clamp(2.5rem, 6vw, 4rem); }
        .hero h1 span { color: var(--primary); 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 { font-size: 1.2rem; color: #545454; max-width: 600px; margin: 1.5rem auto 0; }
        .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; } }
        /* Secciones */
        .section { padding: 5rem 1.5rem; position: relative; max-width: 1400px; margin: 0 auto; }
        .section.light { background: var(--light); }
        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; }
        /* Filtros */
        .filters { display: flex; gap: 1rem; flex-wrap: wrap; align-items: flex-end; margin-bottom: 2.5rem; background: #fff; padding: 1.5rem; border-radius: 40px; box-shadow: var(--shadow); }
        .filter-group { flex: 1 1 200px; }
        .filter-group label { display: block; font-weight: 600; margin-bottom: 0.4rem; font-size: 0.9rem; color: #545454; }
        .filter-group select, .filter-group input { width: 100%; padding: 0.7rem 1rem; border: 2px solid rgba(252,132,3,0.12); border-radius: 30px; font-family: 'Inter'; background: white; cursor: pointer; }
        .filter-group select:focus, .filter-group input:focus { border-color: var(--primary); outline: none; }
        .filter-actions { display: flex; gap: 0.8rem; }
        .filter-actions .btn { background: var(--primary); color: white; border: none; padding: 0.7rem 2rem; border-radius: 40px; font-weight: 600; cursor: pointer; transition: 0.3s; }
        .filter-actions .btn:hover { transform: scale(1.05); box-shadow: 0 10px 20px rgba(252,132,3,0.3); }
        .filter-actions .btn-outline { background: transparent; border: 2px solid var(--primary); color: var(--primary); }
        .filter-actions .btn-outline:hover { background: var(--primary); color: white; }
        /* Grid de artículos */
        .blog-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(300px, 1fr)); gap: 2rem; }
        .blog-card { background: #fff; border-radius: 30px; overflow: hidden; box-shadow: var(--shadow); transition: 0.4s; border: 1px solid rgba(84,84,84,0.05); display: flex; flex-direction: column; }
        .blog-card:hover { transform: translateY(-8px); box-shadow: 0 30px 60px rgba(252,132,3,0.15); }
        .blog-card img { width: 100%; height: 200px; object-fit: cover; }
        .blog-card-content { padding: 1.5rem; flex: 1; display: flex; flex-direction: column; }
        .blog-card .meta { display: flex; justify-content: space-between; align-items: center; margin-bottom: 0.8rem; font-size: 0.85rem; color: var(--primary); font-weight: 600; }
        .blog-card .meta i { margin-right: 0.3rem; }
        .blog-card h3 { font-size: 1.5rem; margin-bottom: 0.8rem; line-height: 1.3; }
        .blog-card p { color: #545454; margin-bottom: 1.5rem; font-size: 0.95rem; flex: 1; }
        .blog-card .btn { background: var(--primary); color: #fff; padding: 0.7rem 1.5rem; border-radius: 40px; text-decoration: none; display: inline-block; font-weight: 600; transition: 0.3s; align-self: flex-start; margin-top: auto; }
        .blog-card .btn:hover { transform: scale(1.05); box-shadow: 0 8px 15px rgba(252,132,3,0.3); }
        .no-posts { text-align: center; grid-column: 1/-1; padding: 3rem; background: var(--light); border-radius: 40px; }
        /* Footer (igual que index) */
        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; }
        .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; }
        /* Responsive */
        @media (max-width: 900px) {
            .menu { display: none; }
            .hamburger { display: block; }
            .cta { display: none; }
            .filters { flex-direction: column; }
            .footer-grid { text-align: center; }
            .contact-info p { justify-content: center; }
            #chat-window { width: 280px; }
            #chatbot { right: 15px; bottom: 15px; }
        }
    

        /* ================= 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); }
        }

    
        /* ===== 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); }
        .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;}
}



.pg-inline-1{color:#fff;}