.elementor-kit-7{--e-global-color-primary:#6EC1E4;--e-global-color-secondary:#54595F;--e-global-color-text:#7A7A7A;--e-global-color-accent:#61CE70;--e-global-typography-primary-font-family:"Roboto";--e-global-typography-primary-font-weight:600;--e-global-typography-secondary-font-family:"Roboto Slab";--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"Roboto";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Roboto";--e-global-typography-accent-font-weight:500;}.elementor-kit-7 e-page-transition{background-color:#FFBC7D;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1140px;}.e-con{--container-max-width:1140px;}.elementor-widget:not(:last-child){--kit-widget-spacing:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}.site-header .site-branding{flex-direction:column;align-items:stretch;}.site-header{padding-inline-end:0px;padding-inline-start:0px;}.site-footer .site-branding{flex-direction:column;align-items:stretch;}@media(max-width:1024px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}
/* Start custom CSS *//* ============================================================
   PÁGINA DE ARTIGO (post único) — digitaldaily.com.br
   Baseado no template-blog-aprovacao (Bloco 1.7)
   Colar em: Elementor › Configurações do site › CSS personalizado
   (na mesma caixa das categorias, embaixo do CSS que já está lá)
   ------------------------------------------------------------
   Confirmado no HTML real do site (07/08/2026):
   - digitaldaily usa um TEMPLATE ELEMENTOR DE POST ÚNICO (não o
     markup cru do tema), com apenas 3 widgets no artigo:
     .elementor-widget-theme-post-title (h1)
     .elementor-widget-theme-post-featured-image (capa, já aparece)
     .dd-article (conteúdo — classe própria já existe no widget)
   - Não há widget de autor/data. O HTML companheiro injeta os dois.
   - Paleta real: navy #0e1f38/#16325b, âmbar #f5b01f, link #1466c4.
   ============================================================ */

:root{
  --art-tinta:#0e1f38;
  --art-corpo-cor:#232a35;
  --art-accent:#f5b01f;
  --art-link:#1466c4;
  --art-link-hover:#0e4f96;
  --art-claro:#eef3fb;
  --art-linha:#e1e8f2;
  --art-cinza:#5a6675;
  --art-branco:#fff;
  --art-col:760px;
}

body.single-post .elementor-location-single{
  font-family:inherit;
  color:var(--art-tinta);
}

/* ---------- título do artigo ---------- */
body.single-post .elementor-widget-theme-post-title{
  width:min(var(--art-col),100%);
  margin:clamp(20px,3vw,32px) auto 18px;
  background:var(--art-claro);
  border:1px solid var(--art-linha);
  border-radius:16px;
  padding:clamp(22px,4vw,32px) clamp(20px,4vw,28px);
}
body.single-post .elementor-widget-theme-post-title h1{
  font-size:clamp(1.6rem,3.6vw,2.3rem) !important;
  font-weight:800 !important;
  line-height:1.18 !important;
  letter-spacing:-.01em;
  color:var(--art-tinta) !important;
  margin:0 !important;
}

/* ---------- assinatura (injetada pelo HTML companheiro) ---------- */
body.single-post .dda-assinatura{
  width:min(var(--art-col),100%);
  margin:0 auto clamp(20px,3vw,28px);
  display:flex; align-items:center; flex-wrap:wrap; gap:10px 14px;
  font-size:.9rem; color:var(--art-cinza);
}
body.single-post .dda-assinatura img{
  width:38px; height:38px; border-radius:50%; object-fit:cover;
  border:2px solid var(--art-accent);
}
body.single-post .dda-assinatura b{color:var(--art-tinta); font-weight:600}
body.single-post .dda-assinatura .dda-sep{color:var(--art-linha)}

/* ---------- capa (widget nativo do Elementor, só arredonda) ---------- */
body.single-post .elementor-widget-theme-post-featured-image{
  width:min(1000px,100%);
  margin:0 auto clamp(26px,4vw,38px);
  border-radius:18px; overflow:hidden;
}
body.single-post .elementor-widget-theme-post-featured-image img{
  width:100%; height:auto; display:block;
}

/* capa injetada via JS (fallback, só usada se o post não tiver imagem destacada) */
body.single-post .dda-capa{
  width:min(1000px,100%);
  margin:0 auto clamp(26px,4vw,38px);
  border-radius:18px; overflow:hidden; background:var(--art-claro);
}
body.single-post .dda-capa img{
  width:100%; aspect-ratio:16/9; object-fit:cover; display:block;
}

/* ---------- corpo do texto ---------- */
body.single-post .dd-article{
  width:min(var(--art-col),100%);
  margin-inline:auto;
  font-size:1.06rem;
  line-height:1.78;
  color:var(--art-corpo-cor);
}
body.single-post .dd-article p{margin:0 0 1.25em}
body.single-post .dd-article strong{color:var(--art-tinta); font-weight:600}

body.single-post .dd-article h2{
  font-size:clamp(1.32rem,2.6vw,1.6rem);
  font-weight:800;
  line-height:1.24;
  letter-spacing:-.01em;
  color:var(--art-tinta);
  margin:2.2em 0 .7em;
  padding-bottom:.4em;
  border-bottom:3px solid var(--art-accent);
}
body.single-post .dd-article h3{
  font-size:clamp(1.06rem,2vw,1.2rem);
  font-weight:700;
  line-height:1.34;
  color:var(--art-tinta);
  margin:1.9em 0 .55em;
}

/* links do corpo: azul da marca (bom contraste) + sublinhado âmbar */
body.single-post .dd-article a{
  color:var(--art-link);
  font-weight:600;
  text-decoration:underline;
  text-decoration-color:var(--art-accent);
  text-decoration-thickness:2px;
  text-underline-offset:3px;
  transition:color .16s ease, background .16s ease;
}
body.single-post .dd-article a:hover{
  color:var(--art-link-hover);
  background:rgba(245,176,31,.16);
}
body.single-post .dd-article a:focus-visible{
  outline:3px solid var(--art-accent); outline-offset:2px; border-radius:4px;
}

/* listas com marcador da marca */
body.single-post .dd-article ul,
body.single-post .dd-article ol{margin:0 0 1.4em; padding-left:0; list-style:none}
body.single-post .dd-article li{position:relative; padding-left:26px; margin-bottom:.6em}
body.single-post .dd-article ul > li::before{
  content:""; position:absolute; left:4px; top:.62em;
  width:8px; height:8px; border-radius:2px; background:var(--art-accent);
}
body.single-post .dd-article ol{counter-reset:artigo}
body.single-post .dd-article ol > li{counter-increment:artigo; padding-left:34px}
body.single-post .dd-article ol > li::before{
  content:counter(artigo); position:absolute; left:0; top:.15em;
  width:23px; height:23px; border-radius:7px;
  background:var(--art-tinta); color:var(--art-accent);
  font-weight:700; font-size:.78rem;
  display:grid; place-items:center;
}

/* imagens internas transbordando a coluna no desktop */
body.single-post .dd-article figure{margin:2em 0}
body.single-post .dd-article figure img{
  width:100%; height:auto; display:block; border-radius:16px;
}
body.single-post .dd-article figure figcaption{
  margin-top:10px; font-size:.85rem; line-height:1.5;
  color:var(--art-cinza); text-align:center;
}
@media (min-width:940px){
  body.single-post .dd-article > figure{width:calc(100% + 120px); margin-left:-60px}
}

body.single-post .dd-article blockquote{
  margin:2em 0; padding:4px 0 4px 22px;
  border-left:4px solid var(--art-accent);
  font-size:1.1rem; line-height:1.7; color:var(--art-tinta);
}

/* ---------- bloco de FAQ do Rank Math ----------
   O Rank Math re-renderiza o bloco: a classe real é .rank-math-list-item. */
body.single-post .dd-article #rank-math-faq{margin:1.2em 0 0}
body.single-post .dd-article .rank-math-list-item{
  background:var(--art-claro);
  border:1px solid var(--art-linha);
  border-radius:14px;
  padding:18px 20px;
  margin-bottom:12px;
}
body.single-post .dd-article .rank-math-list-item .rank-math-question{
  margin:0 0 .4em; font-size:1.03rem; border-bottom:0; padding-bottom:0;
}
body.single-post .dd-article .rank-math-list-item .rank-math-answer p{
  margin:0; font-size:.98rem; line-height:1.68; color:var(--art-cinza);
}

/* caixa de aviso já existente no site (bf-aviso) — só ajusta a cor de dentro da coluna */
body.single-post .dd-article .bf-aviso{
  font-size:.92rem; color:var(--art-cinza);
}

/* ---------- caixa do autor (E-E-A-T, injetada no fim) ---------- */
body.single-post .dda-autor{
  width:min(var(--art-col),100%);
  margin:clamp(36px,5vw,52px) auto 0;
  background:var(--art-tinta);
  border-radius:18px;
  padding:26px 24px;
  display:flex; flex-wrap:wrap; gap:20px; align-items:flex-start;
  color:var(--art-branco);
}
body.single-post .dda-autor img{
  flex:0 0 auto; width:76px; height:76px; border-radius:50%;
  object-fit:cover; border:3px solid rgba(245,176,31,.5);
  background:var(--art-branco);
}
body.single-post .dda-autor .dda-autor-txt{flex:1 1 300px}
body.single-post .dda-autor .dda-autor-rot{
  font-weight:700; font-size:.7rem;
  letter-spacing:.15em; text-transform:uppercase; color:var(--art-accent);
  margin:0 0 6px;
}
body.single-post .dda-autor h2{
  font-size:1.12rem; font-weight:700;
  color:var(--art-branco); margin:0 0 8px;
}
body.single-post .dda-autor p{
  margin:0; font-size:.92rem; line-height:1.66;
  color:rgba(255,255,255,.72);
}
body.single-post .dda-autor a{
  color:var(--art-accent); font-weight:600; text-decoration:none;
  border-bottom:1px solid rgba(245,176,31,.42);
}
body.single-post .dda-autor a:hover{border-color:var(--art-accent)}

@media (prefers-reduced-motion:reduce){
  body.single-post .dd-article a{transition:none}
}/* End custom CSS */