:root{
         --bg:#0b0c10;
         --paper:#f7f6f4;
         --paper-2:#ffffff;
         --text:#0f1220;
         --muted:#5b6376;
         --brand:#b4141f;
         --brand-2:#7f0f17;
         --shadow:0 22px 60px rgba(0,0,0,.32);
         --shadow-soft:0 10px 30px rgba(0,0,0,.12);
         --radius:22px;
         --radius-lg:30px;
         --max:1240px;
         }
         html{ scroll-behavior:smooth; }
         body{
         font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;
         color:var(--text);
         background:var(--paper);
         overflow-x:hidden;
         }
         .container-max{ max-width:var(--max); }
         /* Scroll progress */
         .scroll-progress{
         position:fixed; top:0; left:0;
         height:3px; width:0%;
         z-index:9999;
         background:linear-gradient(90deg,var(--brand),#ff4d57);
         box-shadow:0 2px 16px rgba(180,20,31,.30);
         }
         /* Topbar */
         .topbar{
         background:#0c0d12;
         color:rgba(255,255,255,.86);
         border-bottom:1px solid rgba(255,255,255,.08);
         font-size:.92rem;
         }
         .topbar a{ color:rgba(255,255,255,.92); text-decoration:none; }
         .pill{
         display:inline-flex; align-items:center; gap:.45rem;
         padding:.45rem .70rem;
         border-radius:999px;
         border:1px solid rgba(255,255,255,.12);
         background:rgba(255,255,255,.05);
         white-space:nowrap;
         }
         /* Navbar */
         .navbar{
         background:rgba(247,246,244,.86);
         backdrop-filter:blur(14px);
         -webkit-backdrop-filter:blur(14px);
         border-bottom:1px solid rgba(15,18,32,.08);
         }
         .navbar .nav-link{
         color:#1c2236;
         font-weight:600;
         padding:.85rem .85rem;
         opacity:.88;
         }
         .navbar .nav-link:hover{ color:var(--brand); opacity:1; }
         .navbar .navbar-toggler{
         border:1px solid rgba(15,18,32,.14);
         border-radius:14px;
         padding:.55rem .65rem;
         }
         .brandmark{
         display:flex; align-items:center; gap:.75rem;
         text-decoration:none;
         }
         .brandmark .logo{
         width:46px; height:46px;
         border-radius:14px;
         background:rgba(255,255,255,.72);
         border:1px solid rgba(15,18,32,.10);
         display:grid; place-items:center;
         overflow:hidden;
         box-shadow:0 10px 24px rgba(0,0,0,.08);
         }
         .brandmark .logo img{ width:100%; height:100%; object-fit:contain; padding:6px; }
         .brandmark .name{
         font-family:Sora,Inter,sans-serif;
         font-weight:800;
         letter-spacing:-.03em;
         color:var(--text);
         line-height:1.05;
         }
         .brandmark .tag{
         font-size:.78rem;
         color:rgba(15,18,32,.62);
         margin-top:.05rem;
         }
         .btn-brand{
         background:linear-gradient(135deg,var(--brand),#ff4d57);
         border:none;
         color:#fff;
         border-radius:999px;
         padding:.84rem 1.08rem;
         font-weight:700;
         box-shadow:0 16px 34px rgba(180,20,31,.22);
         transition:transform .16s ease, box-shadow .16s ease;
         white-space:nowrap;
         }
         .btn-brand:hover{
         transform:translateY(-1px);
         box-shadow:0 20px 44px rgba(180,20,31,.28);
         color:#fff;
         }
         .btn-ghost{
         border-radius:999px;
         padding:.84rem 1.08rem;
         font-weight:700;
         border:1px solid rgba(15,18,32,.14);
         background:rgba(255,255,255,.62);
         color:var(--text);
         }
         .btn-ghost:hover{ border-color:rgba(180,20,31,.32); color:var(--brand); }
         /* ===== PARALLAX SYSTEM (CSS VARS) ===== */
         .p-mouse{
         transform: translate3d(var(--mx,0px), var(--my,0px), 0);
         will-change: transform;
         }
         .p-scroll-mouse{
         transform: translate3d(0, var(--sy,0px), 0) translate3d(var(--mx,0px), var(--my,0px), 0);
         will-change: transform;
         }
         /* ===== SCROLL REVEAL ===== */
         .sr{
         opacity: 0;
         filter: blur(10px);
         transition:
         opacity .55s ease,
         filter 1.05s ease;
         will-change: opacity, filter;
         }
         .sr.is-in{
         opacity: 1;
         filter: blur(0);
         }
         /* Decorative editorial blobs */
         .sec-rel{ position:relative; overflow:hidden; }
         .decor{ position:absolute; inset:0; pointer-events:none; z-index:0; }
         .blob{
         position:absolute;
         border-radius:999px;
         opacity:.35;
         mix-blend-mode: multiply;
         }
         .blob.soft{ opacity:.22; mix-blend-mode: normal; }
         .blob.ring{
         background: transparent;
         border: 1px solid rgba(15,18,32,.12);
         opacity:.30;
         mix-blend-mode: normal;
         }
        .grain{
            position:absolute; inset:0;
            background-image:
                url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="240" height="240"><filter id="n"><feTurbulence type="fractalNoise" baseFrequency=".8" numOctaves="3" stitchTiles="stitch"/></filter><rect width="240" height="240" filter="url(%23n)" opacity=".18"/></svg>');
            opacity:.18;
            mix-blend-mode: soft-light;
            pointer-events:none;
        }
         /* HERO */
         .hero{
         position:relative;
         padding:clamp(34px,5vw,72px) 0 46px;
         background:
         radial-gradient(1200px 600px at 18% 0%, rgba(180,20,31,.12), rgba(247,246,244,0) 60%),
         radial-gradient(900px 500px at 84% 10%, rgba(15,18,32,.10), rgba(247,246,244,0) 55%),
         linear-gradient(180deg,var(--paper),var(--paper));
         overflow:hidden;
         }
         .hero:before{
         content:"";
         position:absolute; inset:-2px;
         background:
         radial-gradient(900px 520px at 76% 22%, rgba(180,20,31,.16), rgba(247,246,244,0) 60%),
         radial-gradient(900px 520px at 22% 74%, rgba(15,18,32,.12), rgba(247,246,244,0) 55%);
         opacity:.9;
         pointer-events:none;
         }
         .kicker,
         .eyebrow{
         display:inline-flex; align-items:center; gap:.5rem;
         padding:.48rem .82rem;
         border-radius:999px;
         border:1px solid rgba(15,18,32,.10);
         background:rgba(255,255,255,.78);
         color:#1c2236;
         font-weight:800;
         font-size:.80rem;
         letter-spacing:.06em;
         text-transform:uppercase;
         margin-bottom:14px;
         position:relative; z-index:1;
         }
         .hero h1{
         font-family:Sora,Inter,sans-serif;
         font-weight:800;
         letter-spacing:-.05em;
         line-height:1.02;
         font-size:clamp(2.25rem,4vw,3.75rem);
         margin:0 0 14px 0;
         color:var(--text);
         max-width:11ch;
         position:relative; z-index:1;
         }
         .hero p.lead{
         color:rgba(15,18,32,.70);
         font-size:1.02rem;
         line-height:1.68;
         max-width:56ch;
         margin-bottom:20px;
         position:relative; z-index:1;
         }
         .meta{
         display:flex; flex-wrap:wrap; gap:10px;
         color:rgba(15,18,32,.64);
         font-size:.95rem;
         margin-top:18px;
         position:relative; z-index:1;
         }
         .chip{
         display:inline-flex; align-items:center; gap:.45rem;
         padding:.50rem .76rem;
         border-radius:999px;
         border:1px solid rgba(15,18,32,.10);
         background:rgba(255,255,255,.74);
         white-space:nowrap;
         }
         .btn-row{ display:flex; gap:10px; flex-wrap:wrap; position:relative; z-index:1; }
         .hero-visual{
         position:relative;
         border-radius:var(--radius-lg);
         overflow:hidden;
         min-height:430px;
         background:linear-gradient(135deg, rgba(15,18,32,.08), rgba(180,20,31,.06));
         border:1px solid rgba(15,18,32,.12);
         box-shadow:var(--shadow);
         transform:translateZ(0);
         z-index:1;
         }
         .hero-visual .placeholder{
         position:absolute; 
         inset:0;
         /* background:
         linear-gradient(135deg, rgba(210,214,224,.95), rgba(242,244,248,.95));
         filter:grayscale(100%); */
         opacity:.86;
         transform:scale(1.03);
         }
         /* .hero-visual .overlay{
         position:absolute; inset:0;
         background:linear-gradient(90deg, rgba(247,246,244,.92), rgba(247,246,244,.70) 40%, rgba(247,246,244,.28) 70%, rgba(0,0,0,0));
         } */
         .float-card{
         position:absolute;
         right:18px;
         bottom:18px;
         width:min(340px,86%);
         border-radius:22px;
         background:rgba(255,255,255,.88);
         border:1px solid rgba(15,18,32,.10);
         backdrop-filter:blur(12px);
         -webkit-backdrop-filter:blur(12px);
         box-shadow:var(--shadow-soft);
         padding:16px;
         }
         .float-card .title{
         font-weight:900;
         letter-spacing:-.02em;
         margin:0 0 4px 0;
         }
         .float-card .sub{
         color:rgba(15,18,32,.66);
         font-size:.92rem;
         line-height:1.5;
         margin:0 0 10px 0;
         }
         .float-card .actions{ display:flex; gap:10px; flex-wrap:wrap; }
         .float-card .actions .btn{ flex:1 1 auto; }
         /* Sections */
         section{ padding:clamp(54px,6vw,92px) 0; }
         .section-title{
         font-family:Sora,Inter,sans-serif;
         font-weight:800;
         letter-spacing:-.04em;
         line-height:1.06;
         font-size:clamp(1.85rem,3.1vw,3.0rem);
         margin:0 0 10px 0;
         position:relative; z-index:1;
         }
         .section-lead{
         color:rgba(15,18,32,.66);
         font-size:1.02rem;
         line-height:1.65;
         max-width:74ch;
         margin:0;
         position:relative; z-index:1;
         }
         /* About */
         .about{
         background: linear-gradient(180deg, var(--paper), var(--paper-2));
         }
         .panel{
         border-radius:var(--radius-lg);
         background:#fff;
         border:1px solid rgba(15,18,32,.08);
         box-shadow:0 18px 40px rgba(0,0,0,.06);
         padding:22px;
         height:100%;
         position:relative; z-index:1;
         }
         .kpi{
         display:flex; gap:14px; flex-wrap:wrap;
         margin-top:14px;
         position:relative; z-index:1;
         }
         .kpi .box{
         border-radius:16px;
         border:1px dashed rgba(15,18,32,.18);
         padding:12px 14px;
         min-width:170px;
         background:rgba(180,20,31,.03);
         }
         .kpi .box b{ display:block; font-size:1.22rem; letter-spacing:-.02em; }
         .kpi .box span{ color:rgba(15,18,32,.64); font-size:.92rem; }
         /* Dark section */
         .dark{
         background:
         radial-gradient(1200px 700px at 18% 0%, rgba(180,20,31,.24), rgba(11,12,16,0) 60%),
         radial-gradient(1100px 700px at 82% 20%, rgba(255,255,255,.08), rgba(11,12,16,0) 60%),
         linear-gradient(180deg, var(--bg), var(--bg));
         color:rgba(255,255,255,.90);
         }
         .dark .section-title{ color:#fff; }
         .dark .section-lead{ color:rgba(255,255,255,.70); }
         .dark .eyebrow{
         background:rgba(255,255,255,.06);
         border-color:rgba(255,255,255,.12);
         color:rgba(255,255,255,.90);
         }
         .cardx{
         border-radius:var(--radius);
         background:rgba(255,255,255,.06);
         border:1px solid rgba(255,255,255,.10);
         padding:18px;
         height:100%;
         box-shadow:0 14px 40px rgba(0,0,0,.18);
         position:relative; z-index:1;
         }
         .cardx .icon{
         width:44px; height:44px;
         border-radius:14px;
         display:grid; place-items:center;
         background:rgba(255,255,255,.08);
         border:1px solid rgba(255,255,255,.12);
         margin-bottom:12px;
         }
         .cardx h3{ font-size:1.05rem; margin:0 0 6px 0; font-weight:900; }
         .cardx p{ margin:0; color:rgba(255,255,255,.74); line-height:1.60; font-size:.96rem; }
         /* Services */
         .services{ background:linear-gradient(180deg,var(--paper-2),var(--paper-2)); }
         .service-card{
         border-radius:var(--radius);
         background:#fff;
         border:1px solid rgba(15,18,32,.08);
         box-shadow:0 18px 40px rgba(0,0,0,.06);
         padding:18px;
         height:100%;
         transition:transform .18s ease, box-shadow .18s ease;
         position:relative; z-index:1;
         }
         .service-card:hover{ transform:translateY(-3px); box-shadow:0 26px 60px rgba(0,0,0,.10); }
         .service-card .icon{
         width:44px; height:44px;
         border-radius:14px;
         display:grid; place-items:center;
         background:rgba(180,20,31,.06);
         color:var(--brand);
         border:1px solid rgba(180,20,31,.12);
         margin-bottom:12px;
         }
         .service-card h3{ font-size:1.05rem; margin:0 0 6px 0; font-weight:900; }
         .service-card p{ margin:0; color:rgba(15,18,32,.64); line-height:1.60; font-size:.96rem; }
         /* Testimonials */
         .testimonials{ background:linear-gradient(180deg,var(--paper),var(--paper-2)); }
         .quote{
         border-radius:var(--radius-lg);
         background:#fff;
         border:1px solid rgba(15,18,32,.08);
         box-shadow:0 20px 48px rgba(0,0,0,.06);
         padding:22px;
         height:100%;
         position:relative;
         overflow:hidden;
         z-index:1;
         display:flex;
         flex-direction:column;
         }
         .quote:before{
         content:"“";
         position:absolute;
         top:-26px; left:18px;
         font-family:Sora,Inter,sans-serif;
         font-size:120px;
         color:rgba(180,20,31,.10);
         line-height:1;
         }
         .quote p{
         margin:0 0 14px 0;
         color:rgba(15,18,32,.74);
         line-height:1.72;
         font-size:1.00rem;
         flex:1 1 auto;
         }
         .quote .who{
         display:flex; gap:10px; align-items:center;
         color:rgba(15,18,32,.74);
         font-weight:900;
         }
         .avatar{
         width:40px; height:40px; border-radius:999px;
         background:linear-gradient(135deg, rgba(180,20,31,.22), rgba(15,18,32,.10));
         border:1px solid rgba(15,18,32,.10);
         }
         #testiSwiper .swiper-wrapper{ align-items:stretch; }
         #testiSwiper .swiper-slide{ height:auto; display:flex; }
         #testiSwiper .swiper-slide .quote{ width:100%; }
         /* Contact split */
         .contact-wrap{
         border-radius:34px;
         overflow:hidden;
         border:1px solid rgba(15,18,32,.08);
         box-shadow:0 26px 70px rgba(0,0,0,.08);
         background:#fff;
         position:relative; z-index:1;
         }
         .contact-left{
         background:
         radial-gradient(800px 500px at 20% 10%, rgba(255,255,255,.15), rgba(180,20,31,0) 60%),
         linear-gradient(180deg, var(--brand-2), var(--brand) 55%, var(--brand-2));
         color:rgba(255,255,255,.92);
         padding:34px 28px;
         min-height:520px;
         position:relative; z-index:1;
         }
         .contact-left .big{
         font-family:Sora,Inter,sans-serif;
         font-size:clamp(2.0rem,3.2vw,3.0rem);
         letter-spacing:-.05em;
         line-height:1.04;
         margin:10px 0 12px 0;
         font-weight:800;
         }
         .contact-left p{
         color:rgba(255,255,255,.82);
         margin:0 0 18px 0;
         line-height:1.65;
         font-size:1.02rem;
         max-width:46ch;
         }
         .contact-left .info{
         display:grid; gap:12px;
         margin-top:22px;
         font-size:.98rem;
         }
         .contact-left .info .rowx{
         display:flex; gap:10px; align-items:flex-start;
         color:rgba(255,255,255,.92);
         }
         .contact-left .watermark{
         position:absolute;
         bottom:-26px; left:18px;
         font-family:Sora,Inter,sans-serif;
         font-weight:900;
         letter-spacing:-.06em;
         font-size:84px;
         color:rgba(255,255,255,.06);
         user-select:none;
         pointer-events:none;
         white-space:nowrap;
         }
         .contact-right{ padding:34px 28px; background:#fff; position:relative; z-index:1; }
         .form-control,.form-select{
         border-radius:14px;
         padding:.92rem 1.0rem;
         border:1px solid rgba(15,18,32,.10);
         background:#fff;
         }
         .form-control:focus,.form-select:focus{
         box-shadow:0 0 0 .25rem rgba(180,20,31,.12);
         border-color:rgba(180,20,31,.34);
         }
         /* Footer */
         footer{
         background:#0c0d12;
         color:rgba(255,255,255,.78);
         padding:42px 0;
         border-top:1px solid rgba(255,255,255,.08);
         position:relative; z-index:1;
         }
         footer a{ color:rgba(255,255,255,.78); text-decoration:none; }
         footer a:hover{ color:#fff; }
         /* WhatsApp FAB */
         .wa-fab{
         position:fixed;
         right:18px;
         bottom:18px;
         z-index:9990;
         width:54px; height:54px;
         display:grid; place-items:center;
         border-radius:18px;
         background:#25D366;
         color:#fff;
         box-shadow:0 18px 40px rgba(0,0,0,.22);
         border:none;
         cursor:pointer;
         }
         @media (max-width: 991.98px){
         .hero-visual{ min-height:360px; margin-top:14px; }
         .float-card{ position:static; width:100%; margin-top:12px; }
         .contact-left{ min-height:auto; }
         }
         @media (prefers-reduced-motion: reduce){
         .p-mouse, .p-scroll-mouse{ transform:none !important; }
         .sr{ opacity:1 !important; filter:none !important; }
         html{ scroll-behavior:auto; }
         }
         /* ===== NEW SECTIONS (CLIENT REQUEST) ===== */
         /* Media carousel */
         .media-carousel{ background: linear-gradient(180deg, var(--paper), var(--paper-2)); }
         .slide-card{
         border-radius: var(--radius-lg);
         overflow:hidden;
         border:1px solid rgba(15,18,32,.08);
         background:#fff;
         box-shadow:0 18px 40px rgba(0,0,0,.06);
         height:100%;
         position:relative;
         min-height:320px;
         }
         .slide-card .img{
         position:absolute; inset:0;
         background: linear-gradient(135deg, rgba(210,214,224,.95), rgba(242,244,248,.95));
         /* filter: grayscale(100%); */
         }
         .slide-card .shade{
         position:absolute; inset:0;
         background:radial-gradient(700px 360px at 30% 30%, rgb(0 0 0 / 65%), rgba(63, 63, 63, 0) 55%), linear-gradient(0deg, rgba(10, 13, 22, 0.62), rgb(0 0 0 / 0%) 55%);
         opacity:.92;
         }
         .slide-card .content{
         position:absolute; inset:auto 16px 16px 16px;
         color:#fff;
         }
         .slide-card .content .tag{
         display:inline-flex; align-items:center; gap:.45rem;
         padding:.42rem .70rem;
         border-radius:999px;
         background:rgba(255,255,255,.12);
         border:1px solid rgba(255,255,255,.18);
         font-weight:800;
         letter-spacing:.06em;
         text-transform:uppercase;
         font-size:.78rem;
         margin-bottom:10px;
         }
         .slide-card .content h3{
         font-family:Sora,Inter,sans-serif;
         font-weight:800;
         letter-spacing:-.03em;
         margin:0 0 6px 0;
         line-height:1.08;
         font-size:1.45rem;
         }
         .slide-card .content p{
         margin:0 0 12px 0;
         color:rgba(255,255,255,.82);
         line-height:1.55;
         max-width:54ch;
         font-size:.98rem;
         }
         .swiper-nav{ display:flex; gap:10px; justify-content:flex-end; }
         .btn-nav{
         width:42px; height:42px;
         border-radius:14px;
         border:1px solid rgba(15,18,32,.12);
         background:rgba(255,255,255,.82);
         display:grid; place-items:center;
         box-shadow:0 12px 26px rgba(0,0,0,.08);
         }
         .btn-nav:hover{ border-color:rgba(180,20,31,.28); color:var(--brand); }
         /* Alert / Lead magnet */
         .alert-band{ background: linear-gradient(180deg, var(--paper-2), var(--paper)); }
         .callout{
         border-radius:34px;
         border:1px solid rgba(15,18,32,.10);
         background:#fff;
         box-shadow:0 26px 70px rgba(0,0,0,.08);
         overflow:hidden;
         }
         .callout .left{
         padding:28px;
         background:
         radial-gradient(720px 420px at 18% 12%, rgba(180,20,31,.10), rgba(255,255,255,0) 60%),
         linear-gradient(180deg, rgba(255,255,255,.96), rgba(255,255,255,.96));
         }
         .callout .right{
         padding:28px;
         background:
         radial-gradient(740px 420px at 20% 10%, rgba(255,255,255,.16), rgba(180,20,31,0) 60%),
         linear-gradient(180deg, var(--brand-2), var(--brand) 55%, var(--brand-2));
         color:rgba(255,255,255,.92);
         position:relative;
         }
         .callout .right:after{
         content:"";
         position:absolute;
         right:-120px; top:-140px;
         width:360px; height:360px;
         border-radius:999px;
         border:1px solid rgba(255,255,255,.18);
         background:rgba(255,255,255,.06);
         transform: rotate(12deg);
         pointer-events:none;
         }
         .mini-list{ display:grid; gap:10px; margin-top:14px; color:rgba(15,18,32,.72); }
         .mini-list .it{ display:flex; gap:10px; align-items:flex-start; }
         .mini-list i{ color:var(--brand); margin-top:2px; }
         /* Highlight NR-01 / eSocial */
         .highlight{ background: linear-gradient(180deg, var(--paper), var(--paper-2)); }
         .hl-card{
         border-radius: var(--radius-lg);
         border:1px solid rgba(15,18,32,.10);
         background:#fff;
         box-shadow:0 20px 52px rgba(0,0,0,.08);
         padding:22px;
         height:100%;
         }
         .hl-card .item{
         display:flex; gap:12px; align-items:flex-start;
         padding:12px 0;
         border-top:1px solid rgba(15,18,32,.06);
         }
         .hl-card .item:first-child{ border-top:none; }
         .hl-card .ic{
         width:40px; height:40px;
         border-radius:14px;
         display:grid; place-items:center;
         background:rgba(180,20,31,.06);
         border:1px solid rgba(180,20,31,.12);
         color:var(--brand);
         flex:0 0 auto;
         }
         .hl-card b{ display:block; margin:0 0 2px 0; }
         .hl-card span{ color:rgba(15,18,32,.68); line-height:1.55; }
         /* Structure section */
         .structure{ background: linear-gradient(180deg, var(--paper-2), var(--paper)); }
         .structure-card{
         border-radius: var(--radius-lg);
         border:1px solid rgba(15,18,32,.10);
         background:#fff;
         box-shadow:0 20px 52px rgba(0,0,0,.08);
         overflow:hidden;
         height:100%;
         }
         .structure-card .map{
         min-height:280px;
         background: linear-gradient(135deg, rgba(210,214,224,.95), rgba(242,244,248,.95));
         /* filter: grayscale(100%); */
         position:relative;
         }
         /* .structure-card .map:after{
         content:"FOTO / MAPA (placeholder)";
         position:absolute;
         inset:0;
         display:grid;
         place-items:center;
         color:rgba(15,18,32,.45);
         font-weight:800;
         letter-spacing:.08em;
         text-transform:uppercase;
         font-size:.86rem;
         } */
         .structure-card .body{ padding:22px; }
         /* Stats */
         .stats{
         background:
         radial-gradient(1200px 700px at 18% 0%, rgba(180,20,31,.24), rgba(11,12,16,0) 60%),
         radial-gradient(1100px 700px at 82% 20%, rgba(255,255,255,.08), rgba(11,12,16,0) 60%),
         linear-gradient(180deg, var(--bg), var(--bg));
         color:rgba(255,255,255,.90);
         }
         .stat-card{
         border-radius: var(--radius-lg);
         background: rgba(255,255,255,.06);
         border: 1px solid rgba(255,255,255,.10);
         box-shadow: 0 18px 50px rgba(0,0,0,.22);
         padding:22px;
         }
         .stat-number{
         font-family:Sora,Inter,sans-serif;
         font-weight:900;
         letter-spacing:-.03em;
         font-size: clamp(2.1rem, 4vw, 3.25rem);
         margin:0;
         line-height:1;
         }
         .stat-sub{
         margin-top:10px;
         color: rgba(255,255,255,.74);
         line-height:1.6;
         }
         /* Logos panel */
         .logos{ background: linear-gradient(180deg, var(--paper), var(--paper-2)); }
         .logo-marquee{
         border-radius: var(--radius-lg);
         border: 1px solid rgba(15,18,32,.08);
         background:#fff;
         box-shadow:0 18px 40px rgba(0,0,0,.06);
         overflow:hidden;
         position:relative;
         }
         .track{
         display:flex;
         gap:18px;
         align-items:center;
         width:max-content;
         animation: marquee 26s linear infinite;
         }
         .logo-pill{
         width:200px;
         height:165px;
         /* border-radius:18px;
         border:1px dashed rgba(15,18,32,.18);
         background: linear-gradient(135deg, rgba(230,232,238,.96), rgba(248,249,252,.96));
         display:grid;
         place-items:center;
         color:rgba(15,18,32,.45);
         font-weight:900;
         letter-spacing:.12em;
         text-transform:uppercase;
         font-size:.78rem;
         flex:0 0 auto; */
         /* filter: grayscale(100%); */
         }
         /* @keyframes marquee{
         0%{ transform: translateX(0); }
         100%{ transform: translateX(-50%); }
         } */
         .track-wrap{ display:flex; width:max-content; }

         /* Clientes (quando houver poucas logos): centraliza e desliga marquee */
         #clientes .track-wrap{ width:100%; justify-content:center; }
         #clientes .track{
         width:100% !important;
         justify-content:center;
         animation:none !important;
         }
         #clientes .track[aria-hidden="true"]{ display:none !important; }
         
         /* MVV */
         .mvv{ background: linear-gradient(180deg, var(--paper-2), var(--paper)); }
         .mvv-card{
         border-radius: var(--radius-lg);
         border:1px solid rgba(15,18,32,.08);
         background:#fff;
         box-shadow:0 18px 40px rgba(0,0,0,.06);
         padding:22px;
         height:100%;
         }
         .mvv-card h3{
         font-family:Sora,Inter,sans-serif;
         font-weight:900;
         letter-spacing:-.02em;
         margin:0 0 6px 0;
         font-size:1.12rem;
         }
         .mvv-card p{
         margin:0;
         color:rgba(15,18,32,.70);
         line-height:1.75;
         }
         /* Grupo (HGI / Oplan) */
         .grupo{
         background:
         radial-gradient(1200px 700px at 18% 0%, rgba(180,20,31,.22), rgba(11,12,16,0) 60%),
         radial-gradient(1100px 700px at 82% 20%, rgba(255,255,255,.08), rgba(11,12,16,0) 60%),
         linear-gradient(180deg, var(--bg), var(--bg));
         color:rgba(255,255,255,.90);
         }
         .grupo .section-title{ color:#fff; }
         .grupo .section-lead{ color:rgba(255,255,255,.70); }
         .grupo-box{
         border-radius: var(--radius-lg);
         background: rgba(255,255,255,.06);
         border: 1px solid rgba(255,255,255,.10);
         box-shadow: 0 18px 50px rgba(0,0,0,.22);
         padding:22px;
         height:100%;
         }
         .grupo-box h3{
         font-family:Sora,Inter,sans-serif;
         font-weight:900;
         margin:0 0 8px 0;
         letter-spacing:-.02em;
         font-size:1.15rem;
         }
         .grupo-box ul{
         margin:0;
         padding-left:18px;
         color:rgba(255,255,255,.74);
         line-height:1.7;
         }
         @media (max-width: 991.98px){
         .swiper-nav{ justify-content:flex-start; }
         }
         /* HERO — background no mesmo tom do banner (vermelho em diagonal) */
.hero{
  position: relative;
  padding: clamp(34px,5vw,72px) 0 46px;
  overflow: hidden;

  /* fundo principal */
  background:
    linear-gradient(135deg,
      #4b0a0a 0%,
      #6f0f10 18%,
      #b4141f 46%,
      #7f0f17 72%,
      #3b0708 100%
    );
}

/* leve “luz” por cima (mantém premium sem perder o vermelho) */
.hero::before{
  content:"";
  position:absolute; inset:0;
  pointer-events:none;
  background:
    radial-gradient(900px 520px at 75% 25%, rgba(255,255,255,.10), rgba(255,255,255,0) 60%),
    radial-gradient(900px 520px at 20% 70%, rgba(0,0,0,.18), rgba(0,0,0,0) 55%),
    linear-gradient(180deg, rgba(0,0,0,.12), rgba(0,0,0,.0) 55%, rgba(0,0,0,.18));
  mix-blend-mode: overlay;
  opacity:.95;
}

/* melhora legibilidade do conteúdo em cima do vermelho */
.hero .kicker,
.hero .meta .chip{
  background: rgba(255,255,255,.10);
  border-color: rgba(255,255,255,.18);
  color: rgba(255,255,255,.92);
}

.hero h1{ color:#fff; }
.hero p.lead{ color: rgba(255,255,255,.82); }
.hero .meta{ color: rgba(255,255,255,.75); }

/* =========================================================
   SEÇÕES COM FUNDO VERMELHO (tom Workplan)
   Cole no FINAL do <style>
   ========================================================= */

/* gradiente padrão Workplan (mesmo clima do hero) */
:root{
  --wp-red-1:#4b0a0a;
  --wp-red-2:#6f0f10;
  --wp-red-3:#b4141f; /* vermelho principal */
  --wp-red-4:#7f0f17;
  --wp-red-5:#3b0708;

  --wp-red-grad: linear-gradient(135deg,
    var(--wp-red-1) 0%,
    var(--wp-red-2) 18%,
    var(--wp-red-3) 46%,
    var(--wp-red-4) 72%,
    var(--wp-red-5) 100%
  );
}

/* ✅ ESCOLHA AS SEÇÕES AQUI (adicione/remova IDs) */
#material,
#clientes,
#depoimentos{
  background: var(--wp-red-grad) !important;
  position: relative;
  overflow: hidden;
}

/* overlay editorial pra dar profundidade e manter legibilidade */
#material::before,
#clientes::before,
#depoimentos::before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:
    radial-gradient(900px 520px at 75% 25%, rgba(255,255,255,.10), rgba(255,255,255,0) 60%),
    radial-gradient(900px 520px at 20% 70%, rgba(0,0,0,.22), rgba(0,0,0,0) 55%),
    linear-gradient(180deg, rgba(0,0,0,.14), rgba(0,0,0,0) 55%, rgba(0,0,0,.22));
  mix-blend-mode: overlay;
  opacity: .95;
}

/* força o conteúdo acima do overlay */
#material > .container,
#clientes > .container,
#depoimentos > .container{
  position: relative;
  z-index: 1;
}

/* tipografia branca nessas seções */
#material .section-title,
#clientes .section-title,
#depoimentos .section-title,
#material .section-lead,
#clientes .section-lead,
#depoimentos .section-lead{
  color: rgba(255,255,255,.92) !important;
}

#material .section-lead,
#clientes .section-lead,
#depoimentos .section-lead{
  color: rgba(255,255,255,.74) !important;
}

/* chips/eyebrow viram “glass” no vermelho */
#material .eyebrow,
#clientes .eyebrow,
#depoimentos .eyebrow{
  background: rgba(255,255,255,.10) !important;
  border-color: rgba(255,255,255,.18) !important;
  color: rgba(255,255,255,.92) !important;
}

