.elementor-149 .elementor-element.elementor-element-b3ec627{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:8px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-149 .elementor-element.elementor-element-efd1df9{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:26px;--margin-bottom:0px;--margin-left:1px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:96px;}.elementor-149 .elementor-element.elementor-element-efd1df9.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-widget-theme-post-featured-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );}.elementor-149 .elementor-element.elementor-element-ea1af77{border-radius:0px 0px 0px 0px;}.elementor-149 .elementor-element.elementor-element-ea1af77 img{border-radius:16px 16px 16px 16px;}.elementor-149 .elementor-element.elementor-element-765f554{--alignment:left;--grid-side-margin:8px;--grid-column-gap:8px;--grid-row-gap:12px;--grid-bottom-margin:12px;}.elementor-149 .elementor-element.elementor-element-765f554 .elementor-share-btn__icon{--e-share-buttons-icon-size:1.8em;}.elementor-149 .elementor-element.elementor-element-765f554 .elementor-share-btn{height:4.3em;}.elementor-widget-theme-post-title .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-size:var( --e-global-typography-primary-font-size );font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-149 .elementor-element.elementor-element-6c095d4.elementor-element{--align-self:flex-start;}.elementor-149 .elementor-element.elementor-element-0f7546e{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:1px;--margin-bottom:0px;--margin-left:30px;--margin-right:0px;}.elementor-149 .elementor-element.elementor-element-ce0e927{margin:-25px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-149 .elementor-element.elementor-element-263ac2f{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-widget-divider{--divider-color:var( --e-global-color-secondary );}.elementor-widget-divider .elementor-divider__text{color:var( --e-global-color-secondary );font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-size:var( --e-global-typography-secondary-font-size );font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-divider.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-secondary );}.elementor-widget-divider.elementor-view-framed .elementor-icon, .elementor-widget-divider.elementor-view-default .elementor-icon{color:var( --e-global-color-secondary );border-color:var( --e-global-color-secondary );}.elementor-widget-divider.elementor-view-framed .elementor-icon, .elementor-widget-divider.elementor-view-default .elementor-icon svg{fill:var( --e-global-color-secondary );}.elementor-149 .elementor-element.elementor-element-355424d{--divider-border-style:solid;--divider-color:#000;--divider-border-width:1px;}.elementor-149 .elementor-element.elementor-element-355424d .elementor-divider-separator{width:100%;}.elementor-149 .elementor-element.elementor-element-355424d .elementor-divider{padding-block-start:15px;padding-block-end:15px;}.elementor-149 .elementor-element.elementor-element-61b4cc7{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-149 .elementor-element.elementor-element-5db37d4{margin:0px 6px calc(var(--kit-widget-spacing, 0px) + 0px) -16px;padding:0px 0px 0px 0px;}@media(max-width:1024px){.elementor-widget-theme-post-featured-image .widget-image-caption{font-size:var( --e-global-typography-text-font-size );} .elementor-149 .elementor-element.elementor-element-765f554{--grid-side-margin:8px;--grid-column-gap:8px;--grid-row-gap:12px;--grid-bottom-margin:12px;}.elementor-widget-theme-post-title .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );}.elementor-widget-divider .elementor-divider__text{font-size:var( --e-global-typography-secondary-font-size );}}@media(min-width:768px){.elementor-149 .elementor-element.elementor-element-efd1df9{--width:68%;}.elementor-149 .elementor-element.elementor-element-0f7546e{--width:25%;}}@media(max-width:767px){.elementor-149 .elementor-element.elementor-element-efd1df9{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:23px;--padding-right:23px;}.elementor-widget-theme-post-featured-image .widget-image-caption{font-size:var( --e-global-typography-text-font-size );}.elementor-149 .elementor-element.elementor-element-765f554{--alignment:center;} .elementor-149 .elementor-element.elementor-element-765f554{--grid-side-margin:8px;--grid-column-gap:8px;--grid-row-gap:12px;--grid-bottom-margin:12px;}.elementor-widget-theme-post-title .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );}.elementor-149 .elementor-element.elementor-element-0f7546e{--margin-top:0px;--margin-bottom:0px;--margin-left:11px;--margin-right:11px;}.elementor-149 .elementor-element.elementor-element-ce0e927{padding:-2px 0px 0px 0px;}.elementor-149 .elementor-element.elementor-element-2079932 > .elementor-widget-container{margin:25px 0px -34px 0px;padding:1px 0px -2px 0px;}.elementor-widget-divider .elementor-divider__text{font-size:var( --e-global-typography-secondary-font-size );}.elementor-149 .elementor-element.elementor-element-61b4cc7{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-149 .elementor-element.elementor-element-5db37d4{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}}/* Start custom CSS for shortcode, class: .elementor-element-6c095d4 *//* =========================================================
   SINGLE POST FULL — CSS PERSONALIZADO CORRIGIDO v3
   ========================================================= */

/* =========================================================
   1. VARIÁVEIS GERAIS
   ========================================================= */
:root {
    --spf-accent: #f5d400;
    --spf-border: #e5e5e5;
    --spf-text: #1a1a1a;
    --spf-heading: #000000;
    --spf-link: #0066cc;
    --spf-link-hover: #004499;
    --spf-muted: #666666;
    --spf-muted-light: #999999;
    --spf-soft: #888888;
    --spf-soft-2: #aaaaaa;
    --spf-light-bg: #fafafa;
    --spf-toc-bg: #f8f9fa;
    --spf-tag-bg: #f0f0f0;

    --spf-font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
    --spf-font-size-text: 18px;
    --spf-line-height-text: 1.75;

    --spf-title-size: 35px;
    --spf-title-line: 1.2;

    --spf-excerpt-size: 20px;
    --spf-excerpt-line: 1.5;

    --spf-h2-size: 28px;
    --spf-h3-size: 23px;
    --spf-h4-size: 18px;

    --spf-meta-size: 13px;
    --spf-small-size: 12px;
    --spf-tag-size: 13px;

    --spf-space-1: 4px;
    --spf-space-2: 8px;
    --spf-space-3: 12px;
    --spf-space-4: 16px;
    --spf-space-5: 20px;
    --spf-space-6: 24px;
    --spf-space-7: 30px;

    --spf-radius-sm: 4px;
    --spf-radius-md: 6px;

    --spf-btn-size: 32px;
    --spf-btn-icon: 16px;
    --spf-share-size: 36px;
}

/* =========================================================
   2. RESET ESTRUTURAL IMPORTANTE
   ========================================================= */
body,
body * {
    box-sizing: border-box;
}

body {
    overflow-x: hidden;
}

body .spf,
body .spf * {
    max-width: 100%;
}

/* =========================================================
   3. ESTRUTURA GERAL
   ========================================================= */
body .spf {
    width: 100% !important;
    margin: 0 auto !important;
    font-family: var(--spf-font-family) !important;
    text-align: left !important;
    box-sizing: border-box !important;
    overflow: visible !important;
    word-break: normal !important;
    overflow-wrap: normal !important;
    word-wrap: normal !important;
    hyphens: none !important;
    -webkit-hyphens: none !important;
    -moz-hyphens: none !important;
    -ms-hyphens: none !important;
}

/* evita que containers internos do tema apertem o conteúdo */
body .spf > *,
body .spf-content > *,
body .spf-header > *,
body .spf-bar > * {
    min-width: 0 !important;
}

/* =========================================================
   4. CABEÇALHO
   ========================================================= */
body .spf-header {
    margin-bottom: var(--spf-space-5) !important;
    padding-bottom: var(--spf-space-5) !important;
    border-bottom: 1px solid var(--spf-border) !important;
    overflow: visible !important;
}

body .spf-cat-wrap {
    margin-bottom: 15px !important;
}

body .spf-cat {
    display: inline-block !important;
    padding: 4px 8px !important;
    background: var(--spf-accent) !important;
    color: #000 !important;
    border-radius: var(--spf-radius-sm) !important;
    font-size: 13px !important;
    font-weight: 700 !important;
    line-height: 1.2 !important;
    letter-spacing: .5px !important;
    text-transform: uppercase !important;
    text-decoration: none !important;
}

body .spf-cat:hover {
    opacity: .85 !important;
}

/* =========================================================
   5. TÍTULO E RESUMO
   ========================================================= */
body h1.spf-title {
    display: block !important;
    width: 100% !important;
    margin: 0 0 14px !important;
    padding: 0 !important;
    color: var(--spf-heading) !important;
    font-size: var(--spf-title-size) !important;
    line-height: var(--spf-title-line) !important;
    font-weight: 700 !important;
    letter-spacing: -.5px !important;
    overflow: visible !important;
    white-space: normal !important;
    word-break: keep-all !important;
    overflow-wrap: anywhere !important;
    hyphens: none !important;
}

body .spf-excerpt {
    display: block !important;
    width: 100% !important;
    max-width: 900px !important;
    margin: 0 0 22px !important;
    color: #444 !important;
    font-size: var(--spf-excerpt-size) !important;
    line-height: var(--spf-excerpt-line) !important;
    font-weight: 400 !important;
    overflow: visible !important;
    white-space: normal !important;
    word-break: normal !important;
    overflow-wrap: anywhere !important;
    hyphens: none !important;
}

/* =========================================================
   6. BARRA DE AUTOR E COMPARTILHAMENTO
   ========================================================= */
body .spf-bar {
    display: flex !important;
    justify-content: space-between !important;
    align-items: flex-end !important;
    flex-wrap: wrap !important;
    gap: var(--spf-space-5) !important;
    width: 100% !important;
    min-width: 0 !important;
}

body .spf-author {
    display: flex !important;
    flex-direction: column !important;
    gap: var(--spf-space-1) !important;
    min-width: 0 !important;
    flex: 1 1 320px !important;
}

body .spf-name {
    color: #000 !important;
    font-size: 14px !important;
    font-weight: 700 !important;
    text-decoration: none !important;
}

body a.spf-name:hover {
    text-decoration: underline !important;
}

body .spf-date {
    color: var(--spf-muted) !important;
    font-size: var(--spf-meta-size) !important;
}

body .spf-upd {
    color: var(--spf-muted-light) !important;
    font-size: var(--spf-small-size) !important;
    font-style: italic !important;
}

body .spf-share {
    display: flex !important;
    align-items: center !important;
    flex-wrap: wrap !important;
    gap: var(--spf-space-2) !important;
    flex: 0 0 auto !important;
    min-width: 0 !important;
}

body .spf-btn {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: var(--spf-btn-size) !important;
    height: var(--spf-btn-size) !important;
    min-width: var(--spf-btn-size) !important;
    padding: 0 !important;
    margin: 0 !important;
    border: 1px solid #ccc !important;
    border-radius: var(--spf-radius-sm) !important;
    background: transparent !important;
    color: #333 !important;
    cursor: pointer !important;
    text-decoration: none !important;
    transition: all .2s ease !important;
    flex-shrink: 0 !important;
}

body .spf-btn svg {
    width: var(--spf-btn-icon) !important;
    height: var(--spf-btn-icon) !important;
    fill: currentColor !important;
    display: block !important;
}

body .spf-btn:hover {
    border-color: #000 !important;
    background: #000 !important;
    color: #fff !important;
}

body .spf-copy.spf-ok {
    border-color: #22c55e !important;
    background: #22c55e !important;
    color: #fff !important;
}

/* =========================================================
   7. BARRA DE INFORMAÇÕES
   ========================================================= */
body .spf-info-bar {
    display: flex !important;
    align-items: center !important;
    flex-wrap: wrap !important;
    gap: var(--spf-space-4) !important;
    margin: 0 0 var(--spf-space-5) !important;
    padding-bottom: var(--spf-space-4) !important;
    border-bottom: 1px solid var(--spf-border) !important;
    color: var(--spf-soft) !important;
    font-size: var(--spf-meta-size) !important;
    min-width: 0 !important;
}

body .spf-reading-time {
    display: flex !important;
    align-items: center !important;
    gap: 5px !important;
    color: #555 !important;
    font-weight: 600 !important;
}

body .spf-reading-time svg {
    flex-shrink: 0 !important;
}

body .spf-wc {
    color: var(--spf-soft-2) !important;
}

/* =========================================================
   8. SUMÁRIO / TOC
   ========================================================= */
body .spf-toc {
    width: 100% !important;
    margin-bottom: var(--spf-space-7) !important;
    padding: 18px 20px !important;
    background: var(--spf-toc-bg) !important;
    border-left: 4px solid var(--spf-accent) !important;
    border-radius: 0 var(--spf-radius-md) var(--spf-radius-md) 0 !important;
    overflow: visible !important;
}

body .spf-toc-title {
    color: var(--spf-heading) !important;
    font-size: 15px !important;
    font-weight: 700 !important;
    cursor: pointer !important;
    list-style: none !important;
}

body .spf-toc-title::-webkit-details-marker {
    display: none !important;
}

body .spf-toc-title::before {
    content: '▸ ' !important;
    font-size: 12px !important;
}

body .spf-toc details[open] > .spf-toc-title::before {
    content: '▾ ' !important;
}

body .spf-toc-list {
    margin: 12px 0 0 !important;
    padding: 0 0 0 20px !important;
    list-style: decimal !important;
}

body .spf-toc-list li {
    margin-bottom: 6px !important;
    color: #444 !important;
    font-size: 14px !important;
    line-height: 1.6 !important;
}

body .spf-toc-list li a {
    color: var(--spf-link) !important;
    text-decoration: none !important;
    word-break: normal !important;
    overflow-wrap: anywhere !important;
}

body .spf-toc-list li a:hover {
    color: var(--spf-link-hover) !important;
    text-decoration: underline !important;
}

body .spf-toc-sub {
    margin-left: 16px !important;
    font-size: 13px !important;
    list-style-type: disc !important;
}

/* =========================================================
   9. CONTEÚDO DO POST
   ========================================================= */
body .spf-content {
    width: 100% !important;
    overflow: visible !important;
    word-break: normal !important;
    overflow-wrap: normal !important;
    hyphens: none !important;
}

body .spf-content p,
body .spf-content li,
body .spf-content blockquote,
body .spf-content figcaption,
body .spf-content td,
body .spf-content th {
    white-space: normal !important;
    word-break: normal !important;
    overflow-wrap: anywhere !important;
    hyphens: none !important;
}

body .spf-content p {
    margin: 0 0 1.25em !important;
    color: var(--spf-text) !important;
    font-size: var(--spf-font-size-text) !important;
    line-height: var(--spf-line-height-text) !important;
}

body .spf-content h2 {
    margin: 1.8em 0 .6em !important;
    color: var(--spf-heading) !important;
    font-size: var(--spf-h2-size) !important;
    line-height: 1.25 !important;
    font-weight: 700 !important;
    scroll-margin-top: 80px !important;
    white-space: normal !important;
    word-break: keep-all !important;
    overflow-wrap: anywhere !important;
}

body .spf-content h3 {
    margin: 1.5em 0 .5em !important;
    color: var(--spf-heading) !important;
    font-size: var(--spf-h3-size) !important;
    line-height: 1.3 !important;
    font-weight: 700 !important;
    scroll-margin-top: 80px !important;
    white-space: normal !important;
    word-break: keep-all !important;
    overflow-wrap: anywhere !important;
}

body .spf-content h4 {
    margin: 1.3em 0 .4em !important;
    color: var(--spf-heading) !important;
    font-size: var(--spf-h4-size) !important;
    font-weight: 700 !important;
    white-space: normal !important;
    word-break: keep-all !important;
    overflow-wrap: anywhere !important;
}

body .spf-content a {
    color: var(--spf-link) !important;
    text-decoration: underline !important;
    text-decoration-thickness: 1px !important;
    text-underline-offset: 2px !important;
    word-break: break-word !important;
    transition: color .2s ease !important;
}

body .spf-content a:hover {
    color: var(--spf-link-hover) !important;
}

body .spf-content strong,
body .spf-content b {
    color: var(--spf-heading) !important;
    font-weight: 700 !important;
}

body .spf-content em,
body .spf-content i {
    font-style: italic !important;
}

/* =========================================================
   10. MÍDIAS
   ========================================================= */
body .spf-content img,
body .spf-content video,
body .spf-content iframe,
body .spf-content embed {
    display: block !important;
    max-width: 100% !important;
    width: auto !important;
    height: auto !important;
    margin: 1.5em auto !important;
    border-radius: var(--spf-radius-sm) !important;
}

body .spf-content iframe {
    width: 100% !important;
}

body .spf-content figure,
body .spf-content .wp-block-image {
    margin: 1.5em 0 !important;
    max-width: 100% !important;
}

body .spf-content figcaption,
body .spf-content .wp-caption-text {
    margin-top: 8px !important;
    color: var(--spf-soft) !important;
    font-size: 13px !important;
    font-style: italic !important;
    text-align: center !important;
}

/* =========================================================
   11. CITAÇÕES, LISTAS, TABELAS E CÓDIGO
   ========================================================= */
body .spf-content blockquote,
body .spf-content .wp-block-quote {
    margin: 1.5em 0 !important;
    padding: 16px 20px !important;
    background: var(--spf-light-bg) !important;
    border-left: 4px solid var(--spf-accent) !important;
    border-radius: 0 var(--spf-radius-sm) var(--spf-radius-sm) 0 !important;
}

body .spf-content blockquote p {
    margin: 0 0 .5em !important;
    color: #444 !important;
    font-size: 16px !important;
    font-style: italic !important;
}

body .spf-content ul,
body .spf-content ol {
    margin: 1em 0 1.2em 1.5em !important;
    padding: 0 !important;
}

body .spf-content li {
    margin-bottom: .4em !important;
    color: var(--spf-text) !important;
    font-size: var(--spf-font-size-text) !important;
    line-height: var(--spf-line-height-text) !important;
}

body .spf-content table {
    width: 100% !important;
    display: block !important;
    overflow-x: auto !important;
    -webkit-overflow-scrolling: touch !important;
    margin: 1.5em 0 !important;
    border-collapse: collapse !important;
}

body .spf-content td,
body .spf-content th {
    padding: 10px 12px !important;
    border: 1px solid var(--spf-border) !important;
    font-size: 15px !important;
}

body .spf-content th {
    background: #f5f5f5 !important;
    font-weight: 700 !important;
}

body .spf-content pre {
    max-width: 100% !important;
    overflow-x: auto !important;
    white-space: pre !important;
    font-size: 14px !important;
}

body .spf-content code {
    white-space: pre-wrap !important;
    word-break: break-word !important;
    font-size: 14px !important;
}

body .spf-content hr,
body .spf-content .wp-block-separator {
    margin: 2em 0 !important;
    border: none !important;
    border-top: 1px solid var(--spf-border) !important;
}

/* =========================================================
   12. BLOCOS DO WORDPRESS
   ========================================================= */
body .spf-content .wp-block-group,
body .spf-content .wp-block-columns,
body .spf-content .wp-block-column,
body .spf-content .wp-block-cover,
body .spf-content .wp-block-media-text,
body .spf-content .wp-block-pullquote,
body .spf-content .wp-block-embed,
body .spf-content .wp-block-embed__wrapper {
    max-width: 100% !important;
    min-width: 0 !important;
    overflow: visible !important;
}

body .spf-content .wp-block-columns {
    gap: 24px !important;
}

body .spf-content .wp-block-column {
    min-width: 0 !important;
}

body .spf-content .wp-block-embed__wrapper iframe,
body .spf-content .wp-block-embed__wrapper video {
    width: 100% !important;
    max-width: 100% !important;
    aspect-ratio: 16 / 9 !important;
    height: auto !important;
}

body .spf-content p:empty {
    display: none !important;
}

/* =========================================================
   13. TAGS
   ========================================================= */
body .spf-tags {
    display: flex !important;
    align-items: center !important;
    flex-wrap: wrap !important;
    gap: var(--spf-space-2) !important;
    margin: 20px 0 !important;
    padding: 16px 0 !important;
    border-top: 1px solid var(--spf-border) !important;
}

body .spf-tags-label {
    margin-right: 4px !important;
    color: var(--spf-heading) !important;
    font-size: 14px !important;
    font-weight: 700 !important;
    flex-shrink: 0 !important;
}

body .spf-tag {
    display: inline-block !important;
    max-width: 100% !important;
    padding: 5px 12px !important;
    background: var(--spf-tag-bg) !important;
    color: #333 !important;
    border: 1px solid transparent !important;
    border-radius: var(--spf-radius-sm) !important;
    font-size: var(--spf-tag-size) !important;
    font-weight: 600 !important;
    line-height: 1.3 !important;
    text-decoration: none !important;
    white-space: normal !important;
    overflow: visible !important;
    transition: all .2s ease !important;
}

body .spf-tag:hover {
    background: var(--spf-accent) !important;
    color: #000 !important;
    border-color: var(--spf-accent) !important;
}

/* =========================================================
   14. COMPARTILHAMENTO NO RODAPÉ
   ========================================================= */
body .spf-share-bottom {
    display: flex !important;
    align-items: center !important;
    flex-wrap: wrap !important;
    gap: 12px !important;
    padding: 20px 0 !important;
    border-top: 1px solid var(--spf-border) !important;
}

body .spf-share-label {
    color: #333 !important;
    font-size: 14px !important;
    font-weight: 700 !important;
}

body .spf-share-btns {
    display: flex !important;
    align-items: center !important;
    flex-wrap: wrap !important;
    gap: var(--spf-space-2) !important;
}

body .spf-sbtn {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: var(--spf-share-size) !important;
    height: var(--spf-share-size) !important;
    min-width: var(--spf-share-size) !important;
    border-radius: 50% !important;
    text-decoration: none !important;
    transition: all .2s ease !important;
    flex-shrink: 0 !important;
}

body .spf-sbtn svg {
    width: 16px !important;
    height: 16px !important;
    fill: #fff !important;
    display: block !important;
}

body .spf-wpp { background: #25D366 !important; }
body .spf-wpp:hover { background: #1da851 !important; }

body .spf-fb { background: #1877F2 !important; }
body .spf-fb:hover { background: #1466d2 !important; }

body .spf-tw { background: #000 !important; }
body .spf-tw:hover { background: #333 !important; }

body .spf-tg { background: #0088cc !important; }
body .spf-tg:hover { background: #006fa8 !important; }

/* =========================================================
   15. RESPONSIVO — TABLET
   ========================================================= */
@media (max-width: 1024px) {
    body h1.spf-title {
        font-size: clamp(26px, 4vw, 34px) !important;
    }

    body .spf-excerpt {
        font-size: 18px !important;
    }

    body .spf-content h2 {
        font-size: clamp(22px, 3.5vw, 26px) !important;
    }

    body .spf-content h3 {
        font-size: clamp(18px, 3vw, 21px) !important;
    }

    body .spf-content p {
        font-size: 16px !important;
    }

    body .spf-content .wp-block-columns {
        flex-wrap: wrap !important;
    }

    body .spf-content .wp-block-column {
        flex-basis: 100% !important;
    }
}

/* =========================================================
   16. RESPONSIVO — MOBILE
   ========================================================= */
@media (max-width: 600px) {
    body {
        overflow-x: hidden !important;
    }

    body .spf {
        padding-left: 12px !important;
        padding-right: 12px !important;
    }

    body h1.spf-title {
        font-size: 24px !important;
        line-height: 1.22 !important;
        letter-spacing: -.2px !important;
    }

    body .spf-excerpt {
        margin-bottom: 18px !important;
        font-size: 16px !important;
        line-height: 1.5 !important;
    }

    body .spf-bar {
        flex-direction: column !important;
        align-items: flex-start !important;
    }

    body .spf-author,
    body .spf-share {
        width: 100% !important;
    }

    body .spf-upd {
        display: block !important;
        margin-top: 2px !important;
    }

    body .spf-info-bar {
        flex-direction: column !important;
        align-items: flex-start !important;
        gap: 4px !important;
    }

    body .spf-toc {
        padding: 14px 16px !important;
    }

    body .spf-toc-list {
        padding-left: 16px !important;
    }

    body .spf-toc-list li {
        font-size: 13px !important;
    }

    body .spf-content p {
        font-size: 15px !important;
        line-height: 1.7 !important;
    }

    body .spf-content h2 {
        font-size: 22px !important;
        line-height: 1.28 !important;
    }

    body .spf-content h3 {
        font-size: 18px !important;
        line-height: 1.3 !important;
    }

    body .spf-content blockquote {
        padding: 12px 14px !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
    }

    body .spf-content .alignleft,
    body .spf-content .alignright {
        float: none !important;
        display: block !important;
        margin: 1em auto !important;
        max-width: 100% !important;
    }

    body .spf-tag {
        font-size: 12px !important;
        padding: 4px 10px !important;
    }

    body .spf-share-bottom {
        flex-direction: column !important;
        align-items: flex-start !important;
        gap: 10px !important;
    }
}

/* =========================================================
   17. CITAÇÃO / TRECHO IMPORTANTE
   ========================================================= */
body .spf-content blockquote {
    border-left: 4px solid #1a73e8 !important;
    padding: 15px 20px !important;
    margin: 25px 0 !important;
    font-size: 20px !important;
    font-style: italic !important;
    background: #f8f9fb !important;
    color: #333 !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-ce0e927 *//* =========================================================
   OFF7 / LISTA MINIMALISTA
========================================================= */
.catlist[data-catlist="off7"]{
  --cl-text: #111;
  --cl-muted: #333;
  --cl-rule: #e6e6e6;

  --cl-title-size: 0px;
  --cl-kicker-size: 14px;
  --cl-link-size: 19px;

  padding: 10px 0;
}

.catlist[data-catlist="off7"] .catlist-head{
  margin: 0 0 10px;
}

.catlist[data-catlist="off7"] .catlist-title{
  font-size: var(--cl-title-size);
  font-weight: 500;
  margin: 10;
  color: var(--cl-text);
}

.catlist[data-catlist="off7"] .catlist-item{
  padding: 10px 0;
  border-bottom: 1px solid var(--cl-rule);
}

.catlist[data-catlist="off7"] .catlist-item:last-child{
  border-bottom: 0;
}

.catlist[data-catlist="off7"] .catlist-kicker{
  display: block;
  font-size: var(--cl-kicker-size);
  font-weight: 800;
  letter-spacing: .5px;
  margin-bottom: 10px;
  color: var(--cl-muted);
  text-transform: uppercase;
}

/* trava cor (sem verde em nenhum estado) */
.catlist[data-catlist="off7"] .catlist-link,
.catlist[data-catlist="off7"] .catlist-link:visited,
.catlist[data-catlist="off7"] .catlist-link:hover,
.catlist[data-catlist="off7"] .catlist-link:focus,
.catlist[data-catlist="off7"] .catlist-link:active{
  display: inline-block;
  font-size: var(--cl-link-size);
  line-height: 1.2;
  font-weight: 400;
  color: var(--cl-text) !important;
  text-decoration: none !important;
}

.catlist[data-catlist="off7"] .catlist-link:hover{
  text-decoration: underline !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-5db37d4 *//* =========================================================
   CONFIG
========================================================= */
.hc[data-hc="1"]{
  --text: #111;
  --divider: #9a9a9a;
  --active: #e10600; /* vermelho da bolinha */
  --dot: #dcdcdc;

  --gap: 32px;
  --font: 19px;
}

/* =========================================================
   CONTAINER
========================================================= */
.hc[data-hc="1"]{
  background: #fff;
  padding: 26px 16px 16px;
  overflow: hidden;
}

/* =========================================================
   TRACK (scroll)
========================================================= */
.hc[data-hc="1"] .hc-track{
  display: flex;
  gap: var(--gap);
  overflow-x: auto;
  scroll-behavior: smooth;
  scrollbar-width: none;
}
.hc[data-hc="1"] .hc-track::-webkit-scrollbar{
  display: none;
}

/* =========================================================
   ITEM
========================================================= */
.hc[data-hc="1"] .hc-item{
  flex: 0 0 auto;
  max-width: 260px;
  padding-right: 28px;

  font-size: var(--font);
  font-weight: 600;
  line-height: 1.25;
  color: var(--text) !important;
  text-decoration: none !important;

  border-right: 1px solid var(--divider);
}

.hc[data-hc="1"] .hc-item:last-child{
  border-right: 0;
}

/* =========================================================
   DOTS
========================================================= */
.hc[data-hc="1"] .hc-dots{
  display: flex;
  justify-content: center;
  gap: 10px;
  margin-top: 18px;
}

.hc[data-hc="1"] .hc-dots span{
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background: var(--dot);
  cursor: pointer;
}

.hc[data-hc="1"] .hc-dots span.active{
  background: var(--active);
}

/* =========================================================
   BLINDAGEM (sem verde)
========================================================= */
.hc[data-hc="1"] a,
.hc[data-hc="1"] a:hover,
.hc[data-hc="1"] a:visited{
  color: var(--text) !important;
}/* End custom CSS */