/* Cabeçalho institucional refinado */
@media (min-width:761px){
  .topbar{height:44px;border-bottom:1px solid #e4ebe6;background:#fff}
  .topbar .wrap{width:min(var(--container),calc(100% - (var(--gutter) * 2)));height:43px;grid-template-columns:auto minmax(0,1fr);gap:28px}
  .topbar-social{gap:9px;padding-right:24px}
  .topbar-social a{width:28px;height:28px;min-width:28px;border-color:#d7e3da}
  .topbar-social a i{font-size:12px}
  .topbar-tools{width:100%;gap:clamp(18px,1.75vw,28px)}
  .topbar-tools>.topbar-esic{min-height:28px;padding:0 13px;border-radius:999px}
  .topbar-tools-divider{height:22px;margin-right:auto}
  .topbar-tools>button,.topbar-tools>a{font-size:9px}
  .brandbar{height:118px;gap:22px}
  .official-brand{width:clamp(275px,23vw,322px)}
  .brand-official-logo,.official-brand .custom-logo{max-height:82px}
  .header-status{gap:0;margin-left:auto}
  .status-item{min-width:0;padding:0 clamp(13px,1.35vw,20px);gap:10px}
  .weather-status{padding-left:0}
  .date-status{min-width:145px}
  .hours-status{min-width:165px}
  .status-item svg,.weather-icon,.weather-icon svg{width:27px;height:27px}
  .status-item b{font-size:12px;line-height:1.2}
  .status-item small{margin-top:4px;font-size:7.5px;line-height:1.25}
  .status-divider{height:52px;background:#d9e2dc}
  .header-divider{height:52px;margin:0 0 0 2px;background:#d9e2dc}
  .brandbar .header-actions{gap:11px}
  .brandbar .phone{gap:11px;padding:0 2px 0 0}
  .brandbar .phone svg{width:27px;height:27px}
  .brandbar .phone b{font-size:13px;letter-spacing:.05px}
  .brandbar .phone small{font-size:8px}
  .brandbar .outline-btn,.brandbar .solid-btn{height:44px;border-radius:10px;font-size:11px;font-weight:800}
  .brandbar .outline-btn{padding:0 16px;background:#fff}
  .brandbar .solid-btn{padding:0 19px;background:linear-gradient(135deg,#08713d,#005629);box-shadow:0 7px 16px rgba(0,86,41,.18)}
  .brandbar .outline-btn:hover,.brandbar .outline-btn:focus-visible{background:#f2f8f4;box-shadow:0 0 0 3px rgba(0,91,42,.09);outline:0}
  .brandbar .solid-btn:hover,.brandbar .solid-btn:focus-visible{background:linear-gradient(135deg,#075f35,#004721);box-shadow:0 9px 20px rgba(0,76,36,.23);outline:0}
  .brandbar .outline-btn svg,.brandbar .solid-btn svg{width:18px;height:18px}
}

@media (max-width:1320px) and (min-width:1241px){
  .brandbar{gap:14px}
  .official-brand{width:270px}
  .status-item{padding-inline:11px}
  .date-status{min-width:132px}
  .hours-status{min-width:150px}
  .brandbar .header-actions{gap:8px}
  .brandbar .outline-btn,.brandbar .solid-btn{padding-inline:12px;font-size:10px}
}

@media (max-width:1240px) and (min-width:1001px){
  .brandbar{height:106px}
  .official-brand{width:clamp(235px,26vw,275px)}
  .header-status{gap:0}
  .weather-status{padding-right:15px}
  .header-divider{height:45px}
  .brandbar .outline-btn,.brandbar .solid-btn{height:41px;border-radius:9px;font-size:10px}
}

@media (max-width:1020px) and (min-width:761px){
  .topbar{height:40px}
  .topbar .wrap{height:39px;gap:13px}
  .topbar-social{gap:5px;padding-right:12px}
  .topbar-social a{width:24px;height:24px;min-width:24px}
  .topbar-tools{gap:10px}
  .topbar-tools-divider{height:18px}
  .topbar-tools>button,.topbar-tools>a{font-size:8px}
  .topbar-tools>.topbar-esic{min-height:25px;padding-inline:9px}
}

@media (max-width:1000px) and (min-width:761px){
  .brandbar{height:98px;gap:14px}
  .official-brand{width:clamp(220px,29vw,265px)}
  .brandbar .header-actions{margin-left:auto}
  .brandbar .outline-btn,.brandbar .solid-btn{height:40px;padding-inline:12px;font-size:9px}
  .brandbar .phone b{font-size:11px}
}
