/* Formatos da oferta parceira (23/09/2026). So chega a Android humano: o servidor decide.
   Ambar para dinheiro; nada de verde nem logo de WhatsApp (quem clica esperando conversa se sente enganado). */
:root{--gro-ambar:#f59e0b;--gro-laranja:#ea580c;--gro-tinta:#0f172a;--gro-cinza:#475569;--gro-fundo:#fffbeb;--gro-borda:#fcd34d}
.gro-rotulo{display:inline-block;font:700 10px/1 system-ui,sans-serif;letter-spacing:.06em;text-transform:uppercase;color:#92400e;background:#fef3c7;border:1px solid var(--gro-borda);border-radius:4px;padding:3px 6px;margin-bottom:.5rem}
.gro-card,.gro-meio{background:var(--gro-fundo);border:1px solid var(--gro-borda);border-radius:12px;padding:1rem 1.1rem;margin:1.4rem 0;color:var(--gro-tinta)}
.gro-card-titulo,.gro-meio-titulo{font-weight:800;font-size:1.05rem;margin:0 0 .35rem;line-height:1.3}
.gro-card-texto,.gro-meio-texto{margin:0 0 .8rem;font-size:.95rem;line-height:1.5;color:#1e293b}
.gro-vpn{display:block;margin-top:.4rem;font-size:.85rem;color:var(--gro-cinza)}
.gro-acoes{display:flex;flex-wrap:wrap;align-items:center;gap:.6rem 1rem}
.gro-botao{display:inline-block;background:linear-gradient(180deg,var(--gro-ambar),var(--gro-laranja));color:#fff!important;font-weight:800;text-decoration:none!important;border-radius:999px;padding:.65rem 1.2rem;font-size:.95rem;box-shadow:0 2px 6px rgba(234,88,12,.3)}
.gro-botao-grande{display:block;text-align:center;padding:.85rem 1.2rem;font-size:1.05rem;margin:1rem 0 .5rem}
.gro-link{color:#9a3412!important;font-weight:600;font-size:.9rem}
.gro-link-centro{display:block;text-align:center;margin-bottom:.8rem}
.gro-cta{margin:1.4rem 0}
.gro-so-android{background:#f1f5f9;border:1px solid #cbd5e1;border-radius:10px;padding:.8rem 1rem;margin:0;color:var(--gro-tinta)}

/* barra fixa -> vira a pilula quando minimizada */
.gro-barra{position:fixed;left:8px;right:8px;bottom:calc(8px + var(--gro-base,0px) + env(safe-area-inset-bottom,0px));z-index:2147483000;display:flex;align-items:center;gap:.5rem;background:#fff;color:var(--gro-tinta);border:1px solid var(--gro-borda);border-radius:14px;box-shadow:0 6px 24px rgba(15,23,42,.18);padding:.55rem .5rem .55rem .75rem;max-width:620px;margin:0 auto}
.gro-barra[hidden],.gro-pilula[hidden],.gro-modal[hidden]{display:none!important}
.gro-barra .gro-rotulo{margin:0;flex-shrink:0}
.gro-barra-texto{flex:1;min-width:0;background:none;border:0;padding:0;text-align:left;font:600 .85rem/1.3 system-ui,sans-serif;color:var(--gro-tinta);cursor:pointer}
.gro-barra-botao{flex-shrink:0;background:linear-gradient(180deg,var(--gro-ambar),var(--gro-laranja));color:#fff;border:0;border-radius:999px;font:800 .85rem/1 system-ui,sans-serif;padding:.55rem .9rem;cursor:pointer}
.gro-fechar{flex-shrink:0;background:none;border:0;font-size:1.4rem;line-height:1;color:var(--gro-cinza);padding:.2rem .4rem;cursor:pointer}
.gro-pilula{position:fixed;right:14px;bottom:calc(14px + var(--gro-base,0px) + env(safe-area-inset-bottom,0px));z-index:2147483000;display:flex;align-items:center;gap:.45rem;background:linear-gradient(180deg,var(--gro-ambar),var(--gro-laranja));color:#fff;border:0;border-radius:999px;font:800 .9rem/1 system-ui,sans-serif;padding:.8rem 1rem;box-shadow:0 6px 20px rgba(234,88,12,.45);cursor:pointer}
/* pagina de destino: capa = criativo oficial, inteira e no formato original (a capa padrao corta a 420/250 px) */
.blog-post-hero.gro-capa-landing{height:auto!important;background:#0b1a4a}
.gro-capa-landing img{height:auto!important;object-fit:contain!important;display:block}
a.gro-pilula{text-decoration:none!important;color:#fff!important}
.gro-pulsa{animation:gro-pulso 1.2s ease-in-out 3}
@keyframes gro-pulso{0%,100%{transform:scale(1)}50%{transform:scale(1.08)}}
@media (prefers-reduced-motion:reduce){.gro-pulsa{animation:none}}

/* modal: aberto so por clique (tela cheia que abre sozinha o Google pune) */
.gro-modal{position:fixed;inset:0;z-index:2147483001;display:flex;align-items:flex-end;justify-content:center}
.gro-modal-fundo{position:absolute;inset:0;background:rgba(15,23,42,.55)}
.gro-modal-caixa{position:relative;background:#fff;color:var(--gro-tinta);width:100%;max-width:480px;max-height:90vh;overflow-y:auto;border-radius:18px 18px 0 0;padding:1.3rem 1.2rem calc(1.2rem + env(safe-area-inset-bottom,0px))}
@media (min-width:640px){.gro-modal{align-items:center}.gro-modal-caixa{border-radius:18px}}
.gro-modal-fechar{position:absolute;top:.5rem;right:.6rem;background:none;border:0;font-size:1.7rem;line-height:1;color:var(--gro-cinza);cursor:pointer;padding:.2rem .5rem}
.gro-modal-titulo{font-size:1.3rem;font-weight:800;margin:.2rem 0 .7rem;line-height:1.25}
.gro-modal-lista{margin:0;padding-left:1.1rem;font-size:.95rem;line-height:1.5}
.gro-modal-lista li{margin-bottom:.45rem}
.gro-modal-outra{border-top:1px solid #e2e8f0;padding-top:.8rem;margin-top:.4rem;font-size:.88rem}
.gro-modal-outra p{margin:0 0 .35rem}
.gro-modal-aviso{font-size:.78rem;color:var(--gro-cinza);margin:.9rem 0 0}
html.gro-travado{overflow:hidden}
