/* /precios do .es e do .co: vitrine por domínio (09/10/2026). Carregado só por
   resources/views-es/store/pages/precos-v4.blade.php, depois de precos.css, precos-abas.css e precos-v4.css.
   O .com.br não carrega este arquivo (precos-v4.css e precos.css ficam intocados). Tokens em rgb(var(--pb-*)). */

/* ---------- Fileira "IPv4 dedicado en:" na aba internacional ---------- */
.pr-paises { margin-top: 28px; }
.pr-paises .pr-h3 { margin-top: 0; }
.pr-paises__aviso { margin-top: 8px; max-width: 48rem; padding: 8px 12px; border: 1px solid rgb(var(--pb-line)); border-radius: 10px; background: rgb(var(--pb-surface-2)); font-size: 14px; line-height: 1.5; color: rgb(var(--pb-fg)); }
.pr-paises__list { margin: 12px 0 0; padding: 0; list-style: none; display: flex; flex-wrap: wrap; gap: 8px; }
.pr-pais { display: inline-flex; align-items: center; gap: 8px; min-height: 40px; padding: 7px 14px 7px 10px; border: 1px solid rgb(var(--pb-line)); border-radius: 999px; background: rgb(var(--pb-surface)); font-size: 14px; font-weight: 700; line-height: 1.2; color: rgb(var(--pb-fg)); text-decoration: none; transition: border-color .15s, color .15s; }
.pr-pais img { flex: none; width: 20px; height: 14px; border-radius: 2px; object-fit: cover; box-shadow: 0 0 0 1px rgb(var(--pb-line)); }
a.pr-pais:hover { border-color: rgb(var(--pb-accent) / .5); color: rgb(var(--pb-accent)); }
a.pr-pais:focus-visible { outline: 2px solid rgb(var(--pb-accent)); outline-offset: 2px; }
.pr-pais.is-off { opacity: .6; }
.pr-paises__price { margin-top: 10px; max-width: 48rem; font-size: 14px; line-height: 1.55; color: rgb(var(--pb-muted)); }
.pr-paises__price strong { font-size: 16px; font-weight: 800; color: rgb(var(--pb-fg)); }
.pr-paises__isp { margin-top: 6px; max-width: 48rem; font-size: 14px; line-height: 1.55; color: rgb(var(--pb-muted)); }
@media (max-width: 639px) {
    .pr-paises__list { gap: 6px; }
    .pr-pais { min-height: 36px; padding: 6px 12px 6px 8px; font-size: 13px; }
}

/* ---------- Link discreto para o bloco do Brasil, no fim da aba internacional ---------- */
.pr-br-link { margin-top: 20px; display: flex; flex-wrap: wrap; align-items: center; gap: 4px 8px; font-size: 13px; line-height: 1.5; color: rgb(var(--pb-muted)); }
.pr-br-link img { flex: none; width: 18px; height: 13px; border-radius: 2px; object-fit: cover; box-shadow: 0 0 0 1px rgb(var(--pb-line)); }
.pr-br-link a { font-weight: 600; color: rgb(var(--pb-accent)); }
.pr-br-link a:hover { text-decoration: underline; }

/* ---------- Bloco recolhido "¿Buscas IP de Brasil?" no fim dos planos ---------- */
.pr-br { margin: 12px 0 48px; border: 1px solid rgb(var(--pb-line)); border-radius: 16px; background: rgb(var(--pb-surface)); scroll-margin-top: 8.5rem; }
.pr-br[open] { border-color: rgb(var(--pb-accent) / .45); }
.pr-br > summary { position: relative; display: grid; grid-template-columns: 36px minmax(0, 1fr) auto; align-items: center; column-gap: 14px; padding: 16px 48px 16px 18px; cursor: pointer; list-style: none; }
.pr-br > summary::-webkit-details-marker { display: none; }
.pr-br > summary::after { content: ""; position: absolute; right: 20px; top: 50%; width: 9px; height: 9px; margin-top: -6px; border-right: 2px solid rgb(var(--pb-muted)); border-bottom: 2px solid rgb(var(--pb-muted)); transform: rotate(45deg); transition: transform .15s; }
.pr-br[open] > summary::after { transform: rotate(225deg); margin-top: -2px; }
.pr-br > summary:focus-visible { outline: 2px solid rgb(var(--pb-accent)); outline-offset: 2px; border-radius: 16px; }
.pr-br__flag { display: inline-flex; align-items: center; justify-content: center; width: 36px; height: 36px; border-radius: 10px; background: rgb(var(--pb-surface-2)); }
.pr-br__flag img { width: 24px; height: 17px; border-radius: 3px; object-fit: cover; box-shadow: 0 0 0 1px rgb(var(--pb-line)); }
.pr-br__txt { min-width: 0; font-size: 14px; line-height: 1.45; color: rgb(var(--pb-muted)); }
.pr-br__txt b { display: block; font-size: 16px; font-weight: 700; color: rgb(var(--pb-fg)); }
.pr-br__price { font-size: 14px; font-weight: 800; color: rgb(var(--pb-accent)); white-space: nowrap; }
.pr-br__body { padding: 0 18px; border-top: 1px solid rgb(var(--pb-line)); }
@media (max-width: 639px) {
    .pr-br > summary { grid-template-columns: 36px minmax(0, 1fr); padding: 14px 40px 14px 14px; }
    .pr-br > summary::after { right: 16px; }
    .pr-br__flag { grid-row: 1 / span 2; align-self: start; }
    .pr-br__price { grid-column: 2; margin-top: 4px; white-space: normal; }
    .pr-br__body { padding: 0 14px; }
}
@media (prefers-reduced-motion: reduce) { .pr-br > summary::after, .pr-pais { transition: none; } }