/*
 * Theme Name:  Barcelona Child by Pictonio.
 * Description: Alterações ao barcelona original.
 * Author:      Pictonio
 * Author URI:  http://www.pictonio.com
 * Template:    barcelona
 */

/* ==========================================================================
   1. BASE GLOBAL (Tipografia do site, resets de links, imagens e utilitários)
   ========================================================================== */
body, 
h1, h2, h3, h4, h5, h6,
.posts-box h2.post-title {
    font-family: "Times New Roman", Times, serif !important;
}

a:hover {
    color: #ff0000 !important;
    text-decoration: underline !important;
}

img {
    max-width: 100% !important;
    height: auto !important;
}

a:focus, a:active, button:focus, button:active, input:focus, textarea:focus {
    outline: 0 !important;
    outline: none !important;
    box-shadow: none !important;
}

div.zeros {
    font-size: 18px;
    margin-bottom: 20px;
}

.hilite { 
    background: #fff282; 
}

#loading {
    background-color: rgba(214, 214, 214, 0.82);
    z-index: 99999;
}

.barcelona-preloader, .barcelona-loading, #preloader, .spinner, .site-preloader {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
    transition: none !important;
}

.gallery-icon a, a[data-gallery], .set-target {
    pointer-events: auto !important;
}

#boxer-overlay, #boxer, .boxer-container, #wfboxOverlay, div[id*="boxer"] {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
    pointer-events: none !important;
}

/* ==========================================================================
   2. CABEÇALHO, LOGÓTIPO E NAVEGAÇÃO
   ========================================================================== */

/* Regras Gerais Desktop */
#navbar .navbar-nav {
    background-color: #08088a;
    border: 1px solid #08088a;
}
#navbar .navbar-nav > li {
    display: table;
}
#navbar .navbar-nav > li a {
    color: #ffffff;
    text-transform: initial;
    font-size: 17px;
    padding-right: 22px;
    padding-left: 22px;
}
#navbar .navbar-nav > li .btn-search {
    color: #ffffff;
}
#navbar .navbar-nav > li:hover > a,
#navbar .navbar-nav > li:hover > .btn-search,
#navbar .navbar-nav > li.current-menu-item > a {
    background-color: #0b3b0b;
    border-color: #0b3b0b;
}
.navbar-stuck .navbar-nav > li.search { float: left; }
.navbar-stuck .navbar-nav > li.search > .btn.btn-search { height: 39px; }
.navbar-nav li.menu-item a:hover {
    color: #ffffff !important;
    text-decoration: none !important;
}
.navbar-top #menu-top-menu { font-size: 16px; }
.navbar-top #menu-top-menu li a { color: #0b3b0b; }
.logo-location-header { text-decoration: underline; color: #08088a; }
html body #ip-custom.has-nav-menu .navbar-logo,
html body .barcelona-header-inner .navbar-logo,
#ip-custom .navbar-logo {
    padding-left: 0px !important;  
    padding-right: 0px !important;
}

