/* U-Send Box — complementos do tema WordPress (o design está em base.css). */

/* Fontes hospedadas no próprio tema (sem Google Fonts, melhor para LGPD e velocidade) */
@font-face{font-family:'Inter';font-style:normal;font-weight:400;font-display:swap;src:url(../fonts/inter-latin-400-normal.woff2) format('woff2')}
@font-face{font-family:'Inter';font-style:normal;font-weight:500;font-display:swap;src:url(../fonts/inter-latin-500-normal.woff2) format('woff2')}
@font-face{font-family:'Inter';font-style:normal;font-weight:600;font-display:swap;src:url(../fonts/inter-latin-600-normal.woff2) format('woff2')}
@font-face{font-family:'Inter';font-style:normal;font-weight:700;font-display:swap;src:url(../fonts/inter-latin-700-normal.woff2) format('woff2')}
@font-face{font-family:'Poppins';font-style:normal;font-weight:500;font-display:swap;src:url(../fonts/poppins-latin-500-normal.woff2) format('woff2')}
@font-face{font-family:'Poppins';font-style:normal;font-weight:600;font-display:swap;src:url(../fonts/poppins-latin-600-normal.woff2) format('woff2')}
@font-face{font-family:'Poppins';font-style:normal;font-weight:700;font-display:swap;src:url(../fonts/poppins-latin-700-normal.woff2) format('woff2')}