/* mantém os cards brancos (contraste premium) */
#material .callout,
#clientes .logo-marquee,
#depoimentos .depoimentos-card{
  background: rgba(255,255,255,.96) !important;
  border-color: rgba(255,255,255,.18) !important;
  box-shadow: 0 18px 50px rgba(0,0,0,.24) !important;
}

/* detalhes dos cards em vermelho (sem gritar) */
#depoimentos .depoimentos-card h3 i{
  color: var(--wp-red-3) !important;
}
/* HERO banner.png */
#heroVisual .placeholder.bg-img{
  background-image: url("../images/banner.png");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  width: 100%;
  height: 100%;
}
/* SLIDES — 1 background por slide (sem JS) */
#svcSwiper .img.bg-img{
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  width: 100%;
  height: 100%;
  min-height: 320px; /* mantém o padrão do slide */
}

/* Caminhos (ajuste se necessário) */
#svcSwiper .svc-bg-1{ background-image: url("../images/avaliacao-psi.png"); }
#svcSwiper .svc-bg-2{ background-image: url("../images/gestaoesuporte.png"); }
#svcSwiper .svc-bg-3{ background-image: url("../images/servico.png"); }
#svcSwiper .svc-bg-4{ background-image: url("../images/capacitacao.png"); }

/* ESTRUTURA — estrutura.png */
.structure-card .map.bg-img.estrutura-bg{
  background-image: url("../images/estrutura.png");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;

  /* garante que apareça (mesmo se algum CSS estiver sobrescrevendo) */
  width: 100%;
  min-height: 280px;
}
/* LOGOS — 12 arquivos diferentes */
.logo-marquee .logo-pill.bg-img{
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;

  /* remove qualquer texto que sobrar */
  color: transparent;
  font-size: 0;
}

