:root{--azul:#044F8B;--azul2:#0A58A6;--azul3:#1B6CBC;--verde:#28BE40;--verde2:#24a44a;--cinza:#9A9A9A;--texto:#404040}
*{box-sizing:border-box;margin:0;padding:0}
body{font-family:Roboto,sans-serif;color:#333;background:#fff;line-height:1.6;font-size:15px}
a{color:inherit;text-decoration:none}
img{max-width:100%;display:block}
.wrap{max-width:1200px;margin:0 auto;padding:0 16px}
svg.i{width:1em;height:1em;fill:currentColor;flex:none}

/* Topo */
.topbar{background:var(--azul);color:#fff;font-size:13px}
.topbar .wrap{display:flex;gap:30px;align-items:center;min-height:35px}
.topbar span{display:flex;gap:10px;align-items:center}
.topbar svg{font-size:16px}
.header{background:#fff;position:sticky;top:0;z-index:50;box-shadow:0 2px 8px rgba(0,0,0,.06)}
.header .wrap{display:flex;align-items:center;justify-content:space-between;padding-top:10px;padding-bottom:10px;gap:20px}
.logo img{width:240px;height:auto}
.nav ul{display:flex;list-style:none;gap:28px}
.nav a{font-family:"Roboto Condensed",sans-serif;font-weight:500;font-size:14px;color:var(--cinza);text-transform:uppercase;transition:color .2s}
.nav a:hover,.nav a.ativo{color:var(--verde)}
.btn-outline{border:3px solid var(--verde);border-radius:10px;padding:8px 18px;color:#969696;font-weight:500;font-size:13px;display:inline-flex;gap:8px;align-items:center;transition:.2s;white-space:nowrap}
.btn-outline:hover{background:var(--verde);color:#fff}
.menu-btn{display:none;background:none;border:0;font-size:26px;color:var(--cinza);cursor:pointer}

/* Slider */
.hero{position:relative;height:700px;overflow:hidden;background:#000}
.slide{position:absolute;inset:0;opacity:0;transition:opacity .8s;background-size:cover;background-position:center}
.slide.on{opacity:1;z-index:1}
.slide::before{content:"";position:absolute;inset:0;background:rgba(0,0,0,.55)}
.slide .wrap{position:relative;height:100%;display:flex;flex-direction:column;justify-content:center;color:#fff;font-family:"Open Sans",sans-serif}
.slide h2{color:var(--verde);font-weight:800;font-size:55px;line-height:1.2;max-width:660px;text-transform:uppercase}
.slide h3{font-size:35px;font-weight:700;line-height:1.2;margin:18px 0;max-width:620px}
.slide p{font-size:25px;line-height:1.3;max-width:700px}
.slide .ctas{display:flex;gap:30px;margin-top:36px;flex-wrap:wrap}
.btn{display:inline-flex;align-items:center;justify-content:center;min-height:53px;padding:0 32px;border-radius:6px;font-size:18px;font-weight:500;transition:.2s}
.btn-verde{background:var(--verde);color:#fff}
.btn-verde:hover{background:var(--verde2)}
.btn-branco{border:2px solid #fff;color:#fff;border-radius:8px}
.btn-branco:hover{background:#fff;color:var(--azul)}
.hero-arrow{position:absolute;top:50%;transform:translateY(-50%);z-index:5;width:40px;height:40px;border-radius:50%;border:2px solid #aaa;background:rgba(0,0,0,.6);color:#fff;cursor:pointer;font-size:18px}
.hero-arrow.prev{left:20px}.hero-arrow.next{right:20px}
.dots{position:absolute;bottom:30px;left:50%;transform:translateX(-50%);z-index:5;display:flex;gap:6px}
.dots button{width:9px;height:9px;border-radius:5px;border:0;background:rgba(255,255,255,.5);cursor:pointer}
.dots button.on{background:#fff}

/* Passos */
.passos{background:#f4f7fa;padding:60px 0}
.passos .wrap{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}
.passo{background:#fff;border-radius:10px;padding:30px 24px;text-align:center;box-shadow:0 0 6px rgba(0,0,0,.12);transition:transform .2s}
a.passo:hover{transform:translateY(-4px)}
.passo .ico{font-size:42px;color:var(--azul);display:flex;justify-content:center;margin-bottom:14px}
.passo img{width:56px;margin:0 auto 14px}
.passo h2{font-family:"Roboto Condensed",sans-serif;font-size:20px;color:var(--azul);margin-bottom:8px}
.passo p{font-size:14px;color:#666}

/* Sobre */
.sobre{padding:80px 0}
.sobre .wrap{display:grid;grid-template-columns:1fr 1fr;gap:50px;align-items:center}
.video{position:relative;cursor:pointer;border-radius:10px;overflow:hidden;aspect-ratio:16/9;background:#000}
.video img{width:100%;height:100%;object-fit:cover}
.video .play{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:80px;color:#fff;filter:drop-shadow(0 2px 6px rgba(0,0,0,.5))}
.video iframe{width:100%;height:100%;border:0}
.sobre h1{font-family:"Roboto Condensed",sans-serif;font-size:36px;color:var(--azul);line-height:1.2}
.sobre h2{font-size:20px;color:var(--texto);margin:12px 0 18px;font-weight:500}
.sobre p{margin-bottom:12px;color:#555}
.sobre .btn-outline{margin-top:10px}

/* Treinamentos */
.treinos{background:#f4f7fa;padding:80px 0;text-align:center}
.titulo{font-family:"Roboto Condensed",sans-serif;font-size:34px;color:var(--azul);line-height:1.2}
.linha{width:80px;height:3px;background:var(--verde);margin:16px auto}
.sub{max-width:640px;margin:0 auto 40px;color:#666}
.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;text-align:left}
.card{background:#fff;border-radius:10px;padding:6px;box-shadow:0 0 6px rgba(0,0,0,.27);display:flex;flex-direction:column}
.card .thumb{height:170px;border-radius:9px 9px 0 0;background-size:cover;background-position:center}
.card h2{font-family:"Roboto Condensed",sans-serif;font-size:20px;font-weight:600;color:var(--texto);margin:10px 10px 0;line-height:1.3}
.card h3{font-family:"Roboto Condensed",sans-serif;font-size:15px;font-weight:500;color:#878787;margin:6px 10px 10px}
.card hr{border:0;border-top:1px solid #cecece;margin:4px 0}
.meta{display:grid;grid-template-columns:1fr 1fr;gap:8px 10px;padding:10px;font-size:12px;color:#6b6b6b}
.meta span{display:flex;gap:6px;align-items:center}
.meta svg{color:var(--azul);font-size:13px}
.card .preco{margin-top:auto;text-align:center;font-family:"Roboto Condensed",sans-serif;font-size:22px;font-weight:500;color:var(--verde2);padding:12px 0 4px}
.card .cta{display:flex;align-items:center;justify-content:center;min-height:50px;margin:6px;border-radius:8px;font-family:"Roboto Condensed",sans-serif;font-weight:600;letter-spacing:.5px;text-transform:uppercase;font-size:14px;color:#4a5568;background:linear-gradient(135deg,#fff,#eef0f2);border:1px solid #e2e5e9;transition:.25s}
.card .cta:hover{background:linear-gradient(135deg,#27d27c,#1fb86b);color:#fff;border-color:#1fb86b}

/* Instrutores */
.instrutores{padding:80px 0;text-align:center}
.inst-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:40px 20px;margin-top:40px}
.inst img{width:150px;height:150px;border-radius:50%;object-fit:cover;margin:0 auto 14px;box-shadow:0 0 6px rgba(0,0,0,.2)}
.inst h2{font-family:"Roboto Condensed",sans-serif;font-size:18px;color:var(--texto)}

/* Rodapé */
footer{background:var(--azul2);color:#fff;font-size:13px}
.ft{display:grid;grid-template-columns:30% 1fr;gap:40px;padding:50px 16px 30px}
.ft-logo img{width:60%;margin-bottom:16px}
.social{display:flex;gap:5px;margin-top:16px}
.social a{width:36px;height:36px;border-radius:50%;background:var(--azul3);display:flex;align-items:center;justify-content:center;font-size:18px}
.social a:hover{background:var(--verde)}
.ft-contato{display:flex;gap:30px;border-bottom:1px solid var(--azul3);padding-bottom:16px;margin-bottom:16px;font-size:15px}
.ft-contato span{display:flex;gap:14px;align-items:center}
.ft-contato svg{color:#1FCD60;font-size:24px}
.ft-cols{display:grid;grid-template-columns:2fr 1fr 1fr;gap:20px}
.ft-cols h2{font-family:"Roboto Condensed",sans-serif;font-size:20px;margin:10px 0 14px}
.ft-cols ul{list-style:none}
.ft-cols li{padding:8px 0;border-bottom:1px solid var(--azul3)}
.ft-cols li:last-child{border:0}
.ft-cols a:hover{color:#8ff0a8}
.copy{border-top:1px solid var(--azul3);text-align:center;font-size:11px;padding:14px}

/* Responsivo */
@media(max-width:1024px){
  .nav{display:none;position:absolute;top:100%;left:0;right:0;background:#fff;box-shadow:0 6px 10px rgba(0,0,0,.08)}
  .nav.aberto{display:block}
  .nav ul{flex-direction:column;gap:0}
  .nav a{display:block;padding:14px 16px;border-bottom:1px solid #eee}
  .menu-btn{display:block}
  .header .btn-outline{display:none}
  .hero{height:500px}
  .slide h2{font-size:30px}.slide h3{font-size:20px}.slide p{font-size:15px}
  .passos .wrap{grid-template-columns:1fr 1fr}
  .grid{grid-template-columns:1fr 1fr}
  .sobre .wrap{grid-template-columns:1fr}
}
@media(max-width:767px){
  .topbar{display:none}
  .logo img{width:180px}
  .hero{height:420px}
  .slide h2{font-size:25px}.slide p{display:none}
  .slide .ctas .btn-branco{display:none}
  .btn{font-size:15px;min-height:40px;padding:0 20px}
  .hero-arrow{display:none}
  .passos .wrap,.grid{grid-template-columns:1fr}
  .inst-grid{grid-template-columns:1fr 1fr}
  .inst img{width:120px;height:120px}
  .ft{grid-template-columns:1fr}
  .ft-contato{flex-direction:column;gap:10px}
  .ft-cols{grid-template-columns:1fr}
  .titulo,.sobre h1{font-size:26px}
}

/* antes inline */
.u-oculto{display:none}.c-azul{color:#044f8b}.c-verde{color:#28be40}
.bg-banner-site-rs2000{background-image:url('./img/BANNER-SITE-RS2000.jpg')}
.bg-banner-site-cei{background-image:url('./img/BANNER-SITE-CEI.jpg')}
.bg-slide-site{background-image:url('./img/Slide-Site.png')}
.bg-banner-testes-laboratoriais{background-image:url('./img/banner-testes-laboratoriais.jpg')}