/* Janela do formulário e da lista de lojas, no mesmo visual de cartela do site */
.evoo-modal-aberto { overflow: hidden; }
.evoo-modal { border: 0; padding: var(--margem); background: transparent; max-width: 100vw; max-height: 100vh; width: 100%; height: 100%; margin: 0; display: grid; place-items: center; }
.evoo-modal::backdrop { background: rgb(51 47 31 / .55); }
.evoo-modal__caixa { position: relative; width: min(560px, 100%); max-height: calc(100vh - 2 * var(--margem)); overflow: auto; background: var(--offwhite); border: var(--borda-preta); border-radius: var(--raio-card); box-shadow: var(--sombra-preta); padding: clamp(24px, 4vw, 40px); display: grid; gap: 14px; justify-items: start; color: var(--marrom); font-family: var(--texto); }
.evoo-modal__caixa h2 { font-size: clamp(1.75rem, 1.2rem + 2vw, 2.5rem); }
.evoo-modal__sub { margin-top: -4px; }
.evoo-modal__fechar { position: absolute; top: 14px; right: 14px; width: 44px; height: 44px; border-radius: 50%; border: var(--borda-preta); background: var(--amarelo); color: var(--preto); font: 800 24px/1 var(--texto); cursor: pointer; }
.evoo-form { display: grid; gap: 12px; width: 100%; }
.evoo-form label, .evoo-lojas__filtro { display: grid; gap: 6px; font-weight: 700; font-size: 15px; color: var(--preto); }
.evoo-form input, .evoo-form select, .evoo-form textarea, .evoo-lojas__filtro select { font: 500 17px/1.3 var(--texto); padding: 12px 14px; border: var(--borda); border-radius: var(--raio-selo); background: var(--branco); color: var(--preto); width: 100%; }
.evoo-form textarea { resize: vertical; }
.evoo-form__linha { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; }
.evoo-form__linha:has(.evoo-form__uf) { grid-template-columns: 1fr 96px; }
.evoo-form__erro { color: #B3261E; font-weight: 700; font-size: 15px; }
.evoo-form .btn { justify-self: start; margin-top: 4px; border: 0; cursor: pointer; font-family: var(--texto); }
.evoo-lojas { list-style: none; margin: 0; padding: 0; display: grid; gap: 10px; width: 100%; }
.evoo-loja { display: grid; gap: 4px; padding: 14px 16px; border: var(--borda); border-radius: var(--raio-selo); background: var(--branco); }
.evoo-loja strong { color: var(--preto); }
.evoo-loja__acoes { display: flex; flex-wrap: wrap; gap: 14px; font-weight: 700; }
@media (max-width: 520px) { .evoo-form__linha { grid-template-columns: 1fr; } .evoo-form__linha:has(.evoo-form__uf) { grid-template-columns: 1fr 88px; } }