/* Caminhos (ajuste extensão se for .jpg/.svg) */
.logo-marquee .cliente-bg-1  { background-image: url("../images/logos/logo-drogaria.png"); }
.logo-marquee .cliente-bg-2  { background-image: url("../images/logos/logo\ inland.jpg"); }
.logo-marquee .cliente-bg-3  { background-image: url("../images/logos/logo-superpesa.png"); }
.logo-marquee .cliente-bg-4  { background-image: url("../images/logos/logo\ supersan.jpg"); }
.logo-marquee .cliente-bg-5  { background-image: url("../images/logos/logo-taurus-2.png"); }

/* =========================================================
   FUNDO VERMELHO (Workplan) — seções agrupadas
   stats + dark + grupo + material + clientes + depoimentos
   Cole no FINAL do <style>
   ========================================================= */
:root{
  --wp-red-1:#4b0a0a;
  --wp-red-2:#6f0f10;
  --wp-red-3:#b4141f;
  --wp-red-4:#7f0f17;
  --wp-red-5:#3b0708;

  --wp-red-grad: linear-gradient(135deg,
    var(--wp-red-1) 0%,
    var(--wp-red-2) 18%,
    var(--wp-red-3) 46%,
    var(--wp-red-4) 72%,
    var(--wp-red-5) 100%
  );
}