[hidden]{display:none!important}
.skip{position:absolute;left:12px;top:-60px;z-index:100;background:#fff;color:#0B1A3F;padding:10px 16px;border-radius:999px;font-weight:600;text-decoration:none}
.skip:focus{top:12px}
.screen-reader-text{border:0;clip:rect(1px,1px,1px,1px);clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;word-wrap:normal!important}
body.admin-bar .hdr{top:32px}
@media (max-width:782px){body.admin-bar .hdr{top:46px}}

/* ---------- Animações ----------
   Entrada: .in / .pop (ao carregar, base.css)
   Rolagem: .rv aparece quando entra na tela (main.js), com curva suave e cascata */
.js .rv{opacity:0;transform:translate3d(0,40px,0);transition:opacity 1s cubic-bezier(.16,1,.3,1) var(--rv-d,0ms),transform 1.1s cubic-bezier(.16,1,.3,1) var(--rv-d,0ms);will-change:opacity,transform}
.js .rv.is-in{opacity:1;transform:none}
.js .bx.rv,.js .plan.rv,.js .tk.rv,.js .post.rv,.js .c.rv,.js .step.rv,.js .q.rv,.js .rule.rv,.js .tl.rv{transform:translate3d(0,48px,0) scale(.97)}
.js .split .pic.rv{transform:translate3d(0,40px,0) scale(.96);clip-path:inset(8% 8% 8% 8% round 24px);transition:opacity 1s cubic-bezier(.16,1,.3,1),transform 1.2s cubic-bezier(.16,1,.3,1),clip-path 1.2s cubic-bezier(.16,1,.3,1)}
.js .split .pic.rv.is-in{clip-path:inset(0 0 0 0 round 24px);transform:none}
.js .rv.is-in{transform:none}
@media (prefers-reduced-motion:reduce){.js .rv{opacity:1;transform:none;clip-path:none;transition:none}}

/* ---------- Menu do celular ---------- */
.drawer{display:block}

/* ---------- Perguntas frequentes ---------- */
.fqb[aria-expanded="true"] .plus{transform:rotate(45deg)}
.plus{transition:transform .3s cubic-bezier(.16,1,.3,1)}

/* ---------- Simulador ---------- */
.seg button[aria-pressed="true"]{background:#FFFFFF;color:#0B1A3F;box-shadow:0 2px 6px rgba(11,26,63,.15)}
.ship .badge{background:#EEF2F8;color:#4A5A7A}
.ship.is-on{border-color:#1461ED;background:#F2F6FF;box-shadow:0 0 0 1px #1461ED}
.ship.is-on .badge{background:#1461ED;color:#FFFFFF}
.ship.is-na{opacity:.45;cursor:not-allowed}

/* ---------- Recompensas ---------- */
.tk.is-done{border-color:#9ED9B4;background:#F4FBF7}
.tk.is-done [data-status]{color:#11733A}
.tk [data-status]{color:#5B6A8A}
.hp{position:absolute!important;left:-9999px!important;width:1px;height:1px;overflow:hidden}
.rw-msg{margin:0;padding:12px 14px;border-radius:14px;font-size:14.5px;font-weight:500}
.rw-msg.ok{background:#E8F7EE;color:#11733A}
.rw-msg.err{background:#FDECEF;color:#9B0A2C}

/* ---------- Botão flutuante de WhatsApp ---------- */
.wa-float{position:fixed;bottom:20px;z-index:90;display:inline-flex;align-items:center;gap:10px;min-height:58px;padding:0 20px 0 15px;border-radius:999px;background:#25D366;color:#FFFFFF;font-weight:600;font-size:15px;text-decoration:none;box-shadow:0 14px 30px -10px rgba(7,94,84,.6),0 4px 10px rgba(0,0,0,.12);transition:transform .35s cubic-bezier(.16,1,.3,1),box-shadow .35s;animation:wa-in .8s cubic-bezier(.16,1,.3,1) 1.2s both}
.wa-float:hover{transform:translateY(-3px);color:#FFFFFF;box-shadow:0 20px 36px -12px rgba(7,94,84,.7),0 6px 14px rgba(0,0,0,.14)}
.wa-float:focus-visible{outline:3px solid #0B1A3F;outline-offset:3px}
.wa-right{right:20px}.wa-left{left:20px}
.wa-icon-only{width:58px;padding:0;justify-content:center}
.wa-float::after{content:"";position:absolute;inset:0;border-radius:inherit;box-shadow:0 0 0 0 rgba(37,211,102,.55);animation:wa-pulse 2.6s cubic-bezier(.16,1,.3,1) 2.4s infinite;pointer-events:none}
@keyframes wa-in{from{opacity:0;transform:translateY(24px) scale(.9)}to{opacity:1;transform:none}}
@keyframes wa-pulse{0%{box-shadow:0 0 0 0 rgba(37,211,102,.5)}70%{box-shadow:0 0 0 16px rgba(37,211,102,0)}100%{box-shadow:0 0 0 0 rgba(37,211,102,0)}}
@media (max-width:767px){.wa-float{bottom:16px;min-height:54px}.wa-right{right:14px}.wa-left{left:14px}.wa-float span{display:none}.wa-float{width:54px;padding:0;justify-content:center}.wa-no-mobile{display:none}}
@media (prefers-reduced-motion:reduce){.wa-float,.wa-float::after{animation:none}}

/* ---------- Blog e artigos (conteúdo do editor) ---------- */
.prose img{max-width:100%;height:auto;border-radius:18px}
.prose h3{font-size:20px;margin:28px 0 10px;color:var(--ink)}
.prose a{color:var(--blue)}
.prose blockquote{margin:24px 0;padding:16px 20px;border-left:4px solid var(--blue);background:var(--soft);border-radius:0 16px 16px 0}
.prose figure{margin:24px 0}
.prose figcaption{font-size:13px;color:#5B6A8A;margin-top:8px}
.prose table{width:100%;border-collapse:collapse;font-size:15px;margin:0 0 18px}
.prose th,.prose td{border:1px solid var(--line);padding:10px 12px;text-align:left}
.prose .wp-block-button__link{display:inline-flex;align-items:center;min-height:48px;padding:0 22px;border-radius:999px;background:var(--blue);color:#fff;text-decoration:none;font-weight:600}
.alignwide{max-width:none}
.aligncenter{margin-left:auto;margin-right:auto;display:block}
.cats a.cat{display:inline-flex;align-items:center;text-decoration:none}
.cats a.cat[aria-current="page"]{background:#0B1A3F;color:#FFFFFF;border-color:#0B1A3F}
.pager{display:flex;gap:8px;justify-content:center;margin-top:32px;flex-wrap:wrap}
.pager .page-numbers{display:inline-grid;place-items:center;min-width:44px;height:44px;padding:0 12px;border-radius:999px;border:1px solid var(--line);color:var(--ink);text-decoration:none;font-weight:600}
.pager .page-numbers.current{background:#0B1A3F;color:#fff;border-color:#0B1A3F}
.empty{padding:48px 24px;text-align:center;border:1px dashed var(--line);border-radius:24px;color:var(--muted)}
.comments{max-width:68ch;margin-top:48px}

/* Títulos longos (artigos) quebram linha normalmente */
.phero h1{white-space:normal;overflow-wrap:anywhere}
.usb-post .phero h1{overflow-wrap:break-word}

/* Comentários */
.comments h2,.comments .comment-reply-title{font-family:'Poppins',sans-serif;font-size:22px;margin:0 0 12px}
.comment-list{list-style:none;padding:0;display:grid;gap:16px}
.comment-list .comment-body{border:1px solid var(--line);border-radius:18px;padding:16px}
.comment-form{display:grid;gap:12px}
.comment-form label{display:block;font-weight:600;font-size:14px;margin-bottom:6px}
.comment-form input[type=text],.comment-form input[type=email],.comment-form input[type=url],.comment-form textarea{width:100%;border:1.5px solid #D5DDEA;border-radius:14px;padding:12px 14px;font:inherit;font-size:15px;box-sizing:border-box}
.comment-form textarea{min-height:140px}
.comment-form .submit{min-height:48px;padding:0 22px;border-radius:999px;border:0;background:var(--blue);color:#fff;font:inherit;font-weight:600;cursor:pointer}
.drawer .btn{white-space:nowrap;font-size:14px;padding:0 12px}

/* Âncoras (#simulador, #regras…) param abaixo do header fixo */
html{scroll-behavior:smooth;scroll-padding-top:92px}
@media (min-width:1024px){html{scroll-padding-top:100px}}
html:has(body.admin-bar){scroll-padding-top:124px}
@media (min-width:1024px){html:has(body.admin-bar){scroll-padding-top:132px}}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
/* Blocos que são destino de âncora só aparecem (sem deslocar), para a rolagem parar no lugar certo */
.js [id].rv,.js [id] > .rv:first-child{transform:none!important;clip-path:none!important}