:root{
  --navy:#0b1220;--navy2:#07101d;--blue:#0e5aa7;--cyan:#27a7df;
  --light:#f4f7fb;--white:#fff;--muted:#637083;--green:#16a34a;
  --line:#dce3eb;--shadow:0 12px 34px rgba(11,18,32,.08)
}
*{box-sizing:border-box}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%;text-size-adjust:100%}
body{margin:0;min-width:0;width:100%;overflow-x:hidden;font-family:Arial,Helvetica,sans-serif;background:var(--light);color:var(--navy);line-height:1.6;font-size:16px}
img,svg,video,iframe{display:block;max-width:100%;height:auto}
a{text-decoration:none;color:inherit}
button,input,select,textarea{font:inherit}
.wrap{width:calc(100% - 40px);max-width:1180px;margin-inline:auto;min-width:0}
.top{background:var(--navy2);color:#dce9f7;font-size:14px}
.top .wrap{display:flex;justify-content:space-between;align-items:center;gap:18px;padding:8px 0}
.header{position:sticky;top:0;z-index:50;background:rgba(255,255,255,.98);border-bottom:1px solid var(--line);box-shadow:0 3px 14px rgba(11,18,32,.05)}
.nav{min-height:82px;display:flex;align-items:center;justify-content:space-between;gap:28px;padding:10px 0}
.brand{flex:0 0 auto}.brand img{width:auto;height:58px;max-width:250px}
.menu{display:flex;align-items:center;justify-content:flex-end;gap:22px;font-weight:700;min-width:0}
.menu>a:not(.btn){padding:10px 0;white-space:nowrap}
.menu>a:hover{color:var(--blue)}
.menu-toggle{display:none;border:1px solid var(--line);background:#fff;border-radius:10px;padding:10px 13px;font-weight:800;color:var(--navy);cursor:pointer}
.btn{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:12px 20px;border-radius:12px;font-weight:900;line-height:1.2;border:0;cursor:pointer;text-align:center}
.blue{background:var(--blue);color:#fff}.green{background:var(--green);color:#fff}
.hero{background:linear-gradient(135deg,#07101d 0%,#0d223d 100%);color:#fff;padding:64px 0}
.hero .wrap{display:grid;grid-template-columns:minmax(0,1fr);gap:22px}
.hero h1{font-size:clamp(38px,5.3vw,68px);line-height:1.05;margin:0;max-width:950px;letter-spacing:-.02em}
.hero p{font-size:clamp(17px,2vw,21px);max-width:760px;color:#d9e5f1;margin:0}
.hero .btn{justify-self:start}
.page-betoneira{width:100%;max-height:560px;object-fit:cover;border-radius:20px;margin:2px 0 4px;box-shadow:0 14px 36px rgba(0,0,0,.24)}
.section{padding:72px 0}
.section:nth-of-type(even){background:#fff}
h1,h2,h3{overflow-wrap:anywhere}
h2{font-size:clamp(30px,4vw,46px);line-height:1.12;margin:0 0 18px;letter-spacing:-.015em}
h3{line-height:1.25}
p{overflow-wrap:anywhere}.lead{color:var(--muted);max-width:780px;font-size:18px}
.grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}
.card{display:block;background:#fff;border:1px solid var(--line);border-radius:18px;padding:26px;box-shadow:var(--shadow);min-width:0;transition:transform .18s ease,box-shadow .18s ease}
.card:hover{transform:translateY(-3px);box-shadow:0 16px 38px rgba(11,18,32,.12)}
.card h3{margin:0 0 8px}.card p{color:var(--muted);margin-bottom:0}
.content{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:28px;align-items:start}
.article,.sidebar-box{background:#fff;border:1px solid var(--line);border-radius:18px;padding:30px;box-shadow:var(--shadow);min-width:0}
.article img{width:100%;border-radius:16px;margin:22px 0;object-fit:cover}
.article h1{font-size:clamp(32px,4.5vw,54px);line-height:1.08;margin-top:0}
.article h2{font-size:clamp(26px,3vw,38px);margin-top:34px}
.article table{display:block;max-width:100%;overflow-x:auto;border-collapse:collapse}
.article pre{max-width:100%;overflow:auto}
.notice{background:#e8f4ff;border-left:5px solid var(--blue);padding:16px;border-radius:10px;margin:22px 0}
.pill{display:inline-block;background:#dff2ff;color:#0e5aa7;padding:7px 11px;border-radius:999px;font-weight:800;font-size:13px}
.search,.search-input{width:100%;padding:15px 17px;border:1px solid var(--line);border-radius:12px;margin:10px 0 24px;background:#fff;font-size:16px}
.city-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.city-list a{display:block;background:#fff;border:1px solid var(--line);padding:14px 16px;border-radius:12px;min-width:0;overflow-wrap:anywhere}
.areas-completas h2{margin-top:36px}.areas-completas ul{columns:3;column-gap:32px;padding-left:20px}.areas-completas li{break-inside:avoid;margin-bottom:9px}
.footer{background:var(--navy2);color:#d8e1ea;padding:54px 0 26px}
.footer-grid{display:grid;grid-template-columns:1.5fr 1fr 1fr;gap:36px}
.footer h3{color:#fff}.footer a{display:block;margin:7px 0}.copy{border-top:1px solid #253142;margin-top:28px;padding-top:18px}
.wa{position:fixed;right:18px;bottom:18px;z-index:60;border:0;border-radius:999px;padding:15px 22px;background:var(--green);color:#fff;font-weight:900;box-shadow:0 10px 28px rgba(0,0,0,.22);cursor:pointer}

@media(max-width:980px){
  .wrap{width:calc(100% - 32px)}
  .nav{min-height:72px;flex-wrap:wrap;gap:12px;padding:10px 0}
  .brand img{height:48px;max-width:210px}
  .menu-toggle{display:inline-flex;margin-left:auto}
  .menu{display:none;width:100%;order:3;flex-direction:column;align-items:stretch;gap:4px;padding:8px 0 14px}
  .menu.open{display:flex}
  .menu>a{width:100%;padding:11px 12px!important;border-radius:9px}
  .menu>a:not(.btn):hover{background:#f2f6fa}
  .menu .btn{margin-top:5px}
  .grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .content{grid-template-columns:1fr}
  .footer-grid{grid-template-columns:1fr 1fr}
  .city-list{grid-template-columns:repeat(2,minmax(0,1fr))}
  .areas-completas ul{columns:2}
  .hero{padding:48px 0}
}

@media(max-width:640px){
  .wrap{width:calc(100% - 24px)}
  .top .wrap{font-size:12px;gap:8px;align-items:flex-start}.top .wrap span:last-child{text-align:right}
  .header{position:relative}
  .brand img{height:42px;max-width:180px}
  .hero{padding:30px 0 38px}
  .hero h1{font-size:clamp(31px,10vw,44px)}
  .hero p{font-size:17px}
  .page-betoneira{max-height:330px;border-radius:14px}
  .section{padding:48px 0}
  .grid,.city-list,.footer-grid{grid-template-columns:1fr}
  .card{padding:21px}
  .article,.sidebar-box{padding:20px;border-radius:14px}
  .article h1{font-size:32px}
  .areas-completas ul{columns:1}
  .btn{width:100%}
  .hero .btn{justify-self:stretch}
  .wa{right:12px;bottom:12px;padding:13px 17px;font-size:14px}
}

/* Correção definitiva de imagens dentro do layout */
.hero{overflow:hidden}
.hero .wrap,.section .wrap,.article{min-width:0;overflow:hidden}
.page-betoneira,
.hero .page-betoneira,
.article .page-betoneira{
  display:block!important;
  width:100%!important;
  max-width:100%!important;
  min-width:0!important;
  height:auto!important;
  max-height:520px!important;
  margin:4px auto 6px!important;
  object-fit:cover!important;
  object-position:center!important;
  box-sizing:border-box!important;
  justify-self:stretch!important;
}
@media (min-width:981px){
  .hero .page-betoneira{aspect-ratio:16/7;max-height:480px!important}
}
@media (max-width:980px){
  .hero .page-betoneira{aspect-ratio:16/9;max-height:430px!important}
}
@media (max-width:640px){
  .page-betoneira,.hero .page-betoneira,.article .page-betoneira{aspect-ratio:16/10;max-height:300px!important;border-radius:12px!important}
}