/* ✅ LISTA FINAL DE SEÇÕES VERMELHAS */
.stats,
.dark,
.grupo,
#material,
#clientes,
#depoimentos{
  background: var(--wp-red-grad) !important;
  position: relative;
  overflow: hidden;
}

/* overlay editorial (profundidade) */
.stats::before,
.dark::before,
.grupo::before,
#material::before,
#clientes::before,
#depoimentos::before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:
    radial-gradient(900px 520px at 75% 25%, rgba(255,255,255,.10), rgba(255,255,255,0) 60%),
    radial-gradient(900px 520px at 20% 70%, rgba(0,0,0,.22), rgba(0,0,0,0) 55%),
    linear-gradient(180deg, rgba(0,0,0,.14), rgba(0,0,0,0) 55%, rgba(0,0,0,.22));
  mix-blend-mode: overlay;
  opacity: .95;
}

/* conteúdo acima do overlay */
.stats > .container,
.dark > .container,
.grupo > .container,
#material > .container,
#clientes > .container,
#depoimentos > .container{
  position: relative;
  z-index: 1;
}

/* tipografia branca nas seções vermelhas */
.stats .section-title, .dark .section-title, .grupo .section-title,
#material .section-title, #clientes .section-title, #depoimentos .section-title,
.stats .section-lead, .dark .section-lead, .grupo .section-lead,
#material .section-lead, #clientes .section-lead, #depoimentos .section-lead{
  color: rgba(255,255,255,.92) !important;
}