/* Ícones Sociais Topo */
.navbar-top-right .fa-facebook, .navbar-top-right .fa-youtube, .navbar-top-right .fa-pinterest, .navbar-top-right .fa, .navbar-top-right .social-icons i { 
    font-size: 26px !important; display: inline-block !important; 
}
.navbar-top-right .fa-facebook { color: #3b5998 !important; }
.navbar-top-right .fa-youtube { color: #ff0000 !important; }
.navbar-top-right .fa-pinterest { color: #bd081c !important; }
.navbar-top-right .social-icons a, .navbar-top-right .social-icons a:focus, .navbar-top-right .social-icons a:active { outline: none !important; box-shadow: none !important; text-decoration: none !important; }
.fa, .social-icons i, [class^="fa-"], [class*=" fa-"] { font-family: "FontAwesome" !important; visibility: visible !important; font-style: normal !important; }
.navbar-top-right .aveline-topo-social { display: flex !important; gap: 20px !important; list-style: none !important; margin: 0 !important; padding: 0 !important; }
.navbar-top-right .aveline-topo-social li a { font-family: "FontAwesome" !important; font-size: 26px !important; display: inline-block !important; visibility: visible !important; text-decoration: none !important; }
.navbar-top-right .aveline-topo-social .fa-facebook { color: #3b5998 !important; }
.navbar-top-right .aveline-topo-social .fa-pinterest { color: #bd081c !important; }
.navbar-top-right .aveline-topo-social .fa-youtube { color: #ff0000 !important; }

/* Lupa Estática "RIA Novosti" (Mobile) */
@media (max-width: 767px) {
    .carlos-lupa-clicavel {
        position: absolute !important; right: 40px !important; top: 17px !important;
        transform: scaleX(-1) !important; font-size: 29px !important; line-height: 1 !important;
        color: #004B87 !important; font-weight: 300 !important; cursor: pointer !important;
        z-index: 999999 !important; display: block !important; text-decoration: none !important;
    }
    .carlos-lupa-clicavel:focus, .carlos-lupa-clicavel:active, .carlos-lupa-clicavel:hover { text-decoration: none !important; outline: none !important; color: #004B87 !important; }
    body.page-id-25143 .carlos-lupa-clicavel, body.page-template-page-textos-em-portugues .carlos-lupa-clicavel { display: block !important; visibility: visible !important; opacity: 1 !important; z-index: 9999999 !important; }
}
@media (min-width: 768px) {
    .carlos-lupa-clicavel { display: none !important; }
}

/* Breadcrumbs */
.breadcrumb-wrapper a, .breadcrumb-wrapper span { text-transform: initial; font-size: 22px; color: #08088a !important; }
.breadcrumb li:first-child { display: none; }
.breadcrumb > li + li::before { display: none; }
ol.breadcrumb { display: none !important; }

/* ==========================================================================
   3. ARTIGOS INDIVIDUAIS (POSTS) E CONTEÚDOS
   ========================================================================== */

.cabecalho-final-aveline { text-align: center !important; position: relative !important; margin: 10px 0 !important; clear: both !important; display: block !important; width: 100% !important; }
.cabecalho-final-aveline::after { content: "" !important; position: absolute !important; top: 50% !important; left: 0 !important; width: 100% !important; height: 8px !important; background-color: #ff0000 !important; z-index: 1 !important; transform: translateY(-50%) !important; }
.cabecalho-final-aveline .post-title { display: inline-block !important; position: relative !important; z-index: 2 !important; background-color: #ffffff !important; padding: 0 25px !important; margin: 0 !important; color: rgb(8, 8, 138) !important; font-family: "Times New Roman", serif !important; font-size: 38px !important; font-weight: 700 !important; }

.single-post section.post-content, .single section.post-content, .post section.post-content { max-width: 750px !important; margin-left: auto !important; margin-right: auto !important; margin-top: 4px !important; margin-bottom: 10px !important; padding-top: 0 !important; padding-bottom: 0 !important; }

.single-post section.post-content p, .single section.post-content p, .single-post section.post-content div, .single section.post-content div, .single-post section.post-content span, .single section.post-content span, .single-post section.post-content strong, .single section.post-content strong { margin-top: 0 !important; margin-bottom: 0cm !important; padding: 0 !important; line-height: 22.6667px !important; }

.single-post section.post-content p:empty, .single section.post-content p:empty, .single-post section.post-content p > br:only-child, .single section.post-content p > br:only-child { display: block !important; margin-top: 0 !important; margin-bottom: 0px !important; line-height: 18px !important; font-size: 18px !important; height: 18px !important; padding: 0 !important; }

.single-post section.post-content span[style*="font-size"], .single section.post-content span[style*="font-size"], .single-post section.post-content p[style*="font-size"], .single section.post-content p[style*="font-size"] { line-height: 1.1 !important; }

.single-post section.post-content img.aligncenter, .single-post section.post-content .aligncenter img, .single section.post-content img.aligncenter, img.aligncenter { float: none !important; clear: both !important; display: block !important; margin: 15px auto !important; max-width: 100% !important; padding: 0 !important; }

.single-post section.post-content .wp-block-image, .wp-block-image, figure.wp-block-image, .wp-block-image.alignleft, img.alignleft { float: none !important; clear: both !important; display: block !important; margin-left: 0 !important; margin-right: 0 !important; margin-bottom: 12px !important; }

.wp-block-image + p, .wp-block-image + div, figure + p { clear: both !important; display: block !important; margin-top: 5px !important; margin-bottom: 15px !important; }

.single-post section.post-content div[align="center"], .single-post section.post-content div[style*="text-align:center"] { line-height: 14px !important; margin-top: 2px !important; margin-bottom: 6px !important; padding: 0 !important; display: block !important; }
.single-post section.post-content div[align="center"] span, .single-post section.post-content div[align="center"] strong, .single-post section.post-content div[style*="text-align:center"] span, .single-post section.post-content div[style*="text-align:center"] strong { line-height: 14px !important; margin: 0 !important; padding: 0 !important; display: inline !important; }

.single-post section.post-content div[align="center"] span[style*="000098"], .single-post section.post-content div[align="center"] span[style*="000099"], .single-post section.post-content [style*="000098"] { line-height: 24px !important; display: inline !important; margin-top: 5px !important; margin-bottom: 2px !important; }
.single-post section.post-content [style*="000098"] br { line-height: 24px !important; display: inline !important; content: normal !important; margin: 0 !important; }

.post h1.post-title { text-transform: initial !important; padding-left: 20px; }
.fimg-no-thumb .vm-middle { text-align: center !important; }
.fimg-no-thumb .featured-image .vm-middle .post-title { font-size: 38px !important; color: #08088a; }
.fimg-no-thumb:not(.fimg-media) .featured-image .vm-middle::after { background-color: #ff0000 !important; }
.post-content { color: #010101 !important; }
.post-tags { display: none; }
.category .post-meta, .archive .post-meta { display: none !important; }

/* Partilha Social e Rodapé do Post */
.post-footer, .single-post .post-footer { display: block !important; clear: both !important; width: 100% !important; margin-top: 15px !important; padding-top: 5px !important; }
.post-sharing { clear: both !important; margin-top: 15px !important; padding-top: 0 !important; }
.post-footer .post-sharing ul.list-inline, .post-footer ul.list-inline.text-center, ul.list-inline.text-center { display: flex !important; justify-content: center !important; align-items: center !important; flex-wrap: nowrap !important; gap: 25px !important; padding: 0 !important; list-style: none !important; width: 100% !important; }
.post-footer .post-sharing ul.list-inline li, .post-footer ul.list-inline.text-center li, ul.list-inline.text-center li { display: inline-block !important; visibility: visible !important; margin: 0 !important; padding: 0 !important; }

.post-footer .fa-facebook, .fa-brands.fa-facebook { color: #1877f2 !important; }
.post-footer .fa-linkedin, .fa-brands.fa-linkedin { color: #0077b5 !important; }
.post-footer .fa-twitter, .fa-brands.fa-twitter { color: #000000 !important; }
.post-footer .fa-twitter::before, .fa-brands.fa-twitter::before { content: "𝕏" !important; font-family: sans-serif !important; font-weight: bold !important; font-size: 20px !important; }
.post-footer ul.list-inline li:nth-child(3) a, ul.list-inline.text-center li:nth-child(3) a { color: #ff4500 !important; font-family: sans-serif !important; font-weight: bold !important; font-size: 15px !important; text-decoration: none !important; }
.post-footer ul.list-inline li:nth-child(3) a [class*="fa-"], ul.list-inline.text-center li:nth-child(3) a [class*="fa-"] { display: none !important; }
.post-footer ul.list-inline li:nth-child(3) a::before, ul.list-inline.text-center li:nth-child(3) a::before { content: "Reddit" !important; }
.post-footer ul.list-inline li:nth-child(4) a, ul.list-inline.text-center li:nth-child(4) a { color: #6c757d !important; font-size: 16px !important; text-decoration: none !important; }
.post-footer ul.list-inline li:nth-child(4) a [class*="fa-"], ul.list-inline.text-center li:nth-child(4) a [class*="fa-"] { display: none !important; }
.post-footer ul.list-inline li:nth-child(4) a::before, ul.list-inline.text-center li:nth-child(4) a::before { content: "🖨️" !important; font-size: 16px !important; }

h2.post-title.listagem span, .post-title span { display: inline !important; font-style: normal !important; color: #08088a !important; font-weight: bold; }
.single-post section.post-content h1, .single section.post-content h1, .single-post section.post-content h1 strong, .single-post section.post-content h1 span { line-height: 32px !important; display: inline-block !important; }
.single-post section.post-content span[style*="14px"] strong, .single section.post-content span[style*="14px"] strong, .single-post section.post-content span[style*="14px"] br { font-size: 14px !important; line-height: 16px !important; font-weight: bold !important; display: inline !important; }
.single-post section.post-content div[align="center"] span[style*="28px"], .single section.post-content div[align="center"] span[style*="28px"] { color: #08088a !important; font-weight: bold !important; font-size: 28px !important; line-height: 30px !important; display: inline-block !important; }
.single-post section.post-content span[style*="14px"] { display: inline-block !important; width: 100% !important; text-align: center !important; margin-top: 8px !important; margin-bottom: 14px !important; }

/* ==========================================================================
   4. PÁGINA INICIAL (HOME), GRELHAS E BOXES
   ========================================================================== */
.home .site-content, .home #content { margin-top: 20px !important; margin-bottom: 20px !important; padding-left: 15px !important; padding-right: 15px !important; }
.posts-box-carousel:not(.posts-box-gallery) .nav-dir li:first-child .btn { background-color: #3b3e63 !important; }
.featured-posts .fp-box .post-title { text-transform: initial !important; }
.posts-box.posts-box-5 h2.post-title { font-size: 24px; }
.post-summary .post-excerpt { color: #08088a !important; }
.home .main .box-header h2.title { text-transform: initial; }
.home h2.post-title a { color: #08088a; }
.home .box-header.has-title { text-align: center; color: #08088a; }
.home .box-header.has-title h2.title { padding-right: 20px; padding-left: 20px; font-size: 30px; }
.home .box-header.has-title::after { background-color: #ff0000; top: 15px; }
.home .posts-box.posts-box-8 h2.post-title, .home .posts-box.posts-box-9 h2.post-title { margin-bottom: 0px; }
.home .posts-box.posts-box-8 p.post-excerpt, .home .posts-box.posts-box-9 p.post-excerpt { font-style: normal; font-size: 17px; }

/* ==========================================================================
   5. TEMPLATES ESPECÍFICOS, LISTAGENS E TABELAS
   ========================================================================== */
.custom-table-categories { width: 100%; font-family: "Times New Roman", Times, serif; font-size: 18px; text-align: center; }
table.custom-table-categories td { padding: 20px 25px; }
table.custom-table-categories td p, .custom-table-categories p { margin: 0; line-height: 1; }
.custom-table-categories td a strong { color: #08088a; }
.custom-table-categories td a { color: #ff0000; text-decoration: underline; }
.custom-table-categories td a:hover strong { color: #ff0000; }

h2.post-title.listagem { font-size: 19px; margin-bottom: 0px; margin-top: 0px; font-weight: bold; text-decoration: underline; display: list-item; list-style-position: inside; color: #08088a; }
h2.post-title.listagem a { color: #08088a; }
h2.post-title.listagem a span { font-style: normal; }

.page-template-page-cronologica .box-header, .page-template-page-alfabetica .box-header, .page-template-page-alfabetica2 .box-header, .page-template-page-autores .box-header, .page-template-page-text-in-english .box-header, .page-template-page-textos-em-portugues .box-header { margin-bottom: 20px; }
.page-template-page-cronologica .box-header.has-title, .page-template-page-alfabetica .box-header.has-title, .page-template-page-alfabetica2 .box-header.has-title, .page-template-page-autores .box-header.has-title, .page-template-page-text-in-english .box-header.has-title, .page-template-page-textos-em-portugues .box-header.has-title { text-align: center; color: #08088a; }
.page-template-page-cronologica .box-header.has-title h3.title, .page-template-page-alfabetica .box-header.has-title h3.title, .page-template-page-alfabetica2 .box-header.has-title h3.title, .page-template-page-autores .box-header.has-title h3.title, .page-template-page-text-in-english .box-header.has-title h3.title, .page-template-page-textos-em-portugues .box-header.has-title h3.title { padding-right: 20px; padding-left: 20px; text-transform: initial; }
.page-template-page-cronologica .box-header.has-title::after, .page-template-page-alfabetica .box-header.has-title::after, .page-template-page-alfabetica2 .box-header.has-title::after, .page-template-page-autores .box-header.has-title::after, .page-template-page-text-in-english .box-header.has-title::after, .page-template-page-textos-em-portugues .box-header.has-title::after { background-color: #ff0000; }

.box-header { margin-bottom: 20px; }
.box-header.has-title { text-align: center; color: #08088a; }
.box-header.has-title h3.title { padding-right: 20px; padding-left: 20px; text-transform: initial; }
.box-header.has-title::after { background-color: #ff0000 !important; }
.list-count { text-align: center; font-size: 18px; color: #08088a; margin-bottom: 20px; }

.page-template-page-modules-php .single-container, .page-template-page-modules-php main#main, .page-template-page-modules-php .section-html.post-content.mas-item { width: 100% !important; max-width: 1200px !important; min-width: 0 !important; float: none !important; margin: 0 auto !important; box-sizing: border-box !important; }
.page-template-page-modules-php .section-html.mas-item > div[style*="display: flex"] { width: 100% !important; max-width: 1200px !important; min-width: 100% !important; box-sizing: border-box !important; }
.page-template-page-modules-php table.custom-table-categories, .page-template-page-modules-php .custom-table-categories { max-width: 1200px !important; width: 100% !important; box-sizing: border-box !important; }

#page-wrapper > .container:nth-of-type(1) { padding-top: 0px !important; }
.section-html.post-content.mas-item { height: auto !important; min-height: 0 !important; max-height: none !important; }

.page-template-page-default-title main#main .post-content, .page-template-page-default-title main#main .post-content div[style*="background"] { max-width: 720px !important; width: 100% !important; margin-left: 0px !important; margin-right: auto !important; padding-left: 0 !important; padding-right: 0 !important; text-align: left !important; float: none !important; }
.page-template-page-default-title main#main .post-content p, .page-template-page-default-title main#main .post-content ul, .page-template-page-default-title main#main .post-content ol { text-align: left !important; margin-left: 0 !important; margin-right: 0 !important; }
body.page-template-page-default-title #page-wrapper .container { margin-top: 31px !important; }
body.page-template-page-default-title #page-wrapper .breadcrumb-wrapper ~ .container { margin-top: 0 !important; }

/* ==========================================================================
   6. PESQUISA, PAGINAÇÃO E RODAPÉ
   ========================================================================== */
#main .search-form { max-width: 572px; margin-left: auto; margin-right: auto; margin-bottom: 20px; }
#main .search-form .input-group-addon, #main .search-form .btn-search-text { display: none; }
#main .search-form .input-group-btn .btn { padding: 0; font-size: 14px; font-weight: 400; line-height: 1; color: #555555; text-align: center; height: 34px; width: 34px; background-color: #eeeeee; border: 1px solid #cccccc; border-left: none; }

.search-results .main { max-width: 750px; margin-left: auto; margin-right: auto; }
.search-results .main .search-form { max-width: 572px; margin-left: auto; margin-right: auto; }

form.gsc-search-box { max-width: 572px; margin-left: auto !important; margin-right: auto !important; margin-bottom: 20px !important; }
form.gsc-search-box input.gsc-search-button { box-sizing: initial; margin-top: 4px; padding-top: 7px; padding-bottom: 7px; }
form.gsc-search-box .gsib_a { padding: 4px 6px; }
.gsc-search-box.gsc-search-box-tools .gsc-search-box .gsc-input { padding-right: 0; }
form.gsc-search-box .gsc-input { font-family: "Times New Roman", Times, serif; }
form.gsc-search-box .gsc-input-box { height: 30px; }
.gsc-control-cse .gsc-results-wrapper-nooverlay { width: 572px; margin-left: auto; margin-right: auto; }

.pagination-numeric { text-align: center; margin-top: 20px !important; }
.pagination-numeric a, .pagination-numeric span { background-color: #f4f4f4; color: #08088a !important; border: 1px solid #dddddd !important; padding: 5px 12px !important; margin: 0 3px !important; border-radius: 3px !important; font-weight: 600 !important; }
.pagination > .page-numbers { display: inline-block !important; float: none !important; line-height: 24px !important; }
.pagination > .current { background-color: #08088a !important; color: #ffffff !important; border-color: #08088a !important; }
.pagination > a.page-numbers:hover { background-color: #e0e0e0 !important; color: #000000 !important; border-color: #cccccc !important; }
.pagination > .prev, .pagination > .next { font-size: 0 !important; text-shadow: none !important; color: transparent !important; display: inline-block !important; float: none !important; vertical-align: bottom !important; width: 33px !important; height: 36px !important; padding: 0 !important; line-height: 34px !important; text-align: center !important; box-sizing: border-box !important; }
.pagination a.prev::before { content: "\f100" !important; font-family: "FontAwesome" !important; font-size: 16px !important; color: #08088a !important; display: inline-block !important; line-height: inherit !important; vertical-align: top !important; }
.pagination a.next::before { content: "\f101" !important; font-family: "FontAwesome" !important; font-size: 16px !important; color: #08088a !important; display: inline-block !important; line-height: inherit !important; vertical-align: top !important; }
.pagination > .dots { display: inline-block !important; margin: 0 4px !important; font-size: 13px !important; border: 1px solid #dddddd !important; background: #f4f4f4 !important; color: #666666 !important; padding: 5px 10px !important; border-radius: 3px !important; }

.footer-menu li a { font-size: 17px !important; color: #08088a; text-transform: capitalize !important; }
.footer .container { border-top: 5px solid #ff0000; }

/* Pesquisa Global (Reparação) */
#main .search-form, .search-form, form[role="search"], .search-form-inner { max-width: 750px !important; width: 100% !important; margin-left: auto !important; margin-right: auto !important; position: relative !important; display: block !important; clear: both !important; }
#main .search-form .input-group, form[role="search"] .input-group { display: flex !important; width: 100% !important; }
#main .search-form .search-field, form[role="search"] .search-field { flex-grow: 1 !important; width: 100% !important; padding-right: 50px !important; }
#main .search-form .input-group-btn, #main .search-form .input-group-btn .btn, form[role="search"] button, .search-submit { position: absolute !important; right: 0 !important; top: 0 !important; height: 100% !important; width: 45px !important; margin: 0 !important; z-index: 99 !important; border: none !important; background: transparent !important; }

/* Lupa Móvel (Caixa de Pesquisa) */
@media only screen and (max-width: 991px) {
    .navbar-header { position: relative !important; }
    .carlos-lupa-botao { position: absolute !important; right: 42px !important; top: 50% !important; transform: translateY(-50%) !important; background: none !important; border: none !important; color: #004B87 !important; font-size: 28px !important; cursor: pointer !important; z-index: 99999 !important; line-height: 1 !important; }
    .carlos-caixa-pesquisa-escondida { display: none !important; position: absolute !important; left: 0 !important; right: 0 !important; top: 62px !important; width: 94% !important; margin: 0 auto !important; z-index: 999999 !important; background: #ffffff !important; border: 2px solid #004B87 !important; border-radius: 4px !important; padding: 2px 10px !important; height: 38px !important; box-sizing: border-box !important; }
    html body.home .carlos-caixa-pesquisa-escondida, .home .carlos-caixa-pesquisa-escondida { top: 51px !important; }
    .carlos-caixa-pesquisa-escondida.aberta { display: block !important; }
    .carlos-caixa-pesquisa-escondida form { width: 100% !important; height: 100% !important; display: flex !important; align-items: center !important; justify-content: space-between !important; }
    .carlos-caixa-pesquisa-escondida input { border: none !important; background: transparent !important; color: #333333 !important; font-family: "Times New Roman", serif !important; font-size: 15px !important; width: 88% !important; height: 100% !important; padding: 0 !important; }
    .carlos-fechar-pesquisa { background: none !important; border: none !important; color: #999999 !important; font-size: 20px !important; cursor: pointer !important; padding: 0 !important; line-height: 1 !important; width: 12% !important; text-align: right !important; }
    .carlos-fechar-pesquisa:active { color: #ff0000 !important; }
}
@media (min-width: 992px) {
    .carlos-lupa-botao, .carlos-caixa-pesquisa-escondida, .carlos-lupa-botao + button, .carlos-fechar-pesquisa { display: none !important; visibility: hidden !important; opacity: 0 !important; position: absolute !important; pointer-events: none !important; }
    .search-form-inner .input-group, form[role="search"] .input-group, .search-form .input-group { max-width: 650px !important; width: 100% !important; margin: 0 auto !important; position: relative !important; }
    .search-field, input[type="search"], input.form-control.search-field { border: 1px solid #999999 !important; border-radius: 4px !important; width: 100% !important; height: 42px !important; }
    .input-group-btn .btn, form[role="search"] button, .search-submit { position: absolute !important; right: 0 !important; top: 0 !important; width: 42px !important; height: 100% !important; background: transparent !important; border: none !important; cursor: pointer !important; z-index: 10 !important; }
    .input-group-btn .btn::before, form[role="search"] button::before, .search-submit::before { content: "" !important; position: absolute !important; top: 45% !important; left: 45% !important; width: 12px !important; height: 12px !important; border: 2px solid #666666 !important; border-radius: 50% !important; transform: translate(-50%, -50%) !important; }
    .input-group-btn .btn::after, form[role="search"] button::after, .search-submit::after { content: "" !important; position: absolute !important; top: 52% !important; left: 52% !important; width: 6px !important; height: 2px !important; background: #666666 !important; transform: rotate(45deg) !important; transform-origin: left top !important; }
}

/* ==========================================================================
   7. RESPONSIVIDADE — TELEMÓVEIS E TABLETS
   ========================================================================== */

@media (min-width: 650px) { 
    .carlos-linha-social-movel { display: none !important; } 
}

@media only screen and (min-width: 768px) {
    #navbar .navbar-nav > li > a { font-size: 9px; padding: 13px 9px; }
    .navbar.navbar-static-top.navbar-stuck.navbar-light .navbar-inner { background-color: #08088a !important; }
    .logo-location-sticky_nav { color: #ffffff; }
    .navbar-logo { font-size: 42px !important; }
}

/* --- COMPUTADORES (MENU A 17PX) --- */
@media only screen and (min-width: 992px) {
    #navbar .navbar-nav > li > a { padding: 13px 9px; font-size: 17px; }
    .navbar-nav > li.search > .btn { width: 47px; }
    
    html body .category .search-form-inner, 
    html body .archive .search-form-inner, 
    html body .page-template .search-form-inner, 
    html body .single-post .search-form-inner { top: 25px !important; }
    
    html body.home .search-form-inner, 
    html body .home .search-form-inner { top: 10px !important; }
    
    html body .header-style-b #navbar.navbar-collapse, 
    html body #navbar.navbar-collapse.collapse, 
    html body #navbar.navbar-collapse { display: block !important; visibility: visible !important; height: auto !important; }
    
    html body .barcelona-nav-inner, 
    html body .barcelona-header .container, 
    html body #barcelona-nav .container { width: 100% !important; max-width: 100% !important; padding-left: 15px !important; padding-right: 15px !important; }
    
    .home main#main, 
    .home .posts-box, 
    .home .section-html.post-content, 
    .home .caixa-videos-carlos { max-width: 100% !important; width: 100% !important; margin-left: auto !important; margin-right: auto !important; float: none !important; }
    
    .home .search-form input, 
    .home .search-form textarea, 
    .home input[type="search"], 
    .home .search-field { max-width: 100% !important; resize: none !important; overflow: hidden !important; }
    
    .home .search-form { max-width: 100% !important; width: 100% !important; margin-top: 0 !important; margin-bottom: 30px !important; }
}

@media only screen and (min-width: 1200px) {
    #navbar .navbar-nav > li > a { padding-right: 22px; padding-left: 22px; font-size: 17px; }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .home .container.single-container, 
    .page-template-page-modules-php .single-container, 
    .archive .container.single-container, 
    .category .container.single-container, 
    .single-post .container.single-container { max-width: 970px !important; width: 100% !important; margin-left: auto !important; margin-right: auto !important; padding-left: 15px !important; padding-right: 15px !important; float: none !important; }
}

@media only screen and (min-width: 1200px) {
    .home .container.single-container, 
    .page-template-page-modules-php .single-container, 
    .archive .container.single-container, 
    .category .container.single-container, 
    .single-post .container.single-container { max-width: 1170px !important; width: 100% !important; margin-left: auto !important; margin-right: auto !important; padding-left: 15px !important; padding-right: 15px !important; float: none !important; }
}

/* --- TELEMÓVEIS E TABLETS --- */
@media only screen and (max-width: 991px) {
    html, body, #barcelona-wrapper, .main-wrapper, .site-content { max-width: 100vw !important; overflow-x: hidden !important; }
    body.home, .home main#main, .home .main-wrapper, .home .site-content, .home .container, .home #page-wrapper > .container:nth-of-type(1) { margin-top: 0 !important; padding-top: 0 !important; }
    .post-image:after, .post-image:before, .barcelona-post-image:after { display: none !important; background: transparent !important; }
    .archive #page-wrapper > .container:nth-of-type(1), .category #page-wrapper > .container:nth-of-type(1), .single-post #page-wrapper > .container:nth-of-type(1), .page-template-page-cronologica #page-wrapper > .container:nth-of-type(1), .page-template-page-alfabetica #page-wrapper > .container:nth-of-type(1), .page-template-page-autores #page-wrapper > .container:nth-of-type(1), .page-template-page-text-in-english #page-wrapper > .container:nth-of-type(1), .page-template-page-textos-em-portugues #page-wrapper > .container:nth-of-type(1) { margin-top: 0 !important; padding-top: 10px !important; }
    .page-template-page-alfabetica2 #page-wrapper > .container:nth-of-type(1) { margin-top: 0px !important; padding-top: 10px !important; }
    .box-header, .box-header.has-title, .barcelona-page-header { display: block !important; visibility: visible !important; margin-bottom: 20px !important; text-align: center !important; }
    .box-header h3.title, .box-header h2.title, .barcelona-page-header .category-title { font-family: "Times New Roman", serif !important; font-size: 22px !important; font-weight: bold !important; color: #08088a !important; text-align: center !important; display: block !important; }
    
    table.custom-table-categories, .custom-table-categories { display: table !important; border-collapse: separate !important; border-spacing: 0 10px !important; background-color: transparent !important; }
    table.custom-table-categories tr, table.custom-table-categories td { display: block !important; width: 100% !important; }
    table.custom-table-categories td { padding: 12px 10px !important; text-align: center !important; }
    table.custom-table-categories tr td:nth-of-type(odd) { background-color: #ffffff !important; border: 1px solid #eaeaea !important; }
    table.custom-table-categories tr td:nth-of-type(even) { background-color: #f7f7f7 !important; border: 1px solid #eaeaea !important; }

    .home .mas-item .section-html > div, .category .mas-item .section-html > div, .archive .mas-item .section-html > div, .mas-item > div { display: block !important; width: 100% !important; max-width: 100% !important; }
    .home .mas-item .section-html > div > div, .category .mas-item .section-html > div > div, .archive .mas-item .section-html > div > div, .mas-item > div > div { display: block !important; flex: none !important; width: 100% !important; max-width: 100% !important; margin-left: 0 !important; margin-right: 0 !important; margin-bottom: 25px !important; }
    
    .post-footer .post-sharing ul.list-inline, .post-sharing ul.list-inline li { display: inline-block !important; float: none !important; text-align: center !important; }
    
    .barcelona-nav-inner .container, #barcelona-nav .container, nav.navbar-static-top .container { height: auto !important; max-height: none !important; }
    .header-style-b #navbar.navbar-collapse, #navbar.navbar-collapse.collapse, #navbar.navbar-collapse { display: none !important; visibility: hidden !important; }
    .header-style-b #navbar.navbar-collapse.in, #navbar.navbar-collapse.collapse.in, #navbar.navbar-collapse.in { display: block !important; visibility: visible !important; }
    .barcelona-nav-inner, .barcelona-nav-inner .container, #barcelona-nav, #barcelona-nav .container, .header-style-b #navbar.navbar-collapse, #navbar.navbar-collapse { width: 100% !important; max-width: 100% !important; min-width: 100% !important; padding-left: 0 !important; padding-right: 0 !important; margin: 0 auto !important; }
    #menu-1st-menu.navbar-nav { margin: 0 !important; padding-left: 15px !important; padding-right: 15px !important; width: 100% !important; box-sizing: border-box !important; }
    
    main#main form.search-form, main#main .search-form-inner, .main form.search-form { display: none !important; }

    html body.home .box-header.has-title::after, html body .barcelona-homepage .box-header::after, .box-header.has-title::after { content: "" !important; display: block !important; visibility: visible !important; position: absolute !important; background-color: #ff0000 !important; height: 6px !important; top: 50% !important; transform: translateY(-50%) !important; left: 0 !important; width: 100% !important; z-index: 1 !important; }
    .box-header.has-title h2, .box-header.has-title .title, html body .box-header.has-title h2 { position: relative !important; z-index: 2 !important; display: inline-block !important; background-color: #fff !important; padding: 0 15px !important; margin: 0 !important; }
}

@media only screen and (max-width: 767px) {
    html body .navbar-header, html body .barcelona-header-inner { position: relative !important; display: block !important; width: 100% !important; height: 60px !important; min-height: 60px !important; clear: both !important; }
    html body .header-style-b .navbar-logo, html body .navbar-logo, html body .navbar-logo a { position: absolute !important; left: 8px !important; top: 50% !important; transform: translateY(-50%) !important; color: #08088a !important; text-decoration: underline !important; font-size: 24px !important; font-weight: 700 !important; display: inline-block !important; float: none !important; white-space: nowrap !important; max-width: 75% !important; padding-left: 27px !important; padding-right: 0px !important; padding-top: 0px !important; padding-bottom: 0px !important; }
    html body .navbar-toggle, html body button.navbar-toggle { position: absolute !important; right: 0px !important; top: 50% !important; transform: translateY(-50%) !important; display: block !important; visibility: visible !important; float: none !important; margin: 0 !important; z-index: 9999 !important; background-color: transparent !important; border: none !important; padding-top: 5px !important; padding-bottom: 0px !important; padding-right: 5px !important; padding-left: 0px !important; }
    .navbar { position: fixed !important; top: 0; left: 0; width: 100%; z-index: 99999 !important; transition: transform 0.3s ease-in-out !important; background-color: #ffffff !important; box-shadow: 0 2px 5px rgba(0,0,0,0.05); }
    .navbar.header-hidden { transform: translateY(-100%) !important; }
    .navbar.header-visible { transform: translateY(0) !important; }
    body { padding-top: 65px !important; }
    html body .navbar-header .navbar-logo, html body .header-style-b .navbar-logo, html body .navbar-logo, html body .navbar-logo a, .navbar-logo a { left: 0 !important; right: auto !important; text-align: left !important; float: left !important; display: inline-block !important; white-space: nowrap !important; font-size: 5.7vw !important; max-width: 82% !important; padding-left: 12px !important; padding-right: 0px !important; overflow: visible !important; }
    html body .navbar-toggle, html body button.navbar-toggle { right: 5px !important; left: auto !important; float: right !important; position: absolute !important; top: 50% !important; transform: translateY(-50%) !important; z-index: 9999 !important; }
    .carlos-linha-social-movel { padding: 2px 0 8px 0 !important; margin-top: 0 !important; }
    body.home #page-wrapper, body.home .container.single-container { margin-top: 60px !important; padding-top: 10px !important; }
    html body .cabecalho-final-aveline, .cabecalho-final-aveline, html body.page .page-header, html body.page .post-header { position: relative !important; display: block !important; width: 100% !important; text-align: center !important; overflow: visible !important; padding: 5px 0 15px 0 !important; margin-top: 0 !important; margin-bottom: 20px !important; background-image: linear-gradient(to bottom, transparent calc(50% - 1px), #ff0000 calc(50% - 1px), #ff0000 calc(50% + 1px), transparent calc(50% + 1px)) !important; background-size: 75% 100% !important; background-position: center !important; background-repeat: no-repeat !important; }
    html body .cabecalho-final-aveline h1.post-title, .cabecalho-final-aveline .post-title, html body.page .page-header .page-title, html body.page .post-header .post-title, html body.page h1 { display: inline-block !important; position: relative !important; z-index: 2 !important; background-color: #ffffff !important; max-width: 82% !important; margin: 0 auto !important; padding: 0 12px !important; line-height: 1.3 !important; }
    html body .cabecalho-listagem-aveline, .cabecalho-listagem-aveline { position: relative !important; display: block !important; width: 100% !important; text-align: center !important; overflow: visible !important; padding: 5px 0 15px 0 !important; margin-top: 0 !important; margin-bottom: 20px !important; background-image: linear-gradient(to bottom, transparent calc(50% - 1px), #ff0000 calc(50% - 1px), #ff0000 calc(50% + 1px), transparent calc(50% + 1px)) !important; background-size: 75% 100% !important; background-position: center !important; background-repeat: no-repeat !important; }
    .barra-fina-fixa { display: none !important; }
    html body .cabecalho-listagem-aveline h2.title, .cabecalho-listagem-aveline h2 { display: inline-block !important; position: relative !important; z-index: 2 !important; background-color: #ffffff !important; max-width: 82% !important; margin: 0 auto !important; padding: 0 12px !important; line-height: 1.3 !important; }
}

@media (max-width: 649px) {
    .carlos-linha-social-movel { display: block !important; width: 100% !important; padding: 5px 0 12px 0 !important; background-color: #ffffff !important; text-align: center !important; box-sizing: border-box !important; clear: both !important; }
    .carlos-linha-social-movel .social-pure-icons { display: flex !important; justify-content: center !important; align-items: center !important; gap: 25px !important; }
    .carlos-linha-social-movel .social-pure-icons a { display: inline-flex !important; text-decoration: none !important; background-color: transparent !important; border-radius: 0 !important; width: auto !important; height: auto !important; }
    .carlos-linha-social-movel .social-pure-icons a i { font-size: 20px !important; display: inline-block !important; line-height: 1 !important; }
    .carlos-linha-social-movel .social-pure-icons a[title="Facebook"] i { color: #3b5998 !important; }
    .carlos-linha-social-movel .social-pure-icons a[title="Pinterest"] i { color: #bd081c !important; }
    .carlos-linha-social-movel .social-pure-icons a[title="YouTube"] i { color: #cd201f !important; }
    .carlos-linha-social-movel .social-pure-icons a:active i { opacity: 0.6 !important; }
}

@media only screen and (max-width: 768px) {
    #navbar .navbar-nav > li.search > .btn { display: none; }
    #navbar .navbar-nav > li { display: table; width: 100%; text-align: center; }
}

@media only screen and (min-width: 650px) and (max-width: 991px) {
    html body #page-wrapper .navbar-header, html body .barcelona-header-inner .navbar-header, .navbar-header { position: relative !important; display: block !important; width: 100% !important; height: 65px !important; min-height: 65px !important; clear: both !important; text-align: center !important; }
    html body #page-wrapper .navbar-header .navbar-logo, html body .header-style-b .navbar-logo, html body .navbar-logo, html body .navbar-logo a { position: absolute !important; left: 0 !important; right: 0 !important; margin: 0 auto !important; top: 50% !important; transform: translateY(-50%) !important; color: #08088a !important; text-decoration: underline !important; font-size: 32px !important; font-weight: 700 !important; display: inline-block !important; float: none !important; white-space: nowrap !important; max-width: 75% !important; padding-left: 0px !important; padding-right: 0px !important; padding-top: 0px !important; padding-bottom: 0px !important; }
    html body #page-wrapper .navbar-header button.navbar-toggle, html body .navbar-header .navbar-toggle, html body button.navbar-toggle { display: block !important; visibility: visible !important; position: absolute !important; right: 10px !important; top: 50% !important; transform: translateY(-50%) !important; float: none !important; margin: 0 !important; background-color: transparent !important; z-index: 9999 !important; border: none !important; padding-top: 5px !important; padding-bottom: 0px !important; padding-right: 0px !important; padding-left: 0px !important; }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    html body .navbar-collapse.collapse { display: none !important; }
    html body .navbar-toggle, html body button.navbar-toggle { display: block !important; visibility: visible !important; position: relative !important; float: right !important; margin-top: 12px !important; margin-right: 15px !important; background-color: transparent !important; z-index: 999 !important; }
    html body .barcelona-header, html body .navbar-header, html body .barcelona-header-inner { display: block !important; height: auto !important; min-height: 85px !important; float: none !important; clear: both !important; padding-top: 15px !important; padding-bottom: 15px !important; }
    html body .header-style-b #navbar.navbar-collapse.in, html body #navbar.navbar-collapse.in { width: 100% !important; max-width: 100% !important; min-width: 100% !important; padding-left: 0 !important; padding-right: 0 !important; margin: 0 auto !important; clear: both !important; }
    html body #menu-1st-menu.navbar-nav { margin: 0 !important; padding-left: 15px !important; padding-right: 15px !important; width: 100% !important; box-sizing: border-box !important; }
    html body #page-wrapper .container, html body #page-wrapper .site-content, html body #page-wrapper main#main .post-content { max-width: 885px !important; width: 100% !important; margin-left: auto !important; margin-right: auto !important; float: none !important; }
    html body .navbar-top, html body .navbar-top.clearfix { margin-top: 10px !important; margin-bottom: 20px !important; display: block !important; visibility: visible !important; }
    html body.home .header-style-b #navbar.navbar-collapse.in, html body.home #navbar.navbar-collapse.in, html body.home .barcelona-nav-inner, html body.home #barcelona-nav .container { max-width: 100% !important; width: 100% !important; min-width: 100% !important; margin-left: auto !important; margin-right: auto !important; }
    html body.home .navbar-top, html body.home .navbar-top-left, html body.home .navbar-top-right { max-width: 100% !important; width: 100% !important; float: none !important; }
    html body.home .navbar-top, html body.home #navbar.navbar-collapse.in { padding-left: 15px !important; padding-right: 15px !important; box-sizing: border-box !important; }
    html body.home .navbar-top-right { text-align: right !important; }
    html body.home .navbar-top-right .social-icons { float: right !important; padding-right: 0 !important; }
}

/* ==========================================
   BOTÃO HAMBÚRGUER
   ========================================== */
@media only screen and (max-width: 991px) {
    html body .navbar-toggle, 
    html body button.navbar-toggle {
        display: block !important;
        visibility: visible !important;
        position: absolute !important;
        right: 5px !important;
        top: 50% !important;
        transform: translateY(-50%) !important;
        z-index: 99999 !important;
        background: transparent !important;
        border: none !important;
        box-shadow: none !important;
        width: 31px !important;
        height: 34px !important;
        padding: 0 !important;
        margin: 0 !important;
    }

    html body .navbar-toggle .fa-navicon,
    html body button.navbar-toggle .fa-navicon {
        display: none !important;
    }

    html body .navbar-toggle::before,
    html body button.navbar-toggle::before {
        content: "" !important;
        display: block !important;
        position: absolute !important;
        top: 50% !important;
        left: 50% !important;
        transform: translate(-50%, -50%) !important;
        width: 22px !important; 
        height: 2px !important; 
        background-color: #08088a !important;
        box-shadow: 0 6px 0 #08088a, 0 -6px 0 #08088a !important;
    }

    html body .navbar-toggle::after,
    html body button.navbar-toggle::after {
        display: none !important;
        content: none !important;
    }
}

/* ==========================================
   FORMULÁRIO NEWSLETTER (COMPATÍVEL COM BOOTSTRAP)
   ========================================== */

/* --- TELEMÓVEL (Empilhados e centrados) --- */
@media only screen and (max-width: 767px) {
    .carlos-botoes-flex {
        display: block !important; /* Deixa o Bootstrap organizar */
        width: 100% !important;
        margin: 0 !important;
        padding: 0 !important;
    }

    .carlos-botoes-flex input[type="submit"] {
        display: block !important;
        width: 100% !important;
        max-width: 280px !important;
        margin: 0 auto 10px auto !important; /* CENTRA e afasta */
        padding: 12px 15px !important;
        box-sizing: border-box !important;
        float: none !important; /* Limpa qualquer float */
    }
    
    /* Redes sociais */
    .post-footer .post-sharing ul.list-inline, 
    .footer .social-icons {
        display: flex !important;
        flex-wrap: wrap !important;
        justify-content: center !important;
        gap: 15px !important;
        padding: 0 !important;
        margin: 15px 0 !important;
    }
}

/* --- COMPUTADOR (Lado a lado) --- */
@media only screen and (min-width: 768px) {
    .carlos-botoes-flex {
        display: block !important; /* Deixa o Bootstrap organizar */
        width: 100% !important;
        margin: 0 !important;
        padding: 0 !important;
        font-size: 0; /* Truque para tirar o espaço entre inline-blocks */
    }

    .carlos-botoes-flex input[type="submit"] {
        display: inline-block !important; /* Um ao lado do outro */
        width: auto !important;
        min-width: 150px !important;
        margin: 0 10px 0 0 !important; /* Espaço à direita */
        padding: 12px 20px !important;
        box-sizing: border-box !important;
        float: none !important; /* Limpa qualquer float */
        font-size: 13pt !important; /* Devolve o tamanho da letra */
    }
}

/* ==========================================================================
   8. IMPRESSÃO (@media print)
   ========================================================================== */
@media print {
    * { margin: 0; padding: 0; border: 0; outline: 0; vertical-align: baseline; background: transparent; line-height: 115%; font-size: 103% !important; }
    body { background: white; color: black; margin: 0; }
    #header, .navbar, .sidebar, #sidebar, .post-footer, .post-sharing, .posts-box-related-posts, footer, .footer, #colophon, .navbar-wrapper, .breadcrumb-wrapper, .fimg-no-thumb:not(.fimg-media) .featured-image .vm-middle::after { display: none !important; }
    .post section.post-content { max-width: 90%; margin-left: auto; margin-right: auto; }
    .single-post section.post-content { width: 100% !important; max-width: 100% !important; margin: 0 !important; }
}
/* ==========================================================================
   9. LEITOR DE ÁUDIO — DESIGN PREMIUM (carloscardosoaveline.com)
   ========================================================================== */

/* 9.1 Contentor principal */
.trinity-player-final {
  display: flex !important;
  align-items: center !important;
  gap: 16px !important;
  padding: 10px !important;
  background-color: #f8f9fa !important;
  border-top: 1px solid #ff0000 !important;
  border-bottom: 1px solid #ff0000 !important;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05) !important;
  width: 100% !important;
  max-width: 750px !important;
  margin: 5px auto 30px auto !important;
  clear: both !important;
  box-sizing: border-box !important;
}

.trinity-button-group-fn {
  display: flex !important;
  align-items: center !important;
  gap: 6px !important;
  flex-shrink: 0 !important;
}

/* 9.2 Botão Play */
.trinity-play-btn-fn {
  width: 38px !important;
  height: 38px !important;
  border-radius: 50% !important;
  background-color: #08088a !important;
  color: #ffffff !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 0 !important;
  border: none !important;
  cursor: pointer !important;
  transition: background-color 0.2s ease !important;
}

.trinity-play-btn-fn:hover {
  background-color: #1a1aa8 !important;
}

.trinity-play-btn-fn svg {
  width: 18px !important;
  height: 18px !important;
  fill: #ffffff !important;
  margin-left: 2px !important;
}

/* 9.3 Ícones laterais */
.trinity-nav-btn-fn {
  width: auto !important;
  height: 38px !important;
  border: none !important;
  background: transparent !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  cursor: pointer !important;
  color: #000000 !important;
  padding: 0 8px !important;
  box-shadow: none !important;
}

.trinity-nav-btn-fn svg {
  width: 18px !important;
  height: 18px !important;
  fill: #000000 !important;
}

.trinity-info-area-fn {
  flex-grow: 1 !important;
}

.trinity-progress-container-fn {
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
}

/* 9.4 Texto principal */
.trinity-label-fn {
  font-family: "Times New Roman", Times, serif !important;
  font-weight: bold !important;
  font-size: 15px !important;
  color: #08088a !important;
  white-space: nowrap !important;
}

/* 9.5 Cronómetro e tempo total */
.trinity-time-fn {
  font-size: 13px !important;
  font-family: "Times New Roman", Times, serif !important;
  color: #08088a !important;
  font-variant-numeric: tabular-nums !important;
}

.trinity-progress-bar-fn {
  flex-grow: 1 !important;
  height: 4px !important;
  background: #e0e0e0 !important;
  border-radius: 2px !important;
  position: relative !important;
  overflow: hidden !important;
}

.trinity-progress-fill-fn {
  height: 100% !important;
  width: 0%;
  background: #ff0000 !important;
}

/* 9.6 Botão de velocidade */
.trinity-speed-btn-fn {
  background: transparent !important;
  border: none !important;
  height: 38px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 0 12px 0 4px !important;
  margin-left: auto !important;
  font-family: "Times New Roman", Times, serif !important;
  font-size: 14px !important;
  font-weight: bold !important;
  cursor: pointer !important;
  color: #08088a !important;
  box-sizing: border-box !important;
}

/* 9.7 Mobile */
@media (max-width: 600px) {
  .trinity-player-final {
    gap: 8px !important;
    padding: 8px !important;
  }
  .trinity-label-fn {
    font-size: 13px !important;
    white-space: normal !important;
  }
  .trinity-time-fn {
    font-size: 11px !important;
  }
}
/* Aumenta o espaço acima do título do artigo para separar do leitor */
.single-post .cabecalho-final-aveline {
    margin-top: 35px !important;
}