/* Portal Fixwash — camada institucional (Etapa 1) */
:root{ --fx-navy:#0E2A3D; --fx-navy-2:#143B56; }

/* topo: marca forte, menu de portal */
.top .brand span.fx-tag{font-size:12px;font-weight:600;color:var(--muted);text-transform:uppercase;letter-spacing:.8px;border-left:1px solid var(--line);padding-left:12px;margin-left:4px;line-height:1.2;max-width:170px}
@media (max-width:720px){ .top .brand span.fx-tag{display:none} }

/* hero institucional (reaproveita o hero e a busca existentes) */
.fx-hero h1{max-width:20ch}
.fx-hero > div:first-child > p{max-width:60ch}

/* diferenciais */
.fx-dif{display:grid;grid-template-columns:repeat(4,1fr);gap:0;background:var(--fx-navy);color:#fff;border-radius:var(--radius);margin:34px 0;overflow:hidden}
.fx-dif-item{display:flex;gap:14px;padding:22px 20px;border-right:1px solid rgba(255,255,255,.12)}
.fx-dif-item:last-child{border-right:0}
.fx-dif-item h3{color:#fff;font-size:16px;margin-bottom:4px}
.fx-dif-item p{margin:0;font-size:14px;line-height:1.5;color:rgba(255,255,255,.78)}
.fx-ico{flex:none;display:inline-flex;width:40px;height:40px;border-radius:50%;align-items:center;justify-content:center;background:var(--brand);color:#fff}
.fx-ico svg{width:22px;height:22px}
@media (max-width:960px){ .fx-dif{grid-template-columns:1fr 1fr} .fx-dif-item:nth-child(2){border-right:0} .fx-dif-item:nth-child(-n+2){border-bottom:1px solid rgba(255,255,255,.12)} }
@media (max-width:560px){ .fx-dif{grid-template-columns:1fr} .fx-dif-item{border-right:0;border-bottom:1px solid rgba(255,255,255,.12)} .fx-dif-item:last-child{border-bottom:0} }

/* seções */
.fx-sec{margin:44px 0}
.fx-sec-head{margin-bottom:18px}
.fx-sec-head h2{margin-top:6px}
.fx-row{display:flex;justify-content:space-between;align-items:flex-end;gap:16px;flex-wrap:wrap}
.fx-vertodas{font-weight:700;text-decoration:none;white-space:nowrap}

/* grade de marcas */
.fx-marcas{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:14px}
.fx-marca{border:1px solid var(--line);border-radius:var(--radius);background:#fff;display:flex;flex-direction:column;transition:border-color .15s,box-shadow .15s}
.fx-marca:hover{border-color:var(--brand);box-shadow:0 6px 20px rgba(14,42,61,.08)}
.fx-marca-logo{display:flex;align-items:center;justify-content:center;height:96px;padding:16px;border-bottom:1px solid var(--line);text-decoration:none}
.fx-marca-logo img{max-height:56px;max-width:80%;object-fit:contain}
.fx-marca-nome{font-size:22px;font-weight:800;color:var(--fx-navy);letter-spacing:-.3px;text-align:center}
.fx-marca-info{padding:12px 14px 4px;display:flex;flex-direction:column;gap:2px}
.fx-marca-info span{font-size:13px}
.fx-marca-acoes{padding:8px 14px 14px;display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap;font-size:14px;font-weight:600;margin-top:auto}
.fx-marca-acoes a{text-decoration:none}
.fx-marca-acoes .fx-loja{color:var(--green)}

/* públicos */
.fx-pub{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.fx-pub.fx-3{grid-template-columns:repeat(3,1fr)}
.fx-pub-item{background:var(--soft);border-radius:var(--radius);padding:20px}
.fx-pub-item h3{margin-bottom:6px}
.fx-pub-item .fx-ico{margin-bottom:12px}
.fx-pub-item p{margin:0;color:var(--gray);font-size:15px}
@media (max-width:960px){ .fx-pub,.fx-pub.fx-3{grid-template-columns:1fr 1fr} }
@media (max-width:560px){ .fx-pub,.fx-pub.fx-3{grid-template-columns:1fr} }

/* faixa institucional */
.fx-inst{display:grid;grid-template-columns:1.3fr 1fr;gap:28px;align-items:center;background:linear-gradient(135deg,var(--fx-navy),var(--fx-navy-2));color:#fff;border-radius:var(--radius);padding:34px;margin:44px 0}
.fx-inst .label{color:var(--brand)}
.fx-inst h2{color:#fff;margin:8px 0 12px}
.fx-inst p{color:rgba(255,255,255,.82);margin:0}
.fx-nums{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:0}
.fx-nums div{background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.12);border-radius:var(--radius);padding:14px 16px;display:flex;flex-direction:column-reverse}
.fx-nums dd{margin:0;font-size:30px;font-weight:800;color:#fff;line-height:1.1}
.fx-nums dt{font-size:13px;color:rgba(255,255,255,.72)}
.fx-cta{display:flex;gap:10px;flex-wrap:wrap;margin-top:20px}
.fx-inst .btn.ghost{background:transparent;color:#fff;border:1px solid rgba(255,255,255,.5)}
@media (max-width:860px){ .fx-inst{grid-template-columns:1fr;padding:24px} }

/* páginas */
.fx-page-head{margin-bottom:24px}
.fx-page-head h1{margin:6px 0 8px}
.fx-page-head p{max-width:62ch;margin:0}
.fx-nao-achou{display:flex;justify-content:space-between;align-items:center;gap:18px;flex-wrap:wrap;border:1px dashed var(--brand);background:var(--brand-soft);border-radius:var(--radius);padding:20px;margin-top:28px}
.fx-nao-achou p{margin:4px 0 0;color:var(--gray)}
.fx-sobre-hero{padding:18px 0 8px;max-width:820px}
.fx-sobre-hero h1{margin:8px 0 14px}
.fx-sobre-hero p{font-size:18px;color:var(--gray);margin:0}
.fx-contato{display:grid;grid-template-columns:1.4fr 1fr;gap:28px;align-items:center;border:1px solid var(--line);border-radius:var(--radius);padding:28px;margin:44px 0 0}
.fx-contato h2{margin:6px 0 14px}
.fx-contato-lista{list-style:none;padding:0;margin:0;display:grid;gap:10px}
.fx-contato-lista .label{display:block}
.fx-cta-col{flex-direction:column;margin:0}
.fx-cta-col .btn{justify-content:center}
@media (max-width:760px){ .fx-contato{grid-template-columns:1fr;padding:20px} }

/* rodapé institucional */
.fx-foot-portal a{text-decoration:none}