.stats .section-lead, .dark .section-lead, .grupo .section-lead,
#material .section-lead, #clientes .section-lead, #depoimentos .section-lead{
  color: rgba(255,255,255,.74) !important;
}

/* eyebrow + chips em “glass” */
.stats .eyebrow, .dark .eyebrow, .grupo .eyebrow,
#material .eyebrow, #clientes .eyebrow, #depoimentos .eyebrow,
.stats .chip, .dark .chip, .grupo .chip,
#material .chip, #clientes .chip, #depoimentos .chip{
  background: rgba(255,255,255,.10) !important;
  border-color: rgba(255,255,255,.18) !important;
  color: rgba(255,255,255,.92) !important;
}

/* Cards internos (glass) */
.stats .stat-card,
.dark .cardx,
.grupo .grupo-box{
  background: rgba(255,255,255,.06) !important;
  border-color: rgba(255,255,255,.12) !important;
}

/* Depoimentos: deixa cards brancos (melhor contraste pra leitura) */
#depoimentos .quote{
  background: rgba(255,255,255,.96) !important;
  border-color: rgba(255,255,255,.18) !important;
  box-shadow: 0 18px 50px rgba(0,0,0,.24) !important;
}
#depoimentos .quote p,
#depoimentos .quote .who{
  color: rgba(15,18,32,.82) !important;
}