/* Artigo (páginas avulsas de conteúdo editorial) */

/* HERO */
.art-hero { padding:150px 40px 0; position:relative; z-index:1; max-width:1040px; margin:0 auto; text-align:left; }
.art-eyebrow { font-family:'Sora',sans-serif; font-size:10px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(244,121,32,.65); margin-bottom:22px; display:block; }
.art-h1 { font-family:'Sora',sans-serif; font-size:clamp(32px,4.8vw,58px); font-weight:800; line-height:1.14; letter-spacing:-.025em; color:#F0EEF5; margin-bottom:28px; max-width:920px; }
.art-h1 em { font-style:normal; background:linear-gradient(90deg,#F47920,#E91E72); -webkit-background-clip:text; -webkit-text-fill-color:transparent; background-clip:text; }
.art-meta { font-family:'Sora',sans-serif; font-size:12px; color:rgba(240,238,245,.38); letter-spacing:.04em; margin-bottom:48px; }

/* DESTAQUES DE COR NO CORPO DO TEXTO (laranja, rosa, gradiente) */
.hl { color:#F47920; font-weight:500; }
.hl-pink { color:#E91E72; font-weight:500; }
.hl-grad { background:linear-gradient(90deg,#F47920,#E91E72); -webkit-background-clip:text; background-clip:text; -webkit-text-fill-color:transparent; font-weight:600; }

/* IMAGENS DO ARTIGO */
.img-slot { max-width:1040px; margin:0 auto 56px; border-radius:8px; overflow:hidden; position:relative; z-index:1; }
.img-slot img { width:100%; height:100%; object-fit:cover; display:block; aspect-ratio:16/9; }
.img-slot.inline { max-width:100%; margin:36px 0; }
.img-slot.inline img { aspect-ratio:16/10; }

/* CORPO DO ARTIGO */
.art-body { position:relative; z-index:1; max-width:1040px; margin:0 auto; padding:0 40px 40px; }
.art-body h2 { font-family:'Sora',sans-serif; font-size:clamp(20px,2.2vw,26px); font-weight:800; color:#F0EEF5; letter-spacing:-.01em; margin-top:56px; margin-bottom:20px; }
.art-body p { font-size:clamp(15px,1.2vw,17px); font-weight:300; color:rgba(240,238,245,.62); line-height:1.9; margin-bottom:22px; }
.art-body p strong { color:rgba(240,238,245,.85); font-weight:500; }
.art-body p a { color:#F47920; text-decoration:none; border-bottom:1px solid rgba(244,121,32,.3); transition:border-color .2s; }
.art-body p a:hover { border-color:#F47920; }

/* CITAÇÕES */
.quote-block { margin:52px 0; padding:4px 0 4px 30px; border-left:3px solid #E91E72; }
.quote-block .quote-text { font-family:'Sora',sans-serif; font-style:italic; font-weight:800; font-size:clamp(22px,2.8vw,32px); line-height:1.4; letter-spacing:-.015em; color:#E91E72; margin-bottom:16px; }
.quote-block .quote-author { font-family:'Sora',sans-serif; font-style:normal; font-size:12px; font-weight:600; letter-spacing:.08em; text-transform:uppercase; color:rgba(240,238,245,.4); }

/* VÍDEO EMBEDADO */
.video-embed { position:relative; width:100%; aspect-ratio:16/9; margin:32px 0 40px; border-radius:8px; overflow:hidden; background:#000; }
.video-embed iframe { position:absolute; inset:0; width:100%; height:100%; border:0; }
.video-caption { font-family:'Sora',sans-serif; font-size:11px; letter-spacing:.05em; color:rgba(240,238,245,.32); margin-top:-24px; margin-bottom:36px; }

/* CTA DE FIM DE ARTIGO (reaproveita .svc-form-row/.svc-form-field/.svc-submit/.svc-success* de forms.css) */
.art-cta-form { margin-top:8px; }
.captcha-wrap { display:flex; align-items:center; gap:12px; }
.captcha-wrap input { width:80px; flex-shrink:0; }
.form-error-global { font-family:'Sora',sans-serif; font-size:11px; font-weight:600; letter-spacing:.05em; color:rgba(233,30,114,.85); margin-bottom:8px; display:none; }
.form-error-global.visible { display:block; }

@media (max-width:900px) {
  .art-hero { padding:120px 20px 0; }
  .art-body { padding:0 20px 40px; }
}
@media (max-width:600px) {
  .quote-block { padding-left:18px; }
}

/* ESTADO DE SUCESSO DO FORMULÁRIO
   forms.js troca .form-inputs-wrap por .form-success (display:flex). Sem direção/alinhamento
   próprios o ícone, o título e o texto ficavam lado a lado; mesmo padrão dos formulários de serviços. */
.art-cta-form .form-success {
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
    gap: 8px;
    padding: 48px 0;
}
.art-cta-form .svc-success-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 54px;
    height: 54px;
    margin-bottom: 8px;
    border-radius: 50%;
    border: 1.5px solid rgba(80, 200, 120, .5);
    color: #48b874;
    font-size: 22px;
}
.art-cta-form .svc-success-title { margin-bottom: 0; }
.art-cta-form .svc-success-sub { max-width: 380px; line-height: 1.65; }
/* `.art-body p` (texto corrido do artigo) tem mais especificidade que as classes do sucesso */
.art-body .art-cta-form .svc-success-title {
    font-family: "Sora", sans-serif;
    font-size: 20px;
    font-weight: 700;
    line-height: 1.3;
    color: #f0eef5;
    margin: 0;
}
.art-body .art-cta-form .svc-success-sub {
    font-size: 14px;
    font-weight: 300;
    line-height: 1.65;
    color: rgba(240, 238, 245, 0.48);
    margin: 0;
}

/* ==========================================================================
   CONTEÚDO DO BLOG (HTML gerado pelo editor Quill, sanitizado no backend)
   Reproduz o visual dos blocos da página original (citação, destaque, vídeo, imagens).
   ========================================================================== */
.art-body { overflow-wrap: break-word; word-wrap: break-word; }
.art-content { min-width: 0; }
.art-content > :first-child { margin-top: 0; }

.art-body h3 { font-family:'Sora',sans-serif; font-size:clamp(17px,1.8vw,21px); font-weight:700; color:#F0EEF5; letter-spacing:-.005em; margin-top:40px; margin-bottom:16px; }
.art-body em { font-style: italic; }
.art-body u { text-decoration-color: rgba(244,121,32,.6); text-underline-offset: 3px; }
.art-body s { opacity: .7; }
.art-body a { color:#F47920; text-decoration:none; border-bottom:1px solid rgba(244,121,32,.3); transition:border-color .2s; overflow-wrap:anywhere; }
.art-body a:hover { border-color:#F47920; }

/* Listas */
.art-body ul, .art-body ol { margin:0 0 22px; padding-left:1.4em; font-size:clamp(15px,1.2vw,17px); font-weight:300; color:rgba(240,238,245,.62); line-height:1.9; }
.art-body li { margin-bottom:6px; padding-left:.25em; }
.art-body li::marker { color:#F47920; }
.art-body li strong { color:rgba(240,238,245,.85); font-weight:500; }

/* Citação: <blockquote> = texto; <p class="quote-author"> logo abaixo = autor (mesma barra rosa) */
.art-body blockquote { margin:52px 0; padding:4px 0 4px 30px; border-left:3px solid #E91E72; font-family:'Sora',sans-serif; font-style:italic; font-weight:800; font-size:clamp(22px,2.8vw,32px); line-height:1.4; letter-spacing:-.015em; color:#E91E72; }
.art-body blockquote:has(+ p.quote-author) { margin-bottom:0; padding-bottom:16px; }
.art-body p.quote-author { margin:0 0 52px; padding:0 0 4px 30px; border-left:3px solid #E91E72; font-family:'Sora',sans-serif; font-style:normal; font-size:12px; font-weight:600; letter-spacing:.08em; text-transform:uppercase; line-height:1.6; color:rgba(240,238,245,.4); }

/* Destaque laranja (formato "Destaque" do editor) */
.art-body .hl { color:#F47920; font-weight:500; }
.art-body .hl-pink { color:#E91E72; font-weight:500; }
.art-body .hl-grad { background:linear-gradient(90deg,#F47920,#E91E72); -webkit-background-clip:text; background-clip:text; -webkit-text-fill-color:transparent; font-weight:600; }

/* Imagens inseridas no corpo */
.art-body img { display:block; max-width:100%; height:auto; border-radius:8px; margin:36px 0; }

/* Vídeos (YouTube/Vimeo) e legenda */
.art-body iframe.ql-video { display:block; width:100%; max-width:100%; aspect-ratio:16/9; height:auto; border:0; border-radius:8px; background:#000; margin:32px 0 40px; }
.art-body p.video-caption { font-family:'Sora',sans-serif; font-size:11px; font-weight:400; letter-spacing:.05em; line-height:1.6; color:rgba(240,238,245,.32); margin-top:-24px; margin-bottom:36px; }

/* Alinhamento e recuo (classes do Quill) */
.art-body .ql-align-center { text-align:center; }
.art-body .ql-align-right { text-align:right; }
.art-body .ql-align-justify { text-align:justify; }
.art-body .ql-align-center img, .art-body img.ql-align-center { margin-left:auto; margin-right:auto; }
.art-body .ql-indent-1 { padding-left:3em; } .art-body .ql-indent-2 { padding-left:6em; } .art-body .ql-indent-3 { padding-left:9em; }
.art-body .ql-indent-4 { padding-left:12em; } .art-body .ql-indent-5 { padding-left:15em; } .art-body .ql-indent-6 { padding-left:18em; }
.art-body .ql-indent-7 { padding-left:21em; } .art-body .ql-indent-8 { padding-left:24em; }

/* Formulário final separado do texto */
.art-body .art-cta-form { margin-top: 24px; }

/* Barra de pré-visualização (somente no painel) */
.art-preview-bar { position:fixed; left:0; right:0; bottom:0; z-index:200; padding:10px 20px; background:#E91E72; color:#fff; font-family:'Sora',sans-serif; font-size:12px; text-align:center; letter-spacing:.03em; }

@media (max-width:600px) {
  .art-body blockquote { padding-left:18px; margin:36px 0; }
  .art-body blockquote:has(+ p.quote-author) { margin-bottom:0; }
  .art-body p.quote-author { padding-left:18px; margin-bottom:36px; }
  .art-body .ql-indent-1, .art-body .ql-indent-2, .art-body .ql-indent-3, .art-body .ql-indent-4,
  .art-body .ql-indent-5, .art-body .ql-indent-6, .art-body .ql-indent-7, .art-body .ql-indent-8 { padding-left:1.5em; }
}