/* brand4.css — componentes das paginas de produto e de unidade (aditivo ao brand3.css) */
:root{--wrap:1120px;}
.wrap4{max-width:var(--wrap);margin:0 auto;padding:0 32px;}
.sec4{padding:64px 0;}
.sec4.alt{background:var(--aco-claro);}
.sec4 h2{font-size:clamp(24px,3vw,32px);margin-bottom:10px;}
.sec4 .lead{color:var(--texto-claro);font-size:16.5px;max-width:68ch;margin-bottom:28px;}

/* breadcrumb */
.crumbs{padding:22px 0 0;font-size:13.5px;color:var(--texto-claro);}
.crumbs ol{list-style:none;display:flex;flex-wrap:wrap;gap:6px;margin:0;padding:0;}
.crumbs li+li::before{content:'/';margin-right:6px;color:#9AA3B2;}
.crumbs a{color:var(--azul-apoio);font-weight:600;}
.crumbs a:hover{text-decoration:underline;}

/* hero de produto */
.pp-hero{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:start;padding:28px 0 56px;}
.pp-photo{border-radius:16px;overflow:hidden;background:var(--azul-apoio);box-shadow:0 28px 60px -34px rgba(0,25,71,.55);}
.pp-photo img{width:100%;height:auto;aspect-ratio:671/298;object-fit:cover;display:block;}
.pcode4{display:inline-block;font-family:var(--mono);font-size:12.5px;letter-spacing:.1em;font-weight:600;color:var(--ambar);background:var(--marinho);padding:6px 12px;border-radius:6px;margin-bottom:16px;}
.pp-hero h1{font-size:clamp(32px,4.4vw,52px);line-height:1.04;margin-bottom:18px;}
.answer{background:#FFF6DB;border-left:4px solid var(--ambar);border-radius:0 12px 12px 0;padding:18px 22px;margin-bottom:24px;}
.answer b.tag{display:block;font-family:var(--mono);font-size:11.5px;letter-spacing:.14em;text-transform:uppercase;color:#7a5200;margin-bottom:6px;font-weight:600;}
.answer p{font-size:16.5px;line-height:1.65;color:#2a2f3a;}
.cta-row4{display:flex;flex-wrap:wrap;gap:12px;}
.updated{font-family:var(--mono);font-size:12px;letter-spacing:.06em;color:var(--texto-claro);margin-top:18px;}

/* fatos */
.facts4{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:14px;}
.fact4{background:#fff;border:1px solid var(--borda);border-top:3px solid var(--ambar);border-radius:12px;padding:16px 18px;}
.fact4 dt{font-size:12.5px;color:var(--texto-claro);margin-bottom:4px;}
.fact4 dd{margin:0;font-weight:700;color:var(--marinho);font-size:16px;font-family:var(--display);}

/* tabelas */
.tbl-wrap{overflow-x:auto;border:1px solid var(--borda);border-radius:12px;background:#fff;margin-bottom:10px;}
table.spec{border-collapse:collapse;width:100%;font-size:15px;min-width:420px;}
table.spec caption{text-align:left;font-family:var(--display);font-weight:700;font-size:17px;color:var(--marinho);padding:16px 18px;}
table.spec th{background:var(--marinho);color:#fff;font-weight:600;font-size:13.5px;text-align:left;padding:12px 18px;white-space:nowrap;}
table.spec td{padding:12px 18px;border-top:1px solid var(--borda);font-variant-numeric:tabular-nums;}
table.spec tbody tr:nth-child(even) td{background:#F6F8FB;}
table.spec tbody tr:hover td{background:#FFF6DB;}
.tnote{font-size:13px;color:var(--texto-claro);margin:0 0 30px;}

/* aplicacoes */
.chips{display:flex;flex-wrap:wrap;gap:10px;list-style:none;margin:0;padding:0;}
.chips li{background:#fff;border:1px solid var(--borda);border-radius:999px;padding:10px 18px;font-size:15px;font-weight:500;color:var(--marinho);}

/* como comprar */
.steps4{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:8px;}
.step4{background:#fff;border:1px solid var(--borda);border-radius:14px;padding:24px;}
.step4 .n{font-family:var(--mono);font-size:12.5px;letter-spacing:.12em;color:var(--ambar);background:var(--marinho);display:inline-block;padding:4px 10px;border-radius:6px;margin-bottom:14px;}
.step4 h3{font-size:19px;margin-bottom:6px;}
.step4 p{font-size:15px;color:var(--texto-claro);}

/* FAQ */
.faq4{max-width:820px;}
.faq4 .q{border-top:1px solid var(--hair-light);padding:22px 0;}
.faq4 .q:last-child{border-bottom:1px solid var(--hair-light);}
.faq4 h3{font-size:19px;line-height:1.3;margin-bottom:8px;font-weight:700;}
.faq4 p{font-size:16px;color:#2f3644;line-height:1.7;}

/* unidades em faixa */
.ustrip{display:grid;grid-template-columns:repeat(5,1fr);gap:12px;}
.ucell{background:#fff;border:1px solid var(--borda);border-top:3px solid var(--ambar);border-radius:12px;padding:16px;display:flex;flex-direction:column;gap:6px;transition:transform .5s var(--ease),box-shadow .5s var(--ease);}
.ucell:hover{transform:translateY(-3px);box-shadow:0 18px 34px -24px rgba(0,25,71,.5);}
.ucell .uf{align-self:flex-start;background:var(--azul-apoio);color:#fff;font-family:var(--mono);font-size:11.5px;padding:2px 8px;border-radius:4px;}
.ucell strong{font-family:var(--display);font-size:18px;color:var(--marinho);}
.ucell .ph{font-family:var(--mono);font-size:13px;color:var(--texto-claro);}
.ucell a.wa4{margin-top:6px;background:var(--ambar);color:var(--marinho);font-weight:700;font-size:13.5px;text-align:center;padding:9px;border-radius:8px;}
.ucell a.pg{font-size:13px;font-weight:600;color:var(--azul-apoio);}
.ucell a.pg:hover{text-decoration:underline;}

/* relacionados */
.rel4{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;}
.rcard{display:block;background:#fff;border:1px solid var(--borda);border-radius:14px;overflow:hidden;transition:transform .5s var(--ease),box-shadow .5s var(--ease);}
.rcard:hover{transform:translateY(-3px);box-shadow:0 20px 36px -26px rgba(0,25,71,.55);}
.rcard img{width:100%;height:auto;aspect-ratio:671/298;object-fit:cover;display:block;}
.rcard div{padding:14px 16px 16px;}
.rcard strong{display:block;font-family:var(--display);color:var(--marinho);font-size:17px;margin-bottom:2px;}
.rcard span{font-size:13.5px;color:var(--texto-claro);}

/* pagina de unidade */
.u-hero{display:grid;grid-template-columns:1.1fr .9fr;gap:48px;align-items:center;padding:28px 0 56px;}
.u-hero h1{font-size:clamp(32px,4.4vw,52px);line-height:1.04;margin-bottom:16px;}
.u-photo{border-radius:16px;overflow:hidden;box-shadow:0 28px 60px -34px rgba(0,25,71,.55);max-height:520px;}
.u-photo img{width:100%;height:100%;object-fit:cover;display:block;max-height:520px;}
.ucard4{background:#fff;border:1px solid var(--borda);border-top:4px solid var(--ambar);border-radius:14px;padding:6px 24px;box-shadow:var(--sombra);}
.urow4{display:grid;grid-template-columns:130px 1fr;gap:12px;padding:16px 0;border-bottom:1px solid var(--borda);font-size:16px;}
.urow4:last-child{border-bottom:none;}
.urow4 dt{color:var(--texto-claro);font-size:14px;}
.urow4 dd{margin:0;font-weight:600;color:var(--marinho);}
.urow4 dd a{color:var(--azul-apoio);}
.pend{display:inline-flex;align-items:center;gap:8px;background:#FFF4E5;border:1px dashed var(--laranja);color:#7a4300;border-radius:8px;padding:6px 12px;font-size:13.5px;font-weight:600;}
.prodgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:12px;}
.prodgrid a{display:block;background:#fff;border:1px solid var(--borda);border-radius:12px;padding:14px 16px;font-weight:600;color:var(--marinho);transition:border-color .4s var(--ease),transform .4s var(--ease);}
.prodgrid a:hover{border-color:var(--ambar);transform:translateY(-2px);}
.prodgrid a small{display:block;font-weight:400;color:var(--texto-claro);font-size:13px;margin-top:2px;}

/* grade da pagina Produtos / Unidades (links para as paginas novas) */
.go-page{display:inline-flex;align-items:center;gap:8px;color:#fff;font-weight:700;font-size:13px;margin-right:10px;}
.go-page::after{content:'→';}

/* rodape ampliado */
footer .cols.c4{grid-template-columns:1.3fr 1fr 1fr 1.1fr;}

@media (max-width:900px){
  .pp-hero,.u-hero{grid-template-columns:1fr;gap:28px;}
  .steps4{grid-template-columns:1fr;}
  .ustrip{grid-template-columns:repeat(2,1fr);}
  .rel4{grid-template-columns:repeat(2,1fr);}
  footer .cols.c4{grid-template-columns:1fr 1fr;}
}
@media (max-width:600px){
  .wrap4{padding:0 20px;}
  .sec4{padding:44px 0;}
  .ustrip{grid-template-columns:1fr;}
  .rel4{grid-template-columns:1fr;}
  .urow4{grid-template-columns:1fr;gap:2px;}
  footer .cols.c4{grid-template-columns:1fr;}
}

.mini{margin:18px 0 0;display:grid;grid-template-columns:1fr 1fr;gap:10px;}
.mini div{background:#fff;border:1px solid var(--borda);border-left:3px solid var(--ambar);border-radius:10px;padding:12px 14px;}
.mini dt{font-size:12.5px;color:var(--texto-claro);margin-bottom:2px;}
.mini dd{margin:0;font-weight:700;color:var(--marinho);font-size:15px;font-family:var(--display);}
footer img.logo{width:auto;max-width:100%;}
header img.logo{width:auto;}
@media (max-width:600px){.mini{grid-template-columns:1fr;}}

/* ===== HERO da home: texto + vídeo lado a lado em tela larga (o vídeo não ocupa mais a tela inteira) ===== */
@media (min-width:1000px){
  .hero .wrap{display:grid !important;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);grid-template-rows:auto auto;column-gap:48px;row-gap:14px;align-content:center;padding-top:44px !important;padding-bottom:36px !important;}
  .hero-top{display:contents !important;}
  .hero .ht-left{grid-column:1;grid-row:1;align-self:end;}
  .hero .ht-right{grid-column:1;grid-row:2;align-self:start;}
  .hero .hero-video{grid-column:2;grid-row:1 / span 2;align-self:center;width:100% !important;min-width:0 !important;max-width:min(1100px,max(560px,calc((100vh - 235px) * 1.7778)));justify-self:end;margin:0 !important;}
}
/* cabeçalho: não invade o menu em telas médias e fica mais baixo em telas baixas */
header nav a{white-space:nowrap;}
@media (max-width:1240px) and (min-width:901px){
  header{padding:0 64px !important;height:100px !important;}
  header img.logo{height:68px !important;}
  header nav{gap:22px !important;}
  header nav a{font-size:14px !important;}
}
@media (min-width:1241px) and (max-height:860px){
  header{height:104px !important;}
  header img.logo{height:80px !important;}
}

/* botões do hero sempre empilhados, em qualquer largura */
.hero .cta-row{display:flex !important;flex-direction:column !important;align-items:flex-start !important;gap:12px !important;}

@media (min-width:1300px){.hero .wrap{grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr) !important;}}