/*
Theme Name: Ricardo Teles — Transmissões
Theme URI: https://www.ricardotelesfotografia.com.br/
Author: RICARDO TELES FOTOGRAFIAS LTDA
Description: Tema para transmissão ao vivo, painel de votação, portais institucionais e fotografia. A ordem dos blocos da página inicial pode ser alterada em Aparência > Personalizar > Blocos da página inicial.
Version: 6.3
Requires at least: 6.0
Requires PHP: 7.4
License: GNU General Public License v2 or later
Text Domain: ricardo-teles
*/
/* ===== Base ===== */
:root{
  --navy:#13213A; --navy-2:#1B2D4D; --ink:#13213A; --muted:#4B5870; --line:#E2E7EF;
  --bg:#FFFFFF; --alt:#F3F5F9; --red:#DC2626; --red-d:#B91C1C; --red-t:#B91C1C; --green:#16A34A;
  --radius:18px; --shadow:0 18px 50px rgba(19,33,58,.12);
  --head:'Space Grotesk',Inter,system-ui,sans-serif;
}
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--bg);color:var(--ink);font-family:Inter,system-ui,sans-serif;font-size:16px;line-height:1.6;-webkit-font-smoothing:antialiased}
img{max-width:100%;height:auto;display:block}
a{color:var(--red-t)}
h1,h2,h3{font-family:var(--head);letter-spacing:-.02em;line-height:1.1;margin:0}
p{margin:0}
.container{max-width:1200px;margin:0 auto;padding:0 24px}
section[id]{scroll-margin-top:80px}
.eyebrow{font-size:13px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--red-t)}
.h2{font-size:clamp(30px,3.6vw,44px)}
.lead{font-size:18px;color:var(--muted)}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:52px;padding:0 26px;border-radius:12px;font-weight:600;text-decoration:none;font-size:16px;border:0;cursor:pointer;transition:background .15s,border-color .15s,transform .15s,color .15s;font-family:inherit}
.btn:hover{transform:translateY(-1px)}
.btn-red{background:var(--red);color:#fff}.btn-red:hover{background:var(--red-d);color:#fff}
.btn-line{border:1.5px solid #C5CDD9;color:var(--ink);background:#fff}.btn-line:hover{border-color:var(--ink);color:var(--ink)}
.btn-navy{background:var(--navy);color:#fff}.btn-navy:hover{background:#0B1528;color:#fff}
.checks{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:12px 24px}
.checks li{display:flex;gap:10px;align-items:flex-start;font-size:15.5px}
.checks svg{flex:none;margin-top:3px;color:var(--red-t)}
.live-dot{width:9px;height:9px;border-radius:50%;background:#FF4D4D;display:inline-block;animation:rtpulse 1.6s infinite}
@keyframes rtpulse{0%{box-shadow:0 0 0 0 rgba(255,77,77,.7)}70%{box-shadow:0 0 0 10px rgba(255,77,77,0)}100%{box-shadow:0 0 0 0 rgba(255,77,77,0)}}

/* ===== Header (escuro) ===== */
.site-header{position:sticky;top:0;z-index:50;background:rgba(10,13,20,.94);backdrop-filter:blur(10px);border-bottom:1px solid #1C2330}
.admin-bar .site-header{top:32px}
.site-header .container{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;padding-top:12px;padding-bottom:12px}
.site-header .logo img{height:44px;width:auto}
.nav{display:flex;flex-wrap:wrap;gap:6px 26px;font-size:15px;font-weight:500}
.nav a{color:#C9D0DC;text-decoration:none}.nav a:hover{color:#fff}
.site-header .btn{min-height:44px;padding:0 20px;font-size:15px}

/* ===== Destaques (escuro) ===== */
.hero{background:#0A0D14;color:#F2F4F8;position:relative}
.hero .slider-viewport{overflow:hidden}
.hero .slider-track{display:flex;transition:transform .7s cubic-bezier(.65,.05,.25,1)}
.hero-slide{flex:0 0 100%;min-width:0}
.hero-slide .container{display:flex;flex-wrap:wrap;align-items:center;gap:48px;padding-top:64px;padding-bottom:110px;min-height:600px}
.hero-text{flex:1 1 420px;min-width:0;display:flex;flex-direction:column;gap:22px}
.hero-tag{display:inline-flex;align-self:flex-start;align-items:center;gap:10px;padding:7px 14px;border-radius:999px;background:#1A1014;border:1px solid #3A1D22;font-size:13px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#FF8A8A}
.hero h1,.hero .h1{font-size:clamp(34px,4.6vw,56px);line-height:1.05;color:#F2F4F8}
.hero h1 em,.hero .h1 em{font-style:normal;color:#FF4D4D}
.hero .lead{color:#B7BFCC;max-width:540px}
.hero-actions{display:flex;flex-wrap:wrap;gap:12px;padding-top:4px}
.btn-ghost{border:1.5px solid #3A4456;color:#F2F4F8;background:transparent}.btn-ghost:hover{border-color:#fff;color:#fff}
.hero-media{flex:1.25 1 520px;min-width:0;position:relative}
.screen{background:#05080F;border:1px solid #263044;border-radius:16px;padding:10px;box-shadow:0 30px 80px rgba(0,0,0,.55)}
.screen img{border-radius:8px;width:100%;aspect-ratio:16/9;object-fit:cover}
.screen-stand{width:22%;height:16px;margin:0 auto;background:#1F2737;border-radius:0 0 10px 10px}
.photo{border-radius:var(--radius);overflow:hidden;box-shadow:0 30px 80px rgba(0,0,0,.55);border:1px solid #263044}
.photo img{width:100%;aspect-ratio:16/10;object-fit:cover}
.badge-live{position:absolute;top:18px;left:18px;display:inline-flex;align-items:center;gap:8px;padding:6px 12px;border-radius:8px;background:var(--red);color:#fff;font-size:12px;font-weight:800;letter-spacing:.08em}
.badge-live .live-dot{background:#fff;width:7px;height:7px}
.hero-nav{position:absolute;left:0;right:0;bottom:26px}
.hero-nav .container{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}
.tabs{display:flex;flex-wrap:wrap;gap:6px}
.tab{min-height:40px;padding:0 16px;border-radius:999px;border:1px solid #2A3448;background:#121722;color:#C9D0DC;font:600 14px/1 Inter,sans-serif;cursor:pointer;position:relative;overflow:hidden}
.tab:hover{color:#fff;border-color:#3A4456}
.tab[aria-selected="true"]{background:#F2F4F8;border-color:#F2F4F8;color:#0A0D14}
.tab .prog{position:absolute;left:0;bottom:0;height:3px;background:var(--red);width:0}
.tab[aria-selected="true"] .prog{animation:prog var(--dur,7s) linear forwards}
.paused .tab .prog{animation-play-state:paused}
@keyframes prog{to{width:100%}}
.arrows{display:flex;gap:8px}
.arrow{width:46px;height:46px;border-radius:50%;border:1px solid #C5CDD9;background:#fff;color:var(--ink);display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:background .15s,color .15s,border-color .15s}
.arrow:hover{background:var(--navy);border-color:var(--navy);color:#fff}
.hero .arrow{background:#121722;border-color:#2A3448;color:#F2F4F8}
.hero .arrow:hover{background:#F2F4F8;color:#0A0D14}

/* ===== Prévia de páginas do portal (rola ao passar o mouse) ===== */
.pages{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.page-prev{border-radius:14px;overflow:hidden;background:#fff;border:1px solid var(--line);box-shadow:var(--shadow)}
.hero .page-prev{border-color:#263044;box-shadow:0 30px 80px rgba(0,0,0,.55)}
.page-bar{height:26px;display:flex;align-items:center;gap:6px;padding:0 12px;background:#EEF1F5;border-bottom:1px solid #DDE3EC}
.page-bar span{width:9px;height:9px;border-radius:50%;background:#C5CDD9}
.page-bar span:first-child{background:#FF5F57}.page-bar span:nth-child(2){background:#FEBC2E}.page-bar span:nth-child(3){background:#28C840}
.page-win{height:var(--h);overflow:hidden}
.page-win img{width:100%;transition:transform 9s cubic-bezier(.45,0,.55,1)}
.page-prev:hover .page-win img{transform:translateY(calc(-100% + var(--h)))}
.pages.auto .page-win img{animation:scrollpage 16s cubic-bezier(.45,0,.55,1) infinite alternate}
.pages.auto .page-prev:nth-child(2) .page-win img{animation-delay:-4s}
@keyframes scrollpage{0%,12%{transform:translateY(0)}88%,100%{transform:translateY(calc(-100% + var(--h)))}}
.pages-hint{margin-top:14px;font-size:14px;color:var(--muted);text-align:center}

/* ===== Números ===== */
.stats{background:#0E131D;color:#fff;border-top:1px solid #1C2330}
.stats .container{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:28px;padding-top:52px;padding-bottom:52px}
.stat{padding-left:20px;border-left:3px solid var(--red)}
.stat-num{font-family:var(--head);font-weight:700;font-size:54px;line-height:1;letter-spacing:-.02em}
.stat-num .dot{color:#FF5A5A}
.stat-label{font-size:15px;color:#C3CCDA;margin-top:6px}

/* ===== Clientes (carrossel único) ===== */
.clients{background:var(--alt);border-bottom:1px solid var(--line);padding:56px 0 60px}
.clients-head{text-align:center;margin-bottom:30px}
.clients-head h2{font-size:clamp(22px,2.4vw,28px);color:var(--ink)}
.marquee{overflow:hidden;-webkit-mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent);mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent)}
.marquee-track{display:flex;gap:56px;width:max-content;align-items:center;animation:rtmarquee 50s linear infinite}
.marquee:hover .marquee-track{animation-play-state:paused}
@keyframes rtmarquee{from{transform:translateX(0)}to{transform:translateX(-50%)}}
.logo-item{flex:none;display:flex;align-items:center;gap:12px;opacity:.75;filter:grayscale(1);transition:opacity .2s,filter .2s}
.logo-item:hover{opacity:1;filter:none}
.logo-item .mono{flex:none;width:52px;height:52px;border-radius:50%;background:#fff;border:2px solid #D3DAE5;display:flex;align-items:center;justify-content:center;font-family:var(--head);font-weight:700;font-size:14px;color:var(--red-t)}
.logo-item img{height:56px;width:auto}
.logo-name{font-family:var(--head);font-weight:600;font-size:17px;line-height:1.15;white-space:nowrap;color:var(--ink)}
.logo-name small{display:block;font-family:Inter,sans-serif;font-size:11px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}

/* ===== O que fazemos (ícones) ===== */
.services{padding:96px 0}
.svc-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px}
.svc{display:flex;flex-direction:column;gap:14px;padding:30px 28px;background:#fff;border:1px solid var(--line);border-radius:var(--radius);color:var(--ink);text-decoration:none;transition:transform .2s,box-shadow .2s,border-color .2s}
.svc:hover{transform:translateY(-4px);box-shadow:var(--shadow);border-color:#F0B4B4;color:var(--ink)}
.svc-top{display:flex;justify-content:space-between;align-items:flex-start;gap:10px}
.svc-icon{width:58px;height:58px;border-radius:16px;background:#FDECEC;color:var(--red-t);display:flex;align-items:center;justify-content:center}
.svc-flag{font-size:11px;font-weight:800;letter-spacing:.1em;padding:4px 9px;border-radius:5px;background:var(--red);color:#fff}
.svc h3{font-size:21px}
.svc p{color:var(--muted);font-size:15px}
.svc-more{margin-top:auto;padding-top:6px;font-weight:600;font-size:14.5px;color:var(--red-t);display:inline-flex;align-items:center;gap:6px}
.svc-main{background:#0E131D;border-color:#0E131D;color:#F2F4F8}
.svc-main:hover{color:#F2F4F8;border-color:var(--red)}
.svc-main .svc-icon{background:#2A1216;color:#FF6B6B}
.svc-main p{color:#B7BFCC}
.svc-main .svc-more{color:#FF8A8A}

/* ===== Mosaico de fotos ===== */
.mosaic{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-auto-rows:150px;gap:10px}
.mosaic img{width:100%;height:100%;object-fit:cover;border-radius:12px}
.mosaic .big{grid-column:span 2;grid-row:span 2}

/* ===== Blocos de serviço (estilo split) ===== */
.feature{padding:96px 0}
.feature.alt{background:var(--alt)}
.feature .container{display:flex;flex-wrap:wrap;align-items:center;gap:56px}
.feature.reverse .container{flex-direction:row-reverse}
.feature-text{flex:1 1 400px;min-width:0;display:flex;flex-direction:column;gap:22px}
.feature-media{flex:1.25 1 520px;min-width:0}
.chips{display:flex;flex-wrap:wrap;gap:8px}
.chip{padding:7px 13px;border-radius:999px;background:#fff;border:1px solid var(--line);font-size:14px;font-weight:500}
.feature.alt .chip{background:#fff}
.feature:not(.alt) .chip{background:var(--alt)}

/* Slider de mídia */
.mslider{position:relative}
.mslider .slider-viewport{overflow:hidden;border-radius:var(--radius);box-shadow:var(--shadow);background:#0B1220}
.mslider .slider-track{display:flex;transition:transform .55s cubic-bezier(.65,.05,.25,1)}
.mslider figure{flex:0 0 100%;margin:0;position:relative}
.mslider figure img{width:100%;aspect-ratio:16/10;object-fit:cover}
.mslider.screens figure{padding:10px}
.mslider.screens figure img{aspect-ratio:16/9;object-fit:contain;border-radius:8px;background:#0B1220}
.mslider.web .slider-viewport{background:#fff;border:1px solid var(--line)}
.mslider.web figure img{object-fit:cover;object-position:top}
.mslider figcaption{position:absolute;left:14px;bottom:14px;padding:6px 12px;border-radius:8px;background:rgba(11,18,32,.82);color:#fff;font-size:13.5px;font-weight:600}
.mslider .mctrl{display:flex;align-items:center;justify-content:space-between;margin-top:16px;gap:12px}
.dots{display:flex;gap:8px}
.dots button{width:10px;height:10px;padding:0;border-radius:999px;border:0;background:#C5CDD9;cursor:pointer;transition:width .25s,background .25s}
.dots button[aria-current="true"]{width:28px;background:var(--red)}
.dots button::before{content:"";display:block;margin:-17px;width:44px;height:44px}
.mslider .side-arrow{position:absolute;top:50%;transform:translateY(-50%);z-index:2;background:rgba(255,255,255,.95);border:0;box-shadow:0 6px 20px rgba(0,0,0,.25)}
.mslider .side-arrow.prev{left:12px}.mslider .side-arrow.next{right:12px}
.mslider .side-arrow:hover{background:var(--navy);color:#fff}

/* ===== Como trabalhamos ===== */
.process{padding:96px 0;background:#fff}
.steps{position:relative;margin-top:44px;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:20px;list-style:none;padding:0}
.steps::before{content:"";position:absolute;left:0;right:0;top:22px;height:8px;border-radius:999px;background:linear-gradient(90deg,#DC2626 0%,#F97316 30%,#EAB308 55%,#84CC16 78%,#16A34A 100%)}
.step{position:relative;display:flex;flex-direction:column;gap:10px;padding-top:0}
.step-dot{position:relative;z-index:1;width:52px;height:52px;border-radius:50%;background:#fff;border:4px solid var(--c);display:flex;align-items:center;justify-content:center;font-family:var(--head);font-weight:700;font-size:20px;color:var(--ink);margin-bottom:8px}
.step:last-child .step-dot{background:#16A34A;color:#fff}
.step h3{font-size:18px}
.step p{color:var(--muted);font-size:15px}

/* ===== Formatos ===== */
.formats{background:var(--alt);padding:72px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.fmt-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(175px,1fr));gap:12px;margin-top:28px}
.fmt{padding:18px;border-radius:14px;background:#fff;border:1px solid var(--line);font-weight:600}

/* ===== FAQ ===== */
.faq-sec{padding:96px 0}
.faq-sec .container{max-width:880px}
.faq-list{display:flex;flex-direction:column;gap:10px;margin-top:32px}
.faq{border:1px solid var(--line);border-radius:14px;background:#fff;overflow:hidden}
.faq summary{list-style:none;min-height:62px;display:flex;justify-content:space-between;align-items:center;gap:16px;padding:16px 22px;font-size:17px;font-weight:600;cursor:pointer}
.faq summary::-webkit-details-marker{display:none}
.faq p{padding:0 22px 20px;color:var(--muted)}
.faq-icon{flex:none;width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:22px;line-height:1;color:var(--red-t);background:var(--alt);transition:transform .2s}
.faq[open]{border-color:#F0B4B4}
.faq[open] .faq-icon{transform:rotate(45deg)}

/* ===== Contato ===== */
.contact{background:var(--red);color:#fff}
.contact .container{display:flex;flex-wrap:wrap;gap:48px;align-items:flex-start;padding-top:88px;padding-bottom:88px}
.contact-text{flex:1 1 380px;min-width:0;display:flex;flex-direction:column;gap:18px}
.contact-text h2{font-size:clamp(32px,4vw,48px)}
.contact-text p{font-size:18px;color:#FFE4E4}
.contact-links{display:flex;flex-direction:column;gap:12px;padding-top:8px}
.contact-links a{display:inline-flex;align-items:center;gap:12px;color:#fff;text-decoration:none;font-weight:600}
.contact-links a:hover{text-decoration:underline}
.form{flex:1 1 460px;min-width:0;background:#fff;color:var(--ink);border-radius:20px;padding:32px;display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;box-shadow:0 30px 60px rgba(0,0,0,.18)}
.form label{display:flex;flex-direction:column;gap:6px;font-size:14px;font-weight:600}
.form .full{grid-column:1/-1}
.form input,.form select,.form textarea{font:inherit;font-size:15px;min-height:46px;padding:0 14px;border:1px solid #C5CDD9;border-radius:10px;background:#fff;color:var(--ink)}
.form textarea{padding:12px 14px;resize:vertical}
.form input:focus,.form select:focus,.form textarea:focus{outline:2px solid var(--red);outline-offset:1px;border-color:transparent}

/* ===== Rodapé ===== */
.site-footer{background:var(--navy);color:#C3CCDA}
.site-footer .container{padding-top:56px;padding-bottom:32px}
.foot-cols{display:flex;flex-wrap:wrap;justify-content:space-between;gap:32px}
.foot-cols > div{display:flex;flex-direction:column;gap:10px;font-size:14px}
.foot-cols b{color:#fff}
.foot-logo{height:48px;width:auto;align-self:flex-start}
.site-footer a{color:#C3CCDA;text-decoration:none}.site-footer a:hover{color:#fff}
.foot-bottom{display:flex;flex-wrap:wrap;justify-content:space-between;gap:12px;margin-top:36px;padding-top:24px;border-top:1px solid #2A3B5C;font-size:13px;color:#9AA6BA}
.wa-float{position:fixed;right:22px;bottom:22px;z-index:60;width:58px;height:58px;border-radius:50%;background:var(--green);color:#fff;display:flex;align-items:center;justify-content:center;box-shadow:0 10px 30px rgba(0,0,0,.3)}
.wa-float:hover{background:#15803D;color:#fff}

/* Páginas internas (WordPress) */
.rt-page{max-width:880px;margin:0 auto;padding:64px 24px;line-height:1.7}
.rt-page h1,.rt-page h2{margin:0 0 18px}

/* ===== Responsivo ===== */
@media (max-width:900px){
  .steps{grid-template-columns:1fr;gap:26px;padding-left:4px}
  .steps::before{left:26px;right:auto;top:0;bottom:0;width:8px;height:auto;background:linear-gradient(180deg,#DC2626 0%,#F97316 30%,#EAB308 55%,#84CC16 78%,#16A34A 100%)}
  .step{flex-direction:row;flex-wrap:wrap;column-gap:18px}
  .step .txt{flex:1;min-width:0}
  .hero-slide .container{padding-top:40px;padding-bottom:150px}
  .feature{padding:72px 0}
}
@media (max-width:600px){
  .pages{gap:10px}
  .mosaic{grid-auto-rows:105px}
  .hero-slide .container{min-height:0}
  .nav{display:none}
  .stat-num{font-size:44px}
  .hero-nav .arrows{display:none}
}
@media (prefers-reduced-motion:reduce){
  .marquee-track{animation:none;flex-wrap:wrap;width:auto;padding:0 24px;row-gap:20px}
  .pages .page-win img{animation:none}
  .hero .slider-track,.mslider .slider-track{transition:none}
}

/* Cabeçalho de seção */
.sec-head{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:40px}
.sec-head > div{flex:1 1 520px;min-width:0;display:flex;flex-direction:column;gap:12px}

/* ===== O que fazemos — fundo azul-escuro, cartões um tom mais claro ===== */
.services{background:#0B1322;color:#F2F4F8}
.services .eyebrow{color:#FF8A8A}
.services .h2{color:#F2F4F8}
.services .svc{background:#16213A;border-color:#24314D;color:#F2F4F8}
.services .svc:hover{background:#1B2844;border-color:#3A4B70;color:#F2F4F8;box-shadow:0 20px 50px rgba(0,0,0,.35)}
.services .svc p{color:#B7C1D3}
.services .svc-icon{background:#22304D;color:#FF7A7A}
.services .svc-more{color:#FF8A8A}
.services .svc-main{background:#16213A;border-color:#24314D;box-shadow:inset 0 3px 0 #DC2626}
.services .svc-main .svc-icon{background:#3A1A22;color:#FF7A7A}

/* ===== Transmissão: texto em cima, carrossel de sessões embaixo ===== */
.tr-sec .container.tr-top{align-items:flex-end;margin-bottom:40px}
.tr-checks{flex:1 1 420px;min-width:0;display:flex;flex-direction:column;gap:22px}
.vcarousel{position:relative}
.vtrack{display:grid;grid-auto-flow:column;grid-auto-columns:calc((100% - 40px) / 3);gap:20px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;padding-bottom:6px;scrollbar-width:none}
.vtrack::-webkit-scrollbar{display:none}
.vtrack > *{scroll-snap-align:start}
.vc-ctrl{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-top:22px;flex-wrap:wrap}
.link-more{display:inline-flex;align-items:center;gap:8px;font-weight:600;color:var(--red-t);text-decoration:none}
.link-more:hover{text-decoration:underline}
@media (max-width:900px){.vtrack{grid-auto-columns:78%}}

/* ===== Cartões de vídeo ===== */
.vcard{display:flex;flex-direction:column;gap:10px;color:var(--ink);text-decoration:none;min-width:0}
.vthumb{position:relative;display:block;aspect-ratio:16/9;border-radius:14px;overflow:hidden;background:#0E131D}
.vthumb img{width:100%;height:100%;object-fit:cover;transition:transform .4s}
.vcard:hover .vthumb img{transform:scale(1.05)}
.vthumb::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,0) 55%,rgba(0,0,0,.45))}
.vthumb-ig{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;color:#fff;background:#1B1430}
.vplay{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);z-index:1;width:62px;height:62px;border-radius:50%;background:rgba(220,38,38,.95);color:#fff;display:flex;align-items:center;justify-content:center;padding-left:3px;box-shadow:0 10px 30px rgba(0,0,0,.4);transition:transform .2s}
.vcard:hover .vplay{transform:translate(-50%,-50%) scale(1.1)}
.v-instagram .vthumb-ig{padding-bottom:0}
.v-instagram .vplay{background:rgba(255,255,255,.95);color:#1B1430}
.vbadge{position:absolute;left:10px;bottom:10px;z-index:1;font-size:11.5px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;padding:3px 8px;border-radius:5px;background:rgba(11,18,32,.85);color:#fff}
.vtitle{font-weight:600;font-size:15.5px;line-height:1.35}
.vgrid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:22px}
.vgrid-sq .vthumb{aspect-ratio:1/1}
@media (max-width:1000px){.vgrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}}

/* Espaços vazios (só quem edita o site vê) */
.vazio{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;text-align:center;padding:18px;border:2px dashed #C5CDD9;border-radius:14px;color:var(--muted);font-weight:600;font-size:14px;aspect-ratio:16/9;background:repeating-linear-gradient(45deg,transparent 0 10px,rgba(19,33,58,.03) 10px 20px)}
.vgrid-sq .vazio{aspect-ratio:1/1}
.vazio small{font-weight:500;font-size:12px;color:#7A869B}
.vazio.pcard{aspect-ratio:16/10}
.vazio.scard{aspect-ratio:auto;min-height:280px}

/* ===== Galeria de vídeos da página inicial ===== */
.videos-sec{padding:96px 0;background:#fff}
.center-link{display:flex;justify-content:center;margin-top:40px}

/* ===== Lightbox ===== */
.lightbox{position:fixed;inset:0;z-index:100;background:rgba(5,8,15,.88);display:flex;align-items:center;justify-content:center;padding:24px}
.lightbox[hidden]{display:none}
.lb-box{position:relative;width:min(1100px,100%);display:flex;flex-direction:column;align-items:center;gap:12px}
.lb-frame{width:100%;aspect-ratio:16/9;background:#000;border-radius:12px;overflow:hidden}
.lb-frame iframe{width:100%;height:100%;border:0;display:block}
.lightbox.ig .lb-box{width:min(440px,100%)}
.lightbox.ig .lb-frame{aspect-ratio:auto;height:min(780px,82vh);background:#fff}
.lb-close{position:absolute;top:-52px;right:0;width:44px;height:44px;border-radius:50%;border:0;background:#fff;color:#0A0D14;display:flex;align-items:center;justify-content:center;cursor:pointer}
.lb-link{color:#C9D0DC;font-size:14px}
body.lb-open{overflow:hidden}

/* ===== Páginas internas (Trabalhos e Fotografia) ===== */
.page-hero{background:#0A0D14;color:#F2F4F8;padding:72px 0 64px;border-bottom:1px solid #1C2330}
.page-hero h1{font-size:clamp(36px,5vw,58px);margin:12px 0 16px}
.page-hero .eyebrow{color:#FF8A8A}
.page-hero .lead{color:#B7BFCC;max-width:680px}
.page-tabs{display:flex;flex-wrap:wrap;gap:8px;margin-top:28px}
.page-tabs a{min-height:42px;display:inline-flex;align-items:center;padding:0 18px;border-radius:999px;border:1px solid #2A3448;background:#121722;color:#E6EAF0;text-decoration:none;font-weight:600;font-size:14.5px}
.page-tabs a:hover{background:#F2F4F8;color:#0A0D14}
.work-sec{padding:80px 0}
.work-sec.alt{background:var(--alt)}
.work-head{display:flex;gap:20px;align-items:flex-start;margin-bottom:34px}
.work-head h2{font-size:clamp(26px,3vw,36px)}
.work-head p{color:var(--muted);margin-top:6px}
.work-num{flex:none;width:52px;height:52px;border-radius:14px;background:#0E131D;color:#FF6B6B;display:flex;align-items:center;justify-content:center;font-family:var(--head);font-weight:700;font-size:18px}
.pgrid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}
.pcard{margin:0;border-radius:14px;overflow:hidden;background:#0E131D;border:1px solid var(--line)}
.pcard img{width:100%;aspect-ratio:16/10;object-fit:cover}
.pcard figcaption{padding:12px 14px;color:#E6EAF0;font-weight:600;font-size:14.5px}
.sgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:22px}
.scard{display:flex;flex-direction:column;border-radius:16px;overflow:hidden;background:#fff;border:1px solid var(--line);color:var(--ink);text-decoration:none;transition:transform .2s,box-shadow .2s}
a.scard:hover{transform:translateY(-4px);box-shadow:var(--shadow);color:var(--ink)}
.scard-win{display:block}
.scard-img{display:block;height:230px;overflow:hidden;background:var(--alt)}
.scard-img img{width:100%;transition:transform 6s cubic-bezier(.45,0,.55,1)}
.scard:hover .scard-img img{transform:translateY(calc(-100% + 230px))}
.scard-info{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:16px 18px}
.scard-link{color:var(--red-t);font-weight:600;font-size:14px;white-space:nowrap}
.scard-link.muted{color:var(--muted);font-weight:500}
@media (max-width:1000px){.pgrid{grid-template-columns:repeat(2,minmax(0,1fr))}}
.chips.dark .chip{background:#121722;border-color:#2A3448;color:#E6EAF0}
.foto-hero{max-width:1200px}
.foto-hero > div{display:flex;flex-direction:column;gap:18px;max-width:720px}
.foto-hero h1{margin:0}
.gallery{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-auto-rows:220px;grid-auto-flow:dense;gap:12px}
.gallery img{width:100%;height:100%;object-fit:cover;border-radius:12px}
.gallery .big{grid-column:span 2;grid-row:span 2}
.gallery .wide{grid-column:span 2}
@media (max-width:800px){.gallery{grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:150px}}
.vazio.pcard{background:#fff;border:2px dashed #C5CDD9;color:var(--muted)}
.vazio.scard{background:transparent;border:2px dashed #C5CDD9}
.scard-info{flex-wrap:wrap}

/* Botão de orçamento alinhado à direita no bloco de transmissão */
.tr-cta{display:flex;justify-content:flex-end}
@media (max-width:900px){.tr-cta{justify-content:flex-start}}

/* Destaque de integração painel + portal */
.integra{display:flex;gap:14px;align-items:flex-start;padding:16px 18px;border-radius:14px;background:#0E131D;color:#E6EAF0}
.integra svg{flex:none;color:#FF7A7A;margin-top:2px}
.integra p{font-size:15px;color:#C3CCDA}
.integra strong{color:#fff}

/* ===== Grades que se ajustam à quantidade de itens ===== */
.agrid{display:flex;flex-wrap:wrap;gap:22px}
.agrid > *{flex:1 1 calc((100% - (var(--cols) - 1) * 22px) / var(--cols));max-width:100%;min-width:0}
.agrid > .extra{display:none}
.agrid.mostrar-todos > .extra{display:flex}
.agrid.vgrid-sq[data-n="1"] .vthumb,.agrid.vgrid-sq[data-n="2"] .vthumb{aspect-ratio:16/9}
.agrid[data-n="1"] .vtitle{font-size:18px}
.agrid.sgrid > .scard{flex-grow:0;flex-basis:calc((100% - 3 * 22px) / 4)}
.agrid.sgrid[data-n="1"] > .scard,.agrid.sgrid[data-n="2"] > .scard{flex-basis:calc((100% - 22px) / 2)}
@media (max-width:700px){
  .agrid{gap:16px}
  .agrid > *,.agrid.sgrid > .scard{flex-basis:calc((100% - (var(--cols-m) - 1) * 16px) / var(--cols-m))}
}
.dica-admin{margin-top:16px;padding:12px 16px;border-radius:10px;border:1px dashed #C5CDD9;color:var(--muted);font-size:14px;background:#fff}

/* ===== Blocos escuros (transmissão, portais, vídeos, formatos) ===== */
.dark-sec{background:#0A0F1A;color:#E6EAF0;border-color:#1C2330}
.dark-sec.dark-2{background:#111A2B}
.dark-sec .eyebrow{color:#FF8A8A}
.dark-sec .h2,.dark-sec h2,.dark-sec h3{color:#F2F4F8}
.dark-sec .lead,.dark-sec .pages-hint{color:#B7C1D3}
.dark-sec .checks li{color:#DCE2EC}
.dark-sec .checks svg{color:#FF7A7A}
.dark-sec .btn-line{background:transparent;border-color:#3A4456;color:#F2F4F8}
.dark-sec .btn-line:hover{border-color:#fff;color:#fff}
.dark-sec .vcard,.dark-sec .vtitle{color:#F2F4F8}
.dark-sec .vthumb{background:#16213A}
.dark-sec .link-more{color:#FF8A8A}
.dark-sec .arrow{background:#16213A;border-color:#2A3A5A;color:#F2F4F8}
.dark-sec .arrow:hover{background:#F2F4F8;color:#0A0D14}
.dark-sec .page-prev{border-color:#2A3A5A;box-shadow:0 30px 70px rgba(0,0,0,.45)}
.dark-sec .fmt{background:#16213A;border-color:#24314D;color:#F2F4F8}
.dark-sec .dica-admin{background:#16213A;border-color:#3A4456;color:#B7C1D3}
.dark-sec .chip{background:#16213A;border-color:#24314D;color:#E6EAF0}
.dark-sec .work-head p{color:#B7C1D3}
.dark-sec .work-num{background:#1F2B45}
.dark-sec .scard{background:#16213A;border-color:#24314D;color:#F2F4F8}
.dark-sec .scard-link.muted{color:#93A0B8}
.dark-sec .scard-link{color:#FF8A8A}

/* ===== Redes sociais ===== */
.redes{display:flex;gap:8px;align-items:center}
.redes a{width:40px;height:40px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;transition:background .15s,color .15s,border-color .15s}
.head-right{display:flex;align-items:center;gap:14px}
.redes-head a{color:#C9D0DC;border:1px solid #2A3448}
.redes-head a:hover{color:#fff;border-color:#fff}
.redes-foot{margin-top:6px}
.redes-foot a{color:#C3CCDA;background:#1B2B47}
.redes-foot a:hover{background:#fff;color:#13213A}
.redes-contato{margin-top:6px}
.redes-contato a{color:#fff;border:1.5px solid rgba(255,255,255,.6);width:44px;height:44px}
.redes-contato a:hover{background:#fff;color:var(--red)}
@media (max-width:900px){.redes-head{display:none}}

/* Cartões vindos do plugin */
.vsub{font-size:13.5px;color:var(--muted);margin-top:-6px}
.dark-sec .vsub{color:#93A0B8}
.pcard{display:block;text-decoration:none}
.pcap{display:block;padding:12px 14px;color:#E6EAF0;font-weight:600;font-size:14.5px}
a.pcard:hover .pcap{color:#fff;text-decoration:underline}
.faq-a{padding:0 22px 20px;color:var(--muted)}
.faq-a p{padding:0;margin:0 0 10px}
.faq-a p:last-child{margin:0}
.logo-item img{height:56px;width:auto;max-width:140px;object-fit:contain}

/* Página de um trabalho */
.single-video{width:100%;aspect-ratio:16/9;border-radius:16px;overflow:hidden;background:#000;box-shadow:var(--shadow)}
.single-video iframe{width:100%;height:100%;border:0;display:block}
.single-video.ig{aspect-ratio:auto;height:min(800px,85vh);max-width:480px;margin:0 auto;background:#fff}
.single-img{width:100%;border-radius:16px;box-shadow:var(--shadow)}
.vtrack[data-n="1"]{grid-auto-columns:100%}
.vtrack[data-n="2"]{grid-auto-columns:calc((100% - 20px) / 2)}
.vtrack[data-n="1"] .vtitle{font-size:18px}
@media (max-width:900px){.vtrack[data-n="1"]{grid-auto-columns:100%}.vtrack[data-n="2"]{grid-auto-columns:78%}}
.vcarousel{flex:1 1 100%;min-width:0;width:100%}

/* ===== Quem somos ===== */
.fundador{display:flex;flex-wrap:wrap;gap:56px;align-items:flex-start}
.fundador-foto{flex:1 1 360px;min-width:0;position:relative;max-width:480px}
.fundador-foto img{width:100%;aspect-ratio:4/5;object-fit:cover;border-radius:20px;box-shadow:var(--shadow)}
.fundador-selo{position:absolute;right:-14px;bottom:28px;background:var(--red);color:#fff;border-radius:14px;padding:14px 18px;display:flex;flex-direction:column;box-shadow:0 14px 30px rgba(220,38,38,.35)}
.fundador-selo strong{font-family:var(--head);font-size:22px;line-height:1.1}
.fundador-selo span{font-size:13px;opacity:.9}
.fundador-texto{flex:1.3 1 440px;min-width:0;display:flex;flex-direction:column;gap:14px}
.conteudo-pagina h2{font-size:clamp(30px,3.6vw,44px);margin:0}
.conteudo-pagina .cargo{color:var(--red-t);font-weight:700;font-size:15px;letter-spacing:.06em;text-transform:uppercase;margin:6px 0 18px}
.conteudo-pagina p{font-size:17px;color:#33415A;margin:0 0 16px;line-height:1.7}
.valores{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:20px}
.valor{background:#16213A;border:1px solid #24314D;border-radius:var(--radius);padding:26px;display:flex;flex-direction:column;gap:10px}
.valor-n{font-family:var(--head);font-weight:700;color:#FF7A7A;font-size:15px}
.valor h3{font-size:20px}
.valor p{color:#B7C1D3;font-size:15px}
.egrid{gap:22px}
.membro{display:flex;flex-direction:column;background:#fff;border:1px solid var(--line);border-radius:var(--radius);overflow:hidden}
.membro-foto{aspect-ratio:1/1;background:#0E131D;display:flex;align-items:center;justify-content:center;max-height:420px}
.egrid[data-n="1"] .membro{flex-direction:row;flex-wrap:wrap}
.egrid[data-n="1"] .membro-foto{flex:0 0 280px;max-width:100%}
.egrid[data-n="1"] .membro-info{flex:1 1 300px;justify-content:center}
.membro-foto img{width:100%;height:100%;object-fit:cover}
.membro-ini{font-family:var(--head);font-weight:700;font-size:56px;color:#FF7A7A}
.membro-info{padding:20px 22px;display:flex;flex-direction:column;gap:6px;position:relative}
.membro-info h3{font-size:20px}
.membro-cargo{color:var(--red-t);font-weight:600;font-size:14px}
.membro-info p{color:var(--muted);font-size:15px}
.membro-insta{align-self:flex-start;margin-top:6px;width:40px;height:40px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;background:var(--alt);color:var(--ink)}
.membro-insta:hover{background:var(--navy);color:#fff}
@media (max-width:700px){.fundador-selo{right:12px}}

/* ===== Menu principal (enxuto, com "Soluções" e menu de celular) ===== */
.site-header .container{flex-wrap:nowrap}
.menu-wrap{display:flex;align-items:center;gap:28px;flex:1;justify-content:flex-end}
.site-header .nav{display:flex;align-items:center;gap:4px;font-size:15px;font-weight:500}
.nav-link{display:inline-flex;align-items:center;gap:6px;min-height:44px;padding:0 14px;border-radius:10px;color:#C9D0DC;text-decoration:none;background:none;border:0;font:inherit;cursor:pointer}
.nav-link:hover,.dropdown.open .dd-toggle{color:#fff;background:#151C2A}
.dd-toggle svg{transition:transform .2s}
.dropdown{position:relative}
.dropdown.open .dd-toggle svg{transform:rotate(180deg)}
.dd-panel{position:absolute;top:calc(100% + 10px);left:-12px;width:380px;padding:10px;border-radius:16px;background:#0E131D;border:1px solid #263044;box-shadow:0 24px 60px rgba(0,0,0,.5);display:none;flex-direction:column;gap:2px}
.dropdown.open .dd-panel{display:flex}
@media (hover:hover) and (min-width:961px){.dropdown:hover .dd-panel,.dropdown:focus-within .dd-panel{display:flex}.dropdown:hover .dd-toggle svg{transform:rotate(180deg)}}
.dd-panel::before{content:"";position:absolute;left:0;right:0;top:-12px;height:12px}
.dd-item{display:flex;gap:14px;align-items:flex-start;padding:12px;border-radius:12px;text-decoration:none;color:#F2F4F8}
.dd-item:hover{background:#16213A;color:#fff}
.dd-ic{flex:none;width:42px;height:42px;border-radius:11px;background:#2A1216;color:#FF7A7A;display:flex;align-items:center;justify-content:center}
.dd-item strong{display:block;font-size:15px;font-weight:600}
.dd-item small{display:block;font-size:13px;color:#93A0B8;margin-top:2px}
.menu-extra{display:flex;align-items:center;gap:14px}
.redes-menu{display:none}
.redes-head{display:none}
.menu-toggle{display:none;width:46px;height:46px;border-radius:12px;border:1px solid #2A3448;background:#121722;flex-direction:column;align-items:center;justify-content:center;gap:5px;cursor:pointer;margin-left:auto}
.mt-bar{display:block;width:20px;height:2px;border-radius:2px;background:#F2F4F8;transition:transform .2s,opacity .2s}
.menu-open .mt-bar:nth-child(1){transform:translateY(7px) rotate(45deg)}
.menu-open .mt-bar:nth-child(2){opacity:0}
.menu-open .mt-bar:nth-child(3){transform:translateY(-7px) rotate(-45deg)}

@media (max-width:960px){
  .menu-toggle{display:flex}
  .menu-wrap{display:none;position:fixed;left:0;right:0;top:69px;bottom:0;z-index:60;background:#0A0D14;flex-direction:column;align-items:stretch;justify-content:flex-start;gap:24px;padding:20px 24px 32px;overflow-y:auto;border-top:1px solid #1C2330}
  .admin-bar .menu-wrap{top:115px}
  .menu-open .menu-wrap{display:flex}
  .site-header .nav{display:flex;flex-direction:column;align-items:stretch;gap:2px;font-size:18px}
  .nav-link{min-height:54px;justify-content:space-between;padding:0 12px}
  .dd-panel{position:static;width:auto;box-shadow:none;border:0;background:transparent;padding:0 0 8px 8px}
  .dd-panel::before{display:none}
  .menu-extra{flex-direction:column;align-items:stretch;gap:18px}
  .menu-extra .btn{min-height:54px}
  .redes-menu{display:flex;justify-content:center}
  .redes-menu a{color:#C9D0DC;border:1px solid #2A3448;width:46px;height:46px}
  body.menu-aberto{overflow:hidden}
}
.site-header .dd-item{color:#F2F4F8}.site-header .dd-item:hover{color:#fff}
@media (max-width:960px){.site-header{backdrop-filter:none;-webkit-backdrop-filter:none;background:#0A0D14}}
@media (max-width:960px){.site-header .nav-link{width:100%}}

/* ===== Bloco do painel na página inicial (menos espaço vazio) ===== */
.vt-sec{padding:80px 0}
.vt-sec .container{align-items:flex-start}
.vt-sec .checks{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 20px}
.vt-baixo{display:flex;gap:16px;align-items:stretch;margin-top:18px;flex-wrap:wrap}
.vt-baixo .integra{flex:1 1 320px}
.vt-baixo .btn{flex:0 0 auto;align-self:center}
@media (max-width:600px){.vt-sec .checks{grid-template-columns:1fr}.vt-baixo .btn{width:100%}}

/* ===== Página do sistema de votação ===== */
.hero-painel .hp-wrap{display:flex;flex-wrap:wrap;align-items:center;gap:48px;padding-top:64px;padding-bottom:72px}
.fases{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px}
.fase{border:1px solid var(--line);border-radius:var(--radius);padding:26px;display:flex;flex-direction:column;gap:14px;background:#fff;position:relative;overflow:hidden}
.fase::before{content:"";position:absolute;left:0;right:0;top:0;height:4px;background:var(--red)}
.fase:nth-child(2)::before{background:#EAB308}.fase:nth-child(3)::before{background:#16A34A}
.fase-n{font-family:var(--head);font-weight:700;color:var(--muted);font-size:14px}
.fase h3{font-size:22px}
.checks-1{grid-template-columns:1fr !important}
.telas-wrap{display:flex;flex-wrap:wrap;gap:48px;align-items:center}
.telas-texto{flex:1 1 340px;min-width:0;display:flex;flex-direction:column;gap:16px}
.telas-media{flex:1.6 1 520px;min-width:0}
.modulos{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:18px}
.modulo{border:1px solid var(--line);border-radius:16px;padding:22px;display:flex;flex-direction:column;gap:10px;background:#fff}
.modulo h3{font-size:17.5px}
.modulo p{color:var(--muted);font-size:14.5px}
.modulo-ic{width:46px;height:46px;border-radius:12px;background:#FDECEC;color:var(--red-t);display:flex;align-items:center;justify-content:center;flex:none}
.tv-wrap{display:flex;flex-wrap:wrap;gap:40px;align-items:center}
.tv-ic{flex:0 0 160px;height:160px;border-radius:28px;background:#1F2B45;color:#FF7A7A;display:flex;align-items:center;justify-content:center}
.tv-texto{flex:1 1 420px;min-width:0;display:flex;flex-direction:column;gap:16px}
.fluxo{display:flex;flex-wrap:wrap;align-items:center;gap:20px}
.fluxo-item{border:1px solid var(--line);border-radius:16px;padding:18px 20px;display:flex;flex-direction:column;gap:6px;background:#fff;min-width:0}
.fluxo-item small{color:var(--muted)}
.fluxo-item.origem{flex:0 1 260px;background:#0E131D;color:#F2F4F8;border-color:#0E131D}
.fluxo-item.origem small{color:#B7C1D3}
.fluxo-item.origem .modulo-ic{background:#2A1216;color:#FF7A7A}
.fluxo-seta{color:var(--red);flex:none}
.fluxo-seta svg{width:36px;height:36px}
.fluxo-destinos{flex:1 1 480px;display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:14px}
@media (max-width:700px){.fluxo-seta{transform:rotate(90deg);margin:0 auto}.fluxo-item.origem{flex-basis:100%}}

/* ===== Páginas de produto (sistema de votação e portal) ===== */
.hero .pills{display:flex;flex-wrap:wrap;gap:8px}
.hero .pills span{padding:6px 12px;border-radius:999px;border:1px solid #2A3448;background:#121722;color:#E6EAF0;font-size:13.5px;font-weight:600}
.alt-sec{background:var(--alt)}
.difs-sec{padding:48px 0;border-bottom:1px solid var(--line)}
.difs{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:22px}
.dif{display:flex;gap:14px;align-items:flex-start}
.dif h3{font-size:17px;margin-bottom:4px}
.dif p{color:var(--muted);font-size:14.5px}
.cats{columns:3 320px;column-gap:20px}
.cat{break-inside:avoid;margin:0 0 20px;border:1px solid var(--line);border-radius:var(--radius);padding:22px;background:#fff;display:flex;flex-direction:column;gap:14px}
.cat-head{display:flex;align-items:center;gap:12px}
.cat-head h3{font-size:18px}
.cat-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:9px}
.cat-list li{display:flex;gap:9px;align-items:flex-start;font-size:14.5px;color:#33415A;line-height:1.45}
.cat-list svg{flex:none;margin-top:2px;color:var(--red-t);width:16px;height:16px}
.dark-sec .cat{background:#16213A;border-color:#24314D}
.dark-sec .cat-list li{color:#DCE2EC}
.dark-sec .cat-list svg{color:#FF7A7A}
.dark-sec .modulo-ic{background:#2A1216;color:#FF7A7A}
.sub-h{font-size:18px;margin-top:10px;color:#F2F4F8}
.perfis{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.perfil{background:#16213A;border:1px solid #24314D;border-radius:12px;padding:12px 14px;display:flex;flex-direction:column;gap:3px}
.perfil strong{color:#F2F4F8;font-size:15px}
.perfil span{color:#B7C1D3;font-size:13.5px;line-height:1.4}
.telas-wrap{align-items:flex-start}
.hero-painel .page-prev{box-shadow:0 30px 80px rgba(0,0,0,.55);border-color:#263044}
@media (max-width:600px){.perfis{grid-template-columns:1fr}}
/* Funções em grade: 3 por linha no computador */
.cats{columns:auto;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;align-items:start}
.cat{margin:0;height:100%}
@media (max-width:1000px){.cats{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:640px){.cats{grid-template-columns:1fr}}
/* Logos dos clientes sempre dentro de um círculo */
.logo-item img{flex:none;width:56px;height:56px;max-width:none;border-radius:50%;object-fit:contain;padding:7px;background:#fff;border:2px solid #D3DAE5;box-sizing:border-box}

/* ===== Cidades atendidas (mapa) ===== */
.mapa-sec{padding:88px 0;background:#fff;border-bottom:1px solid var(--line)}
.mapa-wrap{display:flex;flex-wrap:wrap;gap:48px;align-items:flex-start}
.mapa-info{flex:1 1 360px;min-width:0;display:flex;flex-direction:column;gap:18px}
.mapa-box{flex:1.4 1 520px;min-width:0;position:sticky;top:96px}
.mapa-total{display:flex;align-items:center;gap:16px;padding:18px 22px;border-radius:16px;background:#0E131D;color:#fff}
.mapa-total strong{font-family:var(--head);font-size:56px;line-height:1;color:#FF5A5A}
.mapa-total span{font-size:15px;color:#C3CCDA;line-height:1.35}
.mapa-ufs{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px}
.mapa-ufs li{display:grid;grid-template-columns:44px minmax(0,1fr) auto;grid-template-rows:auto auto;column-gap:12px;row-gap:5px;align-items:center}
.uf-sigla{grid-row:span 2;width:44px;height:44px;border-radius:12px;background:#FDECEC;color:var(--red-t);font-family:var(--head);font-weight:700;display:flex;align-items:center;justify-content:center}
.uf-nome{font-weight:600}
.uf-n{text-align:right;font-family:var(--head);font-size:17px}
.uf-bar{grid-column:2 / span 2;height:6px;border-radius:999px;background:var(--alt);overflow:hidden}
.uf-bar span{display:block;height:100%;border-radius:999px;background:linear-gradient(90deg,#DC2626,#F97316)}
.mapa-lista{border:1px solid var(--line);border-radius:14px;padding:0 16px}
.mapa-lista summary{cursor:pointer;min-height:48px;display:flex;align-items:center;font-weight:600;color:var(--red-t)}
.mapa-lista input{width:100%;min-height:42px;padding:0 12px;border:1px solid #C5CDD9;border-radius:10px;font:inherit;margin-bottom:10px}
.mapa-lista ul{list-style:none;margin:0 0 14px;padding:0;display:flex;flex-wrap:wrap;gap:6px;max-height:220px;overflow:auto}
.mapa-lista button{border:1px solid var(--line);background:var(--alt);border-radius:999px;padding:6px 12px;font:500 14px Inter,sans-serif;color:var(--ink);cursor:pointer}
.mapa-lista button:hover{background:var(--navy);color:#fff;border-color:var(--navy)}
.mapa-lista button small{color:var(--muted);font-weight:600;margin-left:2px}
.mapa-lista button:hover small{color:#C3CCDA}
.rt-mapa{height:520px;border-radius:20px;overflow:hidden;border:1px solid var(--line);box-shadow:var(--shadow);background:#E8EDF3;position:relative;z-index:0}
.mapa-simples{position:absolute;inset:0;background:radial-gradient(circle at 30% 40%,#F3F6FA,#DDE5EE)}
.ms-pt{position:absolute;width:14px;height:14px;margin:-7px 0 0 -7px;border-radius:50%;background:#DC2626;border:2px solid #fff;box-shadow:0 0 0 6px rgba(220,38,38,.18)}
.rt-mapa .leaflet-popup-content{font-family:Inter,sans-serif;font-size:14px}
.rt-mapa .leaflet-popup-content span{color:var(--muted);font-size:13px}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
@media (max-width:900px){.mapa-box{position:static}.rt-mapa{height:380px}}
.uf-nome{grid-column:2;grid-row:1}.uf-n{grid-column:3;grid-row:1;white-space:nowrap}.uf-bar{grid-row:2}
.rt-mapa .leaflet-tile-pane{filter:grayscale(.55) contrast(.95) brightness(1.03)}
.site-header .nav-link.atual{color:#fff;box-shadow:inset 0 -2px 0 #DC2626;border-radius:0}

/* Botões lado a lado */
.center-link.duo{display:flex;flex-wrap:wrap;justify-content:center;gap:12px}

/* O que mais transmitimos: ícones coloridos */
.fmt-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}
.dark-sec .fmt{display:flex;flex-direction:column;gap:14px;padding:20px;border-radius:16px;background:linear-gradient(160deg,color-mix(in srgb,var(--fc) 22%,#16213A),#16213A 70%);border:1px solid color-mix(in srgb,var(--fc) 40%,#24314D);transition:transform .2s,border-color .2s}
.dark-sec .fmt:hover{transform:translateY(-3px);border-color:var(--fc)}
.fmt-ic{width:46px;height:46px;border-radius:12px;display:flex;align-items:center;justify-content:center;background:color-mix(in srgb,var(--fc) 22%,transparent);color:var(--fc)}
.fmt-t{font-weight:600;line-height:1.35}

/* Etapas: barra enche e o 5 pulsa */
.js .steps::before{transform-origin:left center;transform:scaleX(0);transition:transform 1.6s cubic-bezier(.65,.05,.25,1)}
.js .steps.visivel::before{transform:scaleX(1)}
.js .steps .step-dot{transform:scale(.6);opacity:.3;transition:transform .4s,opacity .4s}
.js .steps.visivel .step-dot{transform:none;opacity:1}
.js .steps.visivel .step:nth-child(2) .step-dot{transition-delay:.3s}
.js .steps.visivel .step:nth-child(3) .step-dot{transition-delay:.6s}
.js .steps.visivel .step:nth-child(4) .step-dot{transition-delay:.9s}
.js .steps.visivel .step:nth-child(5) .step-dot{transition-delay:1.2s}
.steps.visivel .step:last-child .step-dot,.no-js .step:last-child .step-dot{animation:pulso5 2s ease-out 1.6s infinite}
@keyframes pulso5{0%{box-shadow:0 0 0 0 rgba(22,163,74,.6)}70%{box-shadow:0 0 0 18px rgba(22,163,74,0)}100%{box-shadow:0 0 0 0 rgba(22,163,74,0)}}
@media (max-width:900px){.js .steps::before{transform-origin:center top;transform:scaleY(0)}.js .steps.visivel::before{transform:scaleY(1)}}
@media (prefers-reduced-motion:reduce){.js .steps::before,.js .steps .step-dot{transform:none !important;opacity:1 !important;transition:none}.steps .step:last-child .step-dot{animation:none !important}}

/* ===== Avaliações ===== */
.aval-sec{padding:88px 0;background:var(--alt);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.aval-head{align-items:center}
.aval-nota{display:flex;align-items:center;flex-wrap:wrap;gap:8px 12px;background:#fff;border:1px solid var(--line);border-radius:16px;padding:14px 18px;box-shadow:0 6px 20px rgba(19,33,58,.06)}
.aval-nota strong{font-family:var(--head);font-size:30px;line-height:1}
.aval-nota .aval-total{color:var(--muted);font-size:14.5px}
.aval-nota a{font-weight:600;font-size:14.5px;color:var(--red-t);text-decoration:none}
.aval-nota a:hover{text-decoration:underline}
.aval-g{display:flex}
.estrelas{display:inline-flex;gap:2px;color:#F5B301}
.estrelas .vazia{color:#D3DAE5}
.aval-carousel .vtrack{grid-auto-columns:calc((100% - 40px) / 3)}
.aval-carousel .vtrack[data-n="1"]{grid-auto-columns:min(640px,100%)}
.aval-carousel .vtrack[data-n="2"]{grid-auto-columns:calc((100% - 20px) / 2)}
.aval-card{margin:0;background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:24px;display:flex;flex-direction:column;gap:14px;min-width:0}
.aval-topo{display:flex;justify-content:space-between;align-items:center}
.aspas{color:#FDE2E2}
.aval-texto{margin:0;color:#33415A;font-size:15.5px;line-height:1.6;display:-webkit-box;-webkit-line-clamp:6;-webkit-box-orient:vertical;overflow:hidden}
.aval-texto p{margin:0}
.aval-card.aberto .aval-texto{display:block;-webkit-line-clamp:unset}
.aval-mais{align-self:flex-start;background:none;border:0;padding:0;color:var(--red-t);font:600 14px Inter,sans-serif;cursor:pointer}
.aval-pessoa{margin-top:auto;display:flex;align-items:center;gap:12px;padding-top:14px;border-top:1px solid var(--line)}
.aval-pessoa img,.aval-ini{flex:none;width:46px;height:46px;border-radius:50%;object-fit:cover}
.aval-ini{display:flex;align-items:center;justify-content:center;background:#0E131D;color:#FF7A7A;font-family:var(--head);font-weight:700}
.aval-quem{display:flex;flex-direction:column;min-width:0}
.aval-quem strong{font-size:15.5px}
.aval-quem small{color:var(--muted);font-size:13px}
.aval-carousel .vc-ctrl{justify-content:flex-end}
@media (max-width:900px){.aval-carousel .vtrack,.aval-carousel .vtrack[data-n="2"]{grid-auto-columns:85%}}
.sec-head > .aval-nota{flex:0 1 auto;flex-direction:row;align-items:center;gap:8px 12px}

/* ===== Destaque: sistema + site integrados ===== */
.integ-sec{position:relative;overflow:hidden;padding:96px 0;color:#F2F4F8;background:radial-gradient(900px 420px at 85% 0%,rgba(220,38,38,.35),transparent 60%),radial-gradient(700px 380px at 0% 100%,rgba(59,130,246,.22),transparent 60%),#0A0F1A}
.integ-top{display:flex;flex-wrap:wrap;gap:40px;align-items:center;margin-bottom:40px}
.integ-txt{flex:1 1 460px;min-width:0;display:flex;flex-direction:column;gap:16px}
.integ-txt .h2{color:#fff}
.integ-txt .lead{color:#C3CCDA}
.integ-badge{align-self:flex-start;display:inline-flex;align-items:center;gap:10px;padding:7px 14px;border-radius:999px;background:rgba(220,38,38,.15);border:1px solid rgba(255,107,107,.45);color:#FFB4B4;font-size:13px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}
.integ-diagrama{flex:1 1 380px;min-width:0;display:flex;align-items:center;gap:0}
.id-box{flex:1;display:flex;flex-direction:column;align-items:center;gap:10px;text-align:center;padding:22px 16px;border-radius:18px;background:#16213A;border:1px solid #2A3A5A}
.id-box strong{font-size:15px}
.id-site .modulo-ic{background:#13294B;color:#7FB2FF}
.integ-sec .modulo-ic{background:#2A1216;color:#FF7A7A}
.id-linha{flex:0 0 70px;height:4px;position:relative;background:#2A3A5A;border-radius:4px;overflow:hidden}
.id-linha span{position:absolute;top:0;width:14px;height:4px;border-radius:4px;background:#FF5A5A;animation:fluxo 1.8s linear infinite}
.id-linha span:nth-child(2){animation-delay:.6s}.id-linha span:nth-child(3){animation-delay:1.2s}
@keyframes fluxo{from{left:-14px}to{left:100%}}
.integ-como{list-style:none;margin:0 0 44px;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.integ-como li{display:flex;gap:12px;align-items:flex-start;padding:18px;border-radius:16px;background:rgba(255,255,255,.04);border:1px solid #24314D}
.ii-ic{flex:none;width:40px;height:40px;border-radius:11px;background:rgba(220,38,38,.18);color:#FF7A7A;display:flex;align-items:center;justify-content:center}
.ii-ic svg{width:20px;height:20px}
.integ-como strong{display:block;font-size:15.5px;margin-bottom:4px}
.integ-como span{color:#B7C1D3;font-size:14px;line-height:1.45}
.integ-sub{font-size:20px;margin:0 0 18px;color:#fff}
.integ-vai{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.iv-item{display:flex;gap:14px;align-items:flex-start;padding:18px;border-radius:16px;background:#16213A;border:1px solid #24314D}
.iv-item strong{display:block;font-size:16px;margin-bottom:3px}
.iv-item span{color:#B7C1D3;font-size:14px;line-height:1.45}
@media (max-width:1000px){.integ-como{grid-template-columns:repeat(2,minmax(0,1fr))}.integ-vai{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:620px){.integ-como,.integ-vai{grid-template-columns:1fr}.id-linha{flex-basis:40px}}
@media (prefers-reduced-motion:reduce){.id-linha span{animation:none}}

/* ===== Destaque: transparência completa ===== */
.transp-sec{padding:88px 0;background:#fff;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.transp-wrap{display:flex;flex-wrap:wrap;gap:48px;align-items:center}
.transp-txt{flex:1 1 360px;min-width:0;display:flex;flex-direction:column;gap:16px}
.transp-flag{display:flex;gap:12px;align-items:flex-start;padding:14px 16px;border-radius:14px;background:#ECFDF3;border:1px solid #B7EBC9;color:#14532D;font-size:14.5px}
.transp-flag svg{flex:none;color:#16A34A}
.transp-grid{flex:1.4 1 520px;min-width:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.tr-item{display:flex;flex-direction:column;gap:8px;padding:20px;border-radius:16px;border:1px solid var(--line);background:var(--alt)}
.tr-item strong{font-size:16px}
.tr-item span:last-child{color:var(--muted);font-size:14px;line-height:1.45}
@media (max-width:700px){.transp-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* ===== Perfis em linha inteira, abaixo das telas ===== */
.telas-wrap{align-items:center}
.perfis-wrap{margin-top:40px}
.perfis-wrap .perfis{grid-template-columns:repeat(6,minmax(0,1fr))}
@media (max-width:1100px){.perfis-wrap .perfis{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (max-width:600px){.perfis-wrap .perfis{grid-template-columns:1fr}}
.difs{grid-template-columns:repeat(3,minmax(0,1fr))}@media (max-width:900px){.difs{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:560px){.difs{grid-template-columns:1fr}}
.perfis-wrap .sub-h{margin:0 0 14px}