/* dapio — complementos ao styles.css da entrega V8.1: lista de espera, ícones
   de redes sem perfil, blog e 404. O styles.css fica como veio do Bruno. */

/* Lista de espera (ocupa a faixa escura final até o lançamento) */
.wl-sec .v5-final-inner{align-items:center}
.wl-sec .eyebrow{color:#d2c5b7;margin:0 0 20px}
.wl-sec h2.v5-title{font-size:clamp(34px,3.5vw,52px);line-height:1.08;max-width:680px;text-wrap:balance}
.wl-sec .v5-final-cta{max-width:440px;width:100%;flex:none;padding:0}
.wl{display:grid;gap:10px}
.wl select,.wl input{width:100%;min-height:50px;padding:12px 14px;border:1px solid #5a524b;border-radius:7px;background:#35302c;color:#fff;font:400 15px/1.4 Inter,Arial,sans-serif}
.wl input::placeholder{color:#b1a598}
.wl select{appearance:none;-webkit-appearance:none;padding-right:40px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 8'%3E%3Cpath d='M1 1.5l5 5 5-5' fill='none' stroke='%23d2c5b7' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 15px center;background-size:12px}
.wl select option{color:#2b2622;background:#fff}
.wl select:focus-visible,.wl input:focus-visible{outline:2px solid #ff6600;outline-offset:1px;border-color:#ff6600}
.wl .btn{width:100%;justify-content:center;cursor:pointer;font-family:inherit}
.wl .btn:disabled{opacity:.6;cursor:default;transform:none}
.wl-turnstile{min-height:65px}
.v5-final .wl-note{margin:2px 0 0;text-align:center;font-size:12px}
.wl-msg{display:none;margin:0 0 4px;padding:12px 14px;border-radius:7px;font-size:14px;line-height:1.5;font-weight:500}
.wl-msg.ok{display:block;background:#17382a;color:#bdf0d0}
.wl-msg.err{display:block;background:#4a1f1b;color:#ffcfc8}
.wl.done select,.wl.done input,.wl.done .wl-turnstile,.wl.done .btn,.wl.done .wl-note{display:none}
@media(max-width:650px){.wl-sec h2.v5-title{font-size:clamp(32px,9vw,44px)}.wl-sec .v5-final-cta{max-width:none;margin-top:26px}}

/* Rótulo de pré-lançamento é mais longo: o botão não quebra, o link desce */
.hero-actions .btn{white-space:nowrap}

/* Redes sociais ainda sem perfil: ícone apagado */
.v81-social-pending{opacity:.38;cursor:not-allowed}

/* Blog e 404, no mesmo padrão da home */
.pg-head h1 em,.pg-cta h2 em,.pg-nf h1 em{font-style:normal;color:var(--orange-text)}
.pg-head{padding:54px 0 46px;border-bottom:1px solid var(--line)}
.pg-crumbs{display:flex;flex-wrap:wrap;gap:9px;align-items:center;font-size:12px;color:var(--muted);margin-bottom:34px}
.pg-crumbs a:hover{color:var(--orange-text)}
.pg-head h1,.pg-nf h1{font-family:Outfit,Arial,sans-serif;font-weight:700;font-size:clamp(40px,5vw,72px);line-height:1.03;letter-spacing:-.05em;margin:22px 0 0;max-width:940px;text-wrap:balance}
.pg-head .lead{margin:22px 0 0}
.pg-posts{padding:56px 0 96px;background:#fff}
.pg-post-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px}
.pg-card{display:flex;flex-direction:column;border:1px solid var(--line);border-radius:9px;overflow:hidden;background:var(--cream);transition:transform .2s,box-shadow .2s}
.pg-card:hover{transform:translateY(-2px);box-shadow:0 14px 34px rgba(43,38,34,.09)}
.pg-card img{width:100%;height:auto;aspect-ratio:16/10;object-fit:cover}
.pg-card>div{display:flex;flex-direction:column;gap:11px;flex:1;padding:22px 22px 24px}
.pg-meta{margin:0;font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}
.pg-card h2{font-size:23px;line-height:1.2;letter-spacing:-.02em}
.pg-card p:not(.pg-meta){margin:0;font-size:14px;line-height:1.7;color:#605951}
.pg-card .text-link{margin-top:auto;align-self:flex-start}
.pg-article{padding:54px 0 96px;background:#fff}
.pg-article-wrap>*{max-width:720px}
.pg-article-wrap>p,.pg-article-wrap li{font-size:17px;line-height:1.8;color:#3d3732}
.pg-article-wrap>p{margin:0 0 20px}
.pg-article-wrap>h2{font-size:clamp(26px,2.6vw,34px);line-height:1.15;letter-spacing:-.03em;margin:46px 0 16px}
.pg-article-wrap>h3{font:600 20px/1.3 Outfit,Arial,sans-serif;letter-spacing:-.01em;margin:30px 0 10px}
.pg-article-wrap>ul,.pg-article-wrap>ol{margin:0 0 22px;padding-left:22px}
.pg-article-wrap li{margin-bottom:8px}
.pg-article-wrap>p a,.pg-article-wrap li a{color:var(--orange-text);border-bottom:1px solid currentColor}
.pullquote{margin:34px 0;padding:4px 0 4px 22px;border-left:3px solid var(--orange)}
.pullquote p{margin:0;font:500 22px/1.4 Outfit,Arial,sans-serif;letter-spacing:-.01em;color:var(--charcoal)}
.pg-cta{margin:52px 0 0;padding:34px;border-radius:12px;background:#2b2622;color:#fff}
.pg-cta h2{font-size:clamp(28px,3vw,38px);margin:0 0 12px}
.pg-cta h2 em{color:#ff6600}
.pg-cta p{margin:0 0 22px;font-size:15px;line-height:1.7;color:#c8baac}
.pg-related{margin-top:46px}
.pg-related .eyebrow{margin:0 0 8px}
.pg-related a{display:flex;justify-content:space-between;gap:20px;padding:15px 0;border-bottom:1px solid var(--line);font:500 17px/1.4 Outfit,Arial,sans-serif}
.pg-related a:hover{color:var(--orange-text)}
.pg-nf{padding:96px 0 120px}
.pg-nf-code{margin:0;font:800 clamp(96px,15vw,180px)/1 Outfit,Arial,sans-serif;letter-spacing:-.06em;color:var(--soft)}
.pg-nf .lead{margin:22px 0 0}
@media(max-width:950px){.pg-post-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:650px){.pg-head{padding:34px 0 32px}.pg-crumbs{margin-bottom:24px}.pg-posts,.pg-article{padding:38px 0 64px}.pg-post-grid{grid-template-columns:1fr}.pg-article-wrap>p,.pg-article-wrap li{font-size:16px}.pullquote p{font-size:19px}.pg-cta{padding:26px 22px}.pg-nf{padding:56px 0 76px}}