/*
Theme Name: KR7 Engenharia
Theme URI: https://kr7engenharia.com
Author: Rafael Rocha & "Gênio"
Description: Tema WordPress personalizado para KR7 Engenharia com menu fixo, troca dinâmica de logo, slider na home, botão flutuante de WhatsApp e seções institucionais.
Version: 1.0.0
License: GNU General Public License v2 or later
Text Domain: kr7
*/

/* --------- Variáveis de cor (identidade) --------- */
:root{
  --kr7-azul: #000039;
  --kr7-vermelho: #B10000;
  --kr7-cinza: #B1B1B1;
  --kr7-preto-suave: rgba(0,0,0,.1);
}

/* Reset/Norm */
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;font-family:"Century Gothic","Segoe UI",Roboto,Arial,Helvetica,sans-serif;color:#111}
a{color:inherit;text-decoration:none}
img{max-width:100%;height:auto;display:block}

/* Container */
.container{width:100%;max-width:1200px;margin:0 auto;padding:0 20px}

/* Header fixo */
.site-header{
  position:sticky; top:0; z-index:1000;
  background:transparent; transition:background .3s, box-shadow .3s;
}
.site-header.scrolled{
  background:#fff; box-shadow:0 8px 20px rgba(0,0,0,.08);
}
.header-inner{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:14px 0}
.logo{height:50px}
.nav-toggle{display:none;background:none;border:0;font-size:28px}

/* Menu */
.nav{display:flex;gap:22px;align-items:center}
.nav ul{list-style:none;display:flex;margin:0;padding:0;gap:18px}
.nav li{position:relative}
.nav a{padding:8px 6px;border-radius:6px}
.nav a:hover{background:var(--kr7-preto-suave)}

/* Dropdown */
.nav li:hover > ul.sub-menu{display:block}
.nav ul.sub-menu{
  display:none; position:absolute; top:36px; left:0; background:#fff; border:1px solid rgba(0,0,0,.08); 
  border-radius:10px; padding:10px; min-width:220px; box-shadow:0 10px 30px rgba(0,0,0,.12);
}
.nav ul.sub-menu li{display:block}
.nav ul.sub-menu a{display:block}

/* Hero */
.hero{position:relative;height:68vh;min-height:420px;display:flex;align-items:flex-end;color:#fff;overflow:hidden}
.hero::after{
  content:"";position:absolute;inset:0;background:linear-gradient(to top, rgba(0,0,0,.55), rgba(0,0,0,.15) 40%, rgba(0,0,0,0));
}
.hero-inner{position:relative;z-index:2;width:100%;padding:32px 0}
.hero h1{font-size:42px;line-height:1.1;margin:0 0 6px;font-weight:800}
.hero p{font-size:18px;max-width:720px;margin:0}

/* Seções */
.section{padding:64px 0}
.section.alt{background:#f7f8fb}
.section h2{font-size:34px;margin:0 0 18px}
.grid{display:grid;gap:18px}
.grid.col-3{grid-template-columns:repeat(3,1fr)}
.grid.col-4{grid-template-columns:repeat(4,1fr)}

/* Cards */
.card{background:#fff;border:1px solid rgba(0,0,0,.06);border-radius:16px;padding:18px;box-shadow:0 6px 18px rgba(0,0,0,.06)}
.card h3{margin:0 0 8px;font-size:20px}

/* Footer */
.site-footer{background:var(--kr7-azul);color:#fff;padding:36px 0 18px}
.site-footer a{opacity:.9}
.site-footer a:hover{opacity:1;text-decoration:underline}
.footer-mini{opacity:.8;font-size:14px;margin-top:12px}

/* Botão WhatsApp */
.whatsapp-fab{
  position:fixed; right:18px; bottom:18px; width:60px; height:60px; border-radius:50%;
  display:flex; align-items:center; justify-content:center; background:#25D366; color:#fff; font-size:30px;
  box-shadow:0 10px 22px rgba(0,0,0,.18); z-index:999; transition:transform .15s;
}
.whatsapp-fab:hover{transform:translateY(-2px)}

/* Responsivo */
@media (max-width: 900px){
  .nav{display:none}
  .nav.open{display:block;position:absolute;left:0;right:0;top:100%;background:#fff;padding:14px 20px;border-bottom:1px solid rgba(0,0,0,.08)}
  .nav ul{flex-direction:column}
  .nav-toggle{display:block}
  .grid.col-3{grid-template-columns:1fr}
  .grid.col-4{grid-template-columns:1fr 1fr}
  .hero h1{font-size:32px}
}