/* Kit de divulgacao e media kit. */
.divulgacao { max-width: 1180px; margin: 0 auto; padding: 18px 16px 30px; }
.dv-hero { padding: 20px 0 6px; max-width: 60em; }
.dv-eyebrow { margin: 0; font: 800 13px/1 var(--fonte); letter-spacing: .2em; text-transform: uppercase; color: var(--neon); }
.dv-hero h1 { font-size: clamp(40px, 6.5vw, 70px); text-transform: uppercase; font-style: italic; margin: 10px 0 12px; line-height: .95; }
.dv-hero .lead { color: #cbdad1; font-size: 17px; }
.dv-campo { display: inline-flex; align-items: center; gap: 10px; margin-top: 8px; font-weight: 700; }
.dv-campo select { min-height: 42px; padding: 0 12px; border-radius: 10px; background: rgba(0,0,0,.35); border: 1px solid var(--borda-forte); }
.dv-bloco { margin-top: 34px; }
.dv-bloco h2 { font-size: 28px; text-transform: uppercase; margin-bottom: 12px; display: flex; align-items: baseline; gap: 10px; }
.dv-bloco h2 small { font: 600 13px/1 var(--fonte); color: var(--texto-2); text-transform: none; }
.dv-mensagens { display: grid; grid-template-columns: repeat(auto-fit, minmax(260px, 1fr)); gap: 12px; }
.cr-msg { padding: 14px 16px; display: flex; flex-direction: column; gap: 8px; }
.cr-msg p { margin: 0; color: #cbdad1; font-size: 14px; flex: 1; }
.cr-msg .btn { align-self: flex-start; }
.dv-link { display: grid; grid-template-columns: 180px 1fr auto; gap: 8px; }
.cr-grade { display: grid; grid-template-columns: repeat(auto-fill, minmax(280px, 1fr)); gap: 14px; margin-bottom: 26px; }
.cr-item { margin: 0; padding: 12px; display: flex; flex-direction: column; gap: 10px; }
.cr-tela { display: grid; place-items: center; min-height: 160px; padding: 8px; border-radius: 10px; background: #111; }
.cr-item.transparente .cr-tela { background: repeating-conic-gradient(#2a2f2c 0% 25%, #1c201e 0% 50%) 0 0 / 20px 20px; }
.cr-tela canvas { max-width: 100%; max-height: 300px; height: auto; width: auto; }
.cr-item figcaption { display: flex; align-items: center; justify-content: space-between; gap: 8px; flex-wrap: wrap; }
.cr-item figcaption small { display: block; color: var(--texto-2); font-size: 12px; }
.cr-item .btn { min-height: 36px; font-size: 14px; padding: 0 14px; }
.dv-numeros { display: grid; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); gap: 12px; }
.dv-numeros div { padding: 18px; border-radius: 16px; background: var(--vidro); border: 1px solid var(--borda); }
.dv-numeros b { display: block; font: 900 44px/1 var(--fonte-t); color: var(--neon); }
.dv-numeros small { color: var(--texto-2); font-weight: 600; }
.dv-formatos { display: grid; grid-template-columns: repeat(auto-fit, minmax(240px, 1fr)); gap: 12px; }
.dv-formatos article { padding: 18px; }
.dv-formatos h3 { font-size: 21px; text-transform: uppercase; margin-bottom: 4px; }
.dv-formatos p { margin: 6px 0 0; color: #c4d4ca; font-size: 14.5px; }
.dv-medida { color: var(--neon) !important; font-weight: 700; font-size: 13px !important; }
.dv-contato { padding: 24px; text-align: center; }
.dv-botoes { display: flex; gap: 10px; justify-content: center; flex-wrap: wrap; margin-top: 12px; }
@media (max-width: 700px) { .dv-link { grid-template-columns: 1fr; } }
