/* Abrasel — Seletor de região
   Estilo do pop-up. Prefixo .abr- para não colidir com o CSS do site.
   O botão que abre o pop-up continua com o estilo do próprio site. */

.abr-overlay{
  position:fixed; inset:0; z-index:9999;
  background:rgba(10,12,16,.55);
  display:flex; align-items:flex-start; justify-content:center;
  padding:16px; overflow:auto;
  font-family:inherit;
}
.abr-overlay[hidden]{display:none !important}

.abr-modal{
  background:#fff; color:#171a20;
  border-radius:16px; width:100%; max-width:440px; margin:auto;
  padding:22px; display:flex; flex-direction:column; gap:16px;
  box-shadow:0 20px 60px rgba(10,12,16,.30);
  font-size:15px; line-height:1.5; text-align:left;
  box-sizing:border-box;
}
.abr-modal *{box-sizing:border-box}

.abr-head{display:flex; align-items:flex-start; justify-content:space-between; gap:12px}
.abr-head h2{
  margin:0; font-size:20px; line-height:1.2; font-weight:700; color:#171a20;
  font-family:inherit;
}
.abr-head p{margin:4px 0 0; font-size:13px; color:#5c636f}
.abr-close{
  background:transparent; border:0; color:#5c636f; font-size:26px; line-height:1;
  padding:0 6px; border-radius:6px; cursor:pointer; font-family:inherit;
}
.abr-close:hover{background:#f2f4f7; color:#171a20}

.abr-field{display:flex; flex-direction:column; gap:6px; position:relative}
.abr-field label{
  font-size:12px; font-weight:600; letter-spacing:.06em; text-transform:uppercase;
  color:#5c636f; margin:0;
}
.abr-field select,
.abr-field input[type=text]{
  font:inherit; font-size:15px; color:#171a20;
  padding:11px 12px; border-radius:9px; border:1px solid #dde1e8;
  background:#f2f4f7; width:100%; min-width:0; margin:0;
}
.abr-field input:disabled{opacity:.5}
.abr-field select:focus, .abr-field input:focus{outline:2px solid #d9480f; outline-offset:1px}

.abr-ac{
  position:absolute; top:100%; left:0; right:0; z-index:5;
  background:#fff; border:1px solid #dde1e8; border-radius:9px; margin-top:4px;
  max-height:210px; overflow:auto; box-shadow:0 8px 24px rgba(16,20,28,.14);
}
.abr-ac[hidden]{display:none !important}
.abr-ac div{padding:9px 12px; cursor:pointer; font-size:14px; color:#171a20}
.abr-ac div[aria-selected=true], .abr-ac div:hover{background:#fdf0e8}
.abr-ac .abr-vazio{color:#5c636f; cursor:default}

.abr-result{
  background:#fdf0e8; border:1px solid #f0d9c8; border-radius:12px;
  padding:16px; display:flex; flex-direction:column; gap:12px;
}
.abr-result[hidden]{display:none !important}
.abr-tag{
  align-self:flex-start; font-size:11px; font-weight:600; letter-spacing:.08em;
  text-transform:uppercase; color:#d9480f; background:#fff;
  border:1px solid #f0d9c8; border-radius:999px; padding:3px 9px;
}
.abr-result h3{margin:0; font-size:16px; font-weight:700; color:#171a20; line-height:1.25; font-family:inherit}
.abr-result p{margin:0; font-size:13px; color:#5c636f}

.abr-cta{
  display:flex; align-items:center; justify-content:center; gap:8px;
  font:inherit; font-size:15px; font-weight:600; text-align:center;
  padding:13px 18px; border-radius:9px; border:0; text-decoration:none;
  color:#fff; cursor:pointer;
}
.abr-cta:hover{filter:brightness(1.07); color:#fff; text-decoration:none}
.abr-cta-wa{background:#0f7a41}
.abr-cta-mail{background:#2749b8}

@media (max-width:420px){
  .abr-modal{padding:18px}
  .abr-head h2{font-size:18px}
}