/*01 - Conteúdo PC*/
/*HEADER*/
body{font-family:var(--primary-font-family); margin:0; padding: 90px 0 0 0; -webkit-font-smoothing: antialiased;}
a { text-decoration:none;}
p { line-height: 150%;}
img { border:0; vertical-align:top;}
.centra { width: 90%; max-width: 1250px; margin: 0 auto; }
.bgRule { background-position: center; background-repeat: no-repeat; background-size: cover}
.splide__list { height: auto!important;}
/*
 * Bloqueio de Scroll Agressivo para o Pre-loader
 */
body.lockScr {
  overflow: hidden !important;
  touch-action: none !important;
}
.bg-primary {background-color: var(--primary-color);}
.scroll-bloqueado {
    overflow: hidden;
    width: 100%;
    touch-action: none;
    -webkit-overflow-scrolling: none;
}
.driftAD { width: 1px; height: 1px; position: absolute; margin: 0 0 -40px 0}
header { width: 100%; background-color: #FFF; box-shadow: 0px 4px 41px 0px rgba(0, 0, 0, 0.10); padding: 9px 0; position: fixed; top: 0; left: 0; z-index: 99999; }
        .admin-bar header { top: 32px}
        .menu { width: 90%; max-width: 1300px; margin: 0 auto; display: flex; align-items: center; justify-content: space-between; }
        .logo { width: 180px; height: auto;}
        .navbar { flex: 1; display: flex; max-width: 1040px; align-items: center; justify-content: space-between}
        .main-navigation { flex: 1}
        .nav-menu { display: flex; align-items: center; justify-content: flex-start; }
        .nav-menu li { list-style: none; margin: 0 25px 0 0; }
        .nav-menu li a { font-weight: 600; color: #000;}
        .nav-menu li a:hover { color: var(--primary-color)}
        .nav-menu li:last-child { margin: 0}
        .xtraMenu ul { display: flex; align-items: center; justify-content: flex-end}
        .xtraMenu ul li { list-style: none; margin: 0 0 0 8px; }
        .xtraMenu ul li a { display: flex; font-weight: 600; color: #000; align-items: center; min-height: 40px; justify-content: center; box-sizing: border-box; padding: 5px 15px; border-radius: 8px; }
        .xtraMenu ul li a:hover {background-color: #F5F5F5}
        .xtraMenu ul li a i { font-size: 20px; margin: 0 0 -4px 5px; color: var(--primary-color);}
        .xtraMenu ul li:first-child { margin: 0}
        .xtraMenu ul li:last-child a { background-color: var(--primary-color); color: #FFF;}
        .hamb { display: none; }
        .sino { width: 20px;}
        .buscar { display: none;}
        .nav-menu li:hover .sub-menu { display: block; }
        @media screen and (min-width: 1150px)
        {
            .nav-menu .sub-menu { display: none; background-color: #FFF; width: 250px; margin: 30px 0 0 0; box-shadow: 0px 4px 41px 0px rgba(0, 0, 0, 0.20); border-radius: 7px; position: absolute; padding: 15px 30px; }
            .nav-menu .sub-menu li { margin: 0; padding: 0; }
            .nav-menu .sub-menu li a {padding: 4px 0; display: block; color: #777; }
            .nav-menu .sub-menu:before {content: ''; width: 25px; height: 25px; top: -13px; background-color: #FFF; border-radius: 3px; transform: rotate(45deg); position: absolute; z-index: 1; }
            .nav-menu .sub-menu:after { content: ''; width: 100%; height: 30px; position: absolute; top: -30px; left: 0; background-color: rgba(255, 255, 255, 0.01);}
        }
        .menu-item-has-children { padding-right: 25px; position: relative; }
        .menu-item-has-children:after { position: absolute; top: calc(50% - 11px); right: 0;}
.destaques {margin: 50px 0 20px 0; gap:20px; display: flex; align-items: stretch; justify-content: space-between; flex-wrap: wrap; }
.destaques h2 {width: 100%; margin: 0;}
.banner { width: calc(100% - 330px)}
.novidades { display: flex; gap: 20px; width: 310px; height: 506px; flex-direction: column; align-items: center; justify-content: flex-start}
.mmx { height: 556px}
.novidades h2 { margin: 0;}
.image-container { height: 480px;}
.splide__arrow { z-index: 9!important;}
#primary-slider { border-radius: 10px; overflow: hidden; }
#primary-slider .image-container::before {content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: linear-gradient(to top, rgba(0, 0, 0, .8), rgba(0, 0, 0, 0)); z-index: 1; pointer-events: none;}
#primary-slider h3 { margin: 0; font-size: 37px; position: absolute; color: #FFF; z-index: 99; bottom: 50px; left: 40px; width: calc(100% - 80px);}
.card-minimal { width: 100%; transition: all .15s ease; border-radius: 10px; flex: 1; height: auto; margin: 0; padding: 0; position: relative; overflow: hidden; }
.card-minimal h3 { margin: 0; bottom: 15px; left: 15px; width: calc(100% - 25px); color: #FFF; position: absolute; font-size: 16px; z-index: 99}
.card-minimal:hover { transform: scale(1.03)}
.card-minimal .bg-custom {width: 100%; height: 100%; position: absolute; top: 0; left: 0; }
.card-minimal .bg-custom::before {content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,.2); z-index: 1; pointer-events: none;}
#secondary-slider { width: 100%; margin: 10px 0 40px 0; }
#secondary-slider ul { width: 100%!important; padding: 0 2px!important; gap:20px; display: flex; align-items: center; justify-content: flex-start;}
#secondary-slider li { background-color: #fff; cursor: pointer; transition: all .15s ease; border: 0!important; flex: 1; margin: 0!important; padding: 0; list-style: none; position: relative; }
#secondary-slider li:after { content: ''; width: 0%; border-radius: 2px; height: 8px; background-color: var(--primary-color); position:absolute; top: 10px; left: 0; }
#secondary-slider li:before { content: ''; transition: all .15s ease; width: 100%; border-radius: 2px; height: 8px; background-color: #D9D9D9; position:absolute; top: 10px; left: 0; }
#secondary-slider li:hover:before { background-color: #f0f0f0;}
#secondary-slider .is-active:after {
    -webkit-animation-duration: 5.5s; -webkit-animation-name: animaBarra;
    -webkit-animation-delay: 0s; -webkit-animation-fill-mode: forwards;
}
@-webkit-keyframes animaBarra {
    0% { width:0%; } 
    100% { width:100%; }
}
.splide__arrow { transition: all .15s ease}
.splide__arrow:hover { opacity: .6}
.minExcerpt { width: 100%; margin: 0 0 40px 0; }
.categoriasLista { display: flex; align-items: center; gap:20px; justify-content: space-between;  position: relative;  font-weight: 600}  
.categoriasLista b { font-size: 20px; color: var(--primary-color); }
.category-options {display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; flex: 1; position: relative; white-space: nowrap; }
.category-options-item {display: inline-block; margin-left: 15px; font-size: 14px; color: #666;}
.category-options-item:hover {color: #222}
.category-options-item:nth-of-type(1) {margin: 0;}
/* Estilos do dropdown */
#more-categories-dropdown {display: flex;}
#more-categories-btn {background: none; border: none; cursor: pointer; display: flex; align-items: center; font-size: 14px; color: var(--primary-color); padding: 0px 12px; transition: all 0.3s ease;}
#more-categories-btn:hover {opacity: 0.8;}
#more-categories-btn span {display: inline-flex; margin-left: 5px;}
.dropdown-menu {display: none; box-sizing: border-box; position: absolute; right: 0; background-color: #fff; min-width: 180px; box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2); z-index: 1000; border-radius: 5px; padding: 10px; max-height: 300px; overflow-y: auto;}
.dropdown-menu.show {display: block;}
.dropdown-menu li { list-style: none; }
.dropdown-item {color: #333; padding: 8px 6px; border-radius: 4px; font-size: 14px; font-weight: 500; text-decoration: none; display: block; transition: background-color 0.3s;}
.dropdown-item:hover {background-color: #f5f5f5; color: var(--primary-color);}
#buscador { position: relative; margin: 0 0 -3px 0}
#buscador i { font-size: 22px; color: #333; cursor: pointer; }
#buscador form { width: 90vw; max-width: 455px; z-index: 999; display: none; align-items: stretch; position: absolute; background-color: #FFF; top: 42px; right: -20px; box-sizing: border-box; padding: 10px; border-radius: 5px; filter: drop-shadow(0px 1px 25px rgba(0, 0, 0, 0.08));}
#buscador form:before { content: ''; width: 25px; height: 25px; transform: rotate(45deg); background-color: #fff; border-radius: 5px; position: absolute; top: -10px; right: 17px;}
#buscador input[type=search] { -webkit-appearance: none; flex: 1; margin:0 10px 0 0; box-sizing:border-box; font-size:16px; outline:none; border-radius:5px; border:0px; background-color:#FFF; color:#333; padding:12px; }
#buscador button[type=submit] { -webkit-appearance: none; cursor: pointer; margin:0; position: relative; z-index: 9; box-sizing:border-box; font-size:16px; outline:none; border-radius:5px; font-weight: 600; border:0px; background-color:var(--primary-color); color:#FFF; padding:12px 20px; }
.displayFlex form { display: flex!important;}
.all-pages { padding: 20px 0 40px 0;}
.post-meta { width: 100%; font-size: 15px; text-transform: uppercase; display: flex; align-items: center; justify-content: flex-start; }
.author-info { margin: 0 20px 0 0; padding: 0 20px 0 0; position: relative; display: flex; align-items: center; justify-content: flex-start; }
.author-info:after {content: ''; width: 6px; height: 6px; border-radius: 50%; position: absolute; top: calc(50% - 3px); right: 0; background-color: #D9D9D9}
.author-info i { font-size: 20px; margin: 0 5px -6px 0}
.author-info:last-child:after { display: none}
.img-author { width: 35px; min-width: 35px; height: 35px; min-height: 35px; border: 1px solid #fff; background-color: #ddd; box-shadow: 1px 1px 8px -1px rgba(0,0,0,.5)!important; border-radius: 50%; margin: 0 12px 0 3px; display: block; overflow: hidden}
.img-author img { width: 100%; }
.author-info a { color: var(--primary-color)}
    .author-avatar { width: 100%; height: 200px; overflow: hidden; }
    .author-avatar img { width: 100%;}
.authorBarra { border-block: 1px solid #D9D9D9; flex-wrap: wrap; padding: 30px 0; gap:20px; margin: 20px 0; display: flex; align-items: flex-start;  }
.umAuthor { flex: 1; display: flex; flex-wrap: wrap; align-items: flex-start;}
.author-photo { width: 90px; min-width: 90px; height: 90px; border-radius: 50%; margin: 0 15px 0 0; overflow: hidden; background-color: #ddd; display: block; }
.author-photo img { width: 100%; height: auto;}
.info-author { flex: 1}
.info-author h4 { text-transform: uppercase; font-size: 13px; margin: 10px 0 8px 0; color: var(--primary-color);}
.author-dsc { color: #333; font-size: 13px;}
.most-views { margin: 50px 0 0 0;}
.most-title { padding: 0; margin: 0; position: relative;}
/*.most-title:before { content: ''; width: 80px; height: 1px; background-color: #D9D9D9; position: absolute; top: 50%; left: 0;}*/
.most-views h2 b {color: var(--primary-color)}
.sub-most-title {color: var(--primary-color); font-size: 36px; margin: 0 0 40px 0;}
.novos-posts { margin: 40px 0 0 0;}
.titulo-linhas { width: 100%; position: relative; margin: 0 0 60px 0; }
.titulo-linhas:before {content: ''; width: 100%; height: 1px; background-color: #D9D9D9; position: absolute; top: 50%; left: 0;}
.titulo-linhas h2 { background-color: #FFF; box-sizing: border-box; padding: 0 30px; display: table; margin: 0 auto; text-align: center; position: relative; z-index: 9;}
.titulo-linhas h2 b { color: var(--primary-color)}
.posts-recentes {display: flex; align-items: stretch; flex-wrap: wrap; justify-content: flex-start; column-gap: 60px;}
.card-post { max-width: calc(33% - 40px); margin: 0 0 30px 0; border-top: 1px solid #D9D9D9; padding: 30px 0 0 0;  }
.bg-post { width: 100%; height: 200px; border-radius: 10px; overflow: hidden; transition: all .15s ease}
.bg-post img { width: 100%; opacity: 0 }
.card-post h3 { margin: 20px 0 0 0; font-weight: normal; }
.card-post h3 a { color: #333;  }
.card-post:hover .bg-post { transform: scale(1.03)}
.banner h2 { margin: 0 0 20px 0;}
.banner h2 strong, .novidades h2 strong {color: var(--primary-color)}
.card-post2 { max-width: calc(33% - 40px); margin: 0 0 30px 0; border-top: 1px solid #D9D9D9; padding: 30px 0 0 0;  }
.bg-post2 { width: 100%; height: 200px; border-radius: 10px; overflow: hidden; transition: all .15s ease}
.bg-post2 img { width: 100%; opacity: 0 }
.card-post2 h3 { margin: 20px 0 0 0; font-weight: normal; }
.card-post2 h3 a { color: #333;  }
.card-post2:hover .bg-post2 { transform: scale(1.03)}
.single-category { margin: 40px 0;}
.row-cat { margin: 40px 0 0 0; display: flex; align-items: flex-start; justify-content: space-between; gap:50px;}
.col-cat { flex: 1; flex-wrap: wrap; display: flex; align-items: flex-start; }
.post-feat .card-post { max-width: 100%;  }
.post-feat { flex: 2; max-width: 650px }
.post-normal { flex: 1.7; column-gap: 50px;}
.post-normal .card-post { max-width: none; width: calc(50% - 25px) }
.post-feat .bg-post { height: 420px;}
.post-normal .bg-post { height: 150px;}
.post-normal .card-post h3 { min-height: 40px; font-size: 15px;}
.indice {box-sizing: border-box; padding: 0; margin: 20px 0 70px 0; border-radius: 10px; background-color: #f8f8f8; position: relative;}
.indice h2 {padding: 30px 60px 30px 60px; margin: 0; border-radius: 5px; -webkit-user-select: none; -ms-user-select: none; user-select: none; position: relative}
.indice h2:hover {cursor: pointer; background-color: #eeeeee;}
.indice ul, .indice ol {transition: all .15s ease; padding: 0 20px !important; margin: 0 !important; height: 0px; overflow: hidden;}
.indiceAberto ul, .indiceAberto ol {height: auto; padding: 30px 20px 20px 20px !important; list-style: none; justify-content: space-between; margin: 0; display: flex; flex-wrap: wrap;}
.indice ul li:before {background-color: transparent; content: url(https://api.iconify.design/ri/arrow-right-s-line.svg?color=%23000000&width=15); position: absolute; top: 0; left: 10px; width: 5px; height: 5px; border-radius: 50%;}
.indice ul li a, .indice ol li a {color: #000;}
.indice li {width: calc(50% - 20px); list-style: none; display: block; position: relative; margin: 0 0 10px 0; box-sizing: border-box; padding: 0 0 0 25px;}
.indice:after {content: ''; width: 100%; height: 1px; position: absolute; background-color: #eeeeee; bottom: -40px; left: 0;}
.indice h2:before {content: url(https://api.iconify.design/ic/outline-assignment.svg?color=%23000000&width=28); top: 32px; left: 25px; background-color: transparent; position: absolute;}
.indice h2:after {content: url(https://api.iconify.design/ri/arrow-right-s-line.svg?color=%23000000&width=30); transition: all .15s ease; position: absolute; top: calc(50% - 15px); right: 30px; background-color: transparent;  }
.indiceAberto h2:after {transform: rotate(90deg); top: calc(50% - 17px); right: 32px;}
    .featured-author { padding: 40px 0;}
    .linhaFullAuth { display: flex; align-items: flex-start; justify-content: space-between; }
    .col1Auth { width: 300px; }
        .fotoAuthBig { width: 100%; overflow: hidden; border-radius: 10px; }
        .fotoAuthBig img { width: 100%; }
        .col1Auth h1 { font-size: 24px; margin: 15px 0 0 0;}
        .cargo { margin: 5px 0 0 0; font-size: 14px; }
    .col2Auth { flex: 1; max-width: 880px; margin: 0 0 0 20px;}
    .author-totals { margin: 20px 0 0 0; padding: 20px 5px; background-color: #f8f8f8; text-align: center; border-radius: 10px; box-sizing: border-box; }
    .author-totals i { display: block; margin: 0 auto; font-size: 25px; color: var(--primary-color); }
    .author-totals strong { font-size: 50px; }
    .author-totals p { font-weight: 600; font-size: 14px; margin: -5px 0 0 0;}
    .descricao p { margin: 0 0 20px 0!important}
    .midiasAuth { display: flex; align-items: center; justify-content: flex-start; padding: 0; flex-wrap: wrap; }
    .midiasAuth li { list-style: none; }
    .midiasAuth li a { font-size: 25px; margin: 0 5px 0 0; color: var(--primary-color); }
    .midiasAuth .btnSite { margin: 0 0 -6px 3px}
    .midiasAuth .btnSite a { font-size: 13px; box-sizing: border-box; padding: 5px 15px; background-color: var(--primary-color); color: #FFF; border-radius: 5px; }
    .specsAuth { margin: 60px 0 0 0; padding: 60px 0 0 0; position: relative;}
    .specsAuth:before { content: ''; width: 220px; height: 1px; background-color: var(--primary-color); position: absolute; top: 0; left: 0;}
    .linhaSpecs { margin: 0 0 30px 0;}
    .linhaSpecs em { margin: 0 0 10px 0; display: flex; font-style: normal; align-items: center; justify-content: flex-start; }
    .linhaSpecs em i { font-size: 30px; margin: 0 10px -3px 0; color: var(--primary-color); }
    .linhaSpecs p { margin: 0 0 20px 0;}
    .linhaFullAuth2 { margin: 60px 0 0 0;}
    .titulo-mais-posts { position: relative; text-align: center; margin: 0 0 60px 0; }
    .titulo-mais-posts:before { content: ''; width: 100%; height: 1px; background-color: #D9D9D9; position: absolute; top: 50%; left: 0;}
    .titulo-mais-posts h3 { font-size: 30px; display: table; margin: 0 auto; background-color: #FFF; box-sizing: border-box; padding: 0 30px; position: relative; z-index: 999;}
    .bg-min-post { width: 100%; height: 200px; border-radius: 15px; background-position: top; margin: 0 0 20px 0;}
    .min-card-post .clock { display: none; }
    .min-card-post .author-info { margin: 0 10px 0 0; padding: 0 15px 0 0;}
    .min-card-post .post-meta { font-size: 11px;}
    .min-card-post .img-author { width: 28px; height: 28px; min-height: 28px; min-width: 28px; }
    .min-card-post .author-info span { display: none; }
    .min-card-post h3 a { color: #000; min-height: 50px; display: block}
    .linhaFullAuth2 .splide { padding: 0 70px; }
    .post-content { padding: 40px 0 80px 0;}
    .titulo-post { font-size: 35px;}
    .titulo-post b { color: var(--primary-color);}
    .subtitulo-post { font-size: 16px; font-weight: normal; margin: 0 0 20px 0 }
    .post-category {display: flex; align-items: center; justify-content: space-between; }
    .post-category a { color: #000; font-weight: 600 }
    .post-category a:hover { text-decoration: underline; }
    .voltar { display: flex; align-items: center; justify-content: flex-start; font-weight: 400!important; }
    .voltar i { font-size: 18px; margin: 0 5px -3px 0;}
    .holdaAutData { display: flex; align-items: center; justify-content: flex-start; column-gap: 40px }
    .holdaAutData a {color: var(--primary-color); text-decoration: underline; }
    .infoAutData { display: flex; align-items: center; justify-content: flex-start; }
    .infoAutData em { font-style: normal; display: flex; align-items: center; justify-content: flex-start; }
    .infoAutData em:last-child {margin: 0 0 0 20px; font-weight: 600;}
    .infoAutData em i {font-size: 20px; color: var(--primary-color); margin: 0 5px -4px }
    .usrD { width: 40px; height: 40px; margin: 0 10px 0 0; background-color: #eee; min-height: 40px; border-radius: 50%; overflow: hidden; }
    .usrD img { width: 100%; height: auto; }
    .usrDados-b { position: relative!important; margin: 0 0 0 5px; }
    .usrDados-b b { font-weight: normal; color: var(--primary-color); text-decoration: underline; }
    .dadosUser { display: none; flex-wrap: wrap; width: 90vw; max-width: 300px; background-color: #FFF; border-radius: 8px; box-sizing: border-box; padding: 20px; z-index: 99; top: 30px; left: 0; position: absolute; box-shadow: 0px 0px 12px -5px var(--primary-color);  }
    .dadosUser:before { content: ''; width: 100%; height: 40px; background-color: rgba(255,255,255,.01); position: absolute; top: -30px; right: 0;}
    .usrDados-b:hover .dadosUser { display: flex; }
    .dadosUser a { color: var(--primary-color);}
    .du1 { width: 30%;}
    .du2 { flex: 1; margin: 0 0 0 15px;font-size: 14px; }
    .du2 p {margin: 0 0 20px 0; }
    .du2 a { display: flex; text-decoration: underline; align-items: center; justify-content: flex-start}
    .du2 a i {margin: 0 0 -4px 3px}
    .colunistaSeja { width: 100%; text-align: center; font-size: 12px; margin: 30px 0 0 0; padding: 10px 0 0 0; border-top: 1px solid #DBDBDB; }
    .phAu1 { overflow: hidden; }
    .phAu1 img { width: 100%; height: auto; }
    .midiasAuth { margin: 15px 0 0 0; text-align: center; }
    .midiasAuth a { margin: 0 3px;}
    .sharePost {margin: 25px 0; width: 100%; display: flex; align-items: center; justify-content: space-between;}    
    .sharePost a {width: calc(33.33% - 8px); color: var(--primary-color); height: 70px; background-color: #EEE; border-radius: 5px; display: flex; align-items: center; justify-content: center;}
    .sharePost a i {font-size: 25px; margin: 0 0 -4px 0;}
    .sharePost a:hover { background-color: var(--primary-color); color: #FFF}
    .leitura img { width: 100%; height: auto!important;}
    .leitura .wp-caption { width: 100% !important;}
    .leitura a:not(.ctaButton-r) { color: var(--primary-color);}    
    .leitura ul, .leitura ol {margin: 20px 0; padding: 0;}    
    .leitura ul, .leitura ul, p {line-height: 160%;}
    .leitura li {list-style: none; display: block; position: relative; margin: 0 0 10px 0; box-sizing: border-box; padding: 0 0 0 25px;}
    .leitura li:before {content: ''; width: 5px; height: 5px; border-radius: 50%; background-color: #000; position: absolute; top: 10px; left: 0;}
    .leitura h2 {padding-left: 30px; position: relative; margin-bottom: 30px;}
    .leitura h2:before {content: ''; width: 9px; height: 9px; border-radius: 50%; position: absolute; top: 10px; left: 0; background-color: var(--primary-color);}
    .indice h2 { margin: 0;}
    .indice h2:before { display: none; margin: 0!important; padding: 0; }
    ul .v, ul .x {position: relative;box-sizing: border-box; padding-left: 40px; margin-bottom: 20px!important; list-style: none;}
    ul .v:before, ul .x:before {position: absolute; top: 0px; left: 0; background-color: transparent;}
    ul .v:before {content: url(https://api.iconify.design/ph/check-circle.svg?color=%230BD65F&width=27);}
    ul .x:before {content: url(https://api.iconify.design/codicon/error.svg?color=%23CC0000&width=27);}
    .explicacao {box-sizing: border-box; border: 1px dashed var(--primary-color); background-color: color-mix(in srgb, var(--primary-color) 12%, transparent); padding: 25px 20px 15px 20px; margin: 0 0 20px 0; border-radius: 10px;}
    .explicacao h3 {margin: 0; padding: 0 0 0 35px; position: relative;}
    .explicacao ul {padding: 0 0 0 10px;}
    .explicacao ul li {margin: 0 0 7px 0;}
    .explicacao em {font-style: normal; color: var(--primary-color);}
    .explicacao h3:before {position: absolute; top: 0; left: 0;}
    .explicacao a {font-weight: 600}
    .leitura ol {counter-reset: item; list-style-type: none; padding-left: 0;}
    .leitura ol li {position: relative; padding-left: 40px; margin-bottom: 15px; line-height: 30px;}
    .leitura ol li:before {content: counter(item); counter-increment: item; background-color: var(--primary-color); color: white; border-radius: 50%;  width: 30px;  height: 30px;  display: inline-flex;  align-items: center;  justify-content: center;  position: absolute;  left: 0;  top: 0;  font-weight: bold;}
    .leitura-page ul li { line-height: 160%;}
    ol.ordenada {counter-reset: item; padding: 0 0 0 70px; position: relative; margin: 30px 0;}    
    ol.ordenada:before {content: ''; width: 1px; height: 100%; position: absolute; top: 0; left: 32px; background-color: #AAA;}
    ol.ordenada li {display: flex; position: relative; border: 1px solid #AAA; border-radius: 20px; margin: 0 0 30px 0 !important; box-sizing: border-box; padding: 25px 40px 25px 20px; align-items: center; justify-content: space-between;}
    ol.ordenada li::before { display: flex; counter-increment: item; content: counter(item) "."; color: #444; font-weight: 700; background-color: transparent; position: absolute; top: calc(50% - 10px); left: -70px; width: auto; height: auto;}
    ol.ordenada li img {border-radius: 10px; margin: 0!important; width: 100px!important;}
    .txtCont {flex: 1; margin: 0 25px;}
    .txtCont b {font-size: 20px; display: block;}
    .txtCont br {display: none;}
    .txtCont span {font-size: 14px; color: #444;}
    ol.ordenada li .saiba {margin: 0; padding: 14px 5px; color: #FFF !important; border-radius: 5px; font-weight: 600; background-color: var(--primary-color); display: table; min-width: 180px; text-align: center;}
    ol.ordenada li::after {content: ''; width: 13px; height: 13px; border-radius: 50%; background-color: var(--primary-color); top: calc(50% - 5px); left: -45px; position: absolute;}
    .prosContras h2 {padding: 0 0 0 70px; margin-bottom: 40px; position: relative;}
    .prosContras h2:before {content: url(https://api.iconify.design/lets-icons/check-fill.svg?color=%230BD65F&width=30); background-color: transparent; position: absolute; top: 0; left: 0;}
    .prosContras h2:after {content: url(https://api.iconify.design/codicon/error.svg?color=%23CC0000&width=26); position: absolute; top: 2px; left: 34px;}
    .prosContras ul { padding: 0}
    .prosContras li {margin: 0 0 30px 0; list-style: none; position: relative; border-radius: 15px; box-sizing: border-box; padding: 60px 25px 20px 25px;}
    .pro {border: 1px solid #0BD65F;}
    .con {border: 1px solid #CC0000;}
    .pro:before {content: url(https://api.iconify.design/lets-icons/check-fill.svg?color=%230BD65F&width=30)!important;}
    .pro:after {content: 'Prós'; color: #0BD65F;}
    .con:after {content: 'Contras'; color: #CC0000;}
    .prosContras li:before {width: auto; height: auto; background-color: #FFF; top: -13px; left: 20px; position: absolute;}
    .prosContras li:after {position: absolute; top: 24px; left: 25px; font-size: 17px; font-weight: 700;}    
    .con:before {content: url(https://api.iconify.design/fluent-mdl2/status-error-full.svg?color=%23CC0000&width=26) !important;}
    .acordeao {background-color: color-mix(in srgb, var(--primary-color) 12%, transparent); margin: 0 0 20px 0; border: 1px solid var(--primary-color); border-radius: 10px; box-sizing: border-box;}    
    .acordeao h3 {border-radius: 10px; font-size: 18px; cursor: pointer; margin: 0; position: relative; box-sizing: border-box; padding: 25px 100px 25px 20px;}
    .acAberto h3 {border-radius: 10px 10px 0 0; font-size: 18px; cursor: pointer; margin: 0; position: relative; box-sizing: border-box; padding: 25px 100px 25px 20px;}
    .acordeao h3:before {content: 'Mostrar'; font-weight: 600; font-size: 14px; color: var(--primary-color); padding: 8px 30px 8px 10px; border-radius: 10px; position: absolute; top: calc(50% - 17px); right: 20px; background-color: color-mix(in srgb, var(--primary-color) 12%, transparent);} 
    .acordeao h3:after { position: absolute;  right: 28px; z-index: 9;}
    .acordeao h3:after {content: '+'; color: var(--primary-color); top: calc(50% - 12px);}
    .textoAc {overflow: hidden; width: calc(100% - 40px); margin: 0 auto; height: 0px; padding: 0; transition: all .15s ease;}
    .acAberto .textoAc {padding: 20px 0; height: auto; border-top: 1px solid var(--primary-color);}
    .acAberto h3:after {content: '-';}
    .contemTabela {overflow: auto; position: relative;}
    .tabelado {min-width: 700px; border-radius: 10px; overflow: hidden; border: 1px solid #B4B4B4; box-sizing: border-box; padding: 10px;}    
    .contemTabela table { width: 100%; border: 0;}    
    .contemTabela table tr:nth-child(odd) {background-color: #FFF;}
    .contemTabela table thead tr:nth-child(1) {background-color: var(--primary-color) !important; color: #FFF; font-weight: 700;}
    .contemTabela table tr td:first-child {padding-left: 20px;}
    .contemTabela table tr td, .contemTabela table tr th {box-sizing: border-box; padding: 10px; border: 0; font-size: 16px;}
    .arrastador {display: none;}
    .arrastarDedo {-webkit-animation-duration: 1s; -webkit-animation-name: animarDedo; -webkit-animation-delay: 4.5s; -webkit-animation-fill-mode: forwards;}
    .arrastarDedo {font-size: 40px; color: var(--primary-color); opacity: 0; transform-origin: bottom; transform: rotate(45deg); width: 40px; height: 40px; position: absolute; top: calc(50% - 20px); right: 30px;}
    .recentes { padding: 40px 0 100px 0;}
    .recentes h2 { margin: 0 0 60px 0;}
    .recentes h2 b { color: var(--primary-color); }
    .lista-posts-recentes {  display: flex; align-items: stretch;  flex-wrap: wrap; column-gap: 20px; }
    .lista-posts-recentes .card-post2 { flex: 1; min-width: 30%; max-width: 33.33%;}
    .lista-posts-recentes .card-post2 h3 {font-size: 18px; margin-bottom: 0; font-weight: 700; min-height: 50px;}
    .lista-posts-recentes .card-post2 p {margin: 0 0 20px 0;}
    .lista-posts-recentes .post-meta { font-size: 11px;}
    .lista-posts-recentes .author-info {margin: 0 10px 0 0;}
    .lista-posts-recentes .author-info i {font-size: 17px; margin: 0 4px -3px 0}
    .lista-posts-recentes .author-info span { display: none; }
    .lista-posts-recentes .author-info p {margin: 0;}
    .lista-posts-recentes .img-author { width: 28px; height: 28px; min-height: 28px; min-width: 28px; }
    .pagination { width: 100%; margin: 40px 0 0 0; text-align: center; }
    .pagination a, .pagination span { min-width: 15px; margin: 0 1px; transition: all .15s ease; height: 40px; position: relative; border-radius: 8px; padding: 0 17px; color: #FFF; font-weight: 600; display: inline-flex; align-items: center; justify-content: center; background-color: var(--primary-color);}
    .pagination a:hover { transform: scale(1.1)}
    .header-default { color: #FFF; padding: 30px 0 50px 0;}
    .head-top-cat { display: flex; align-items: center; justify-content: space-between; }
    .header-default a { color: #FFF;}
    .header-default h1 { font-size: 37px; margin: 0;}
    .featured-posts { padding: 40px 0 50px 0;}
    .linhaHeadCat { display: flex; align-items: stretch; justify-content: space-between;}
    .catHead1 { width: calc(100% - 450px); max-width: 770px; }
    .featured-posts h2 strong { color: var(--primary-color); }
    .catHead2 { width: 420px; box-sizing: border-box; padding: 25px; border-radius: 15px; border: 1px solid var(--primary-color); }
    .catHead2 h2 { margin: 0 0 30px 0;}
    .card-minimal-v3 { width: 100%; border-bottom: 1px solid #555; padding: 0 0 20px 0; margin: 0 0 20px 0; }
    .card-minimal-v3:hover {opacity: .8}
    .card-minimal-v3:last-child { margin: 0; padding: 0; border: 0;}
    .foto-min-post { width: 100%; display: none; }
    .foto-min-post img { width: 100%; }
    .card-minimal-v3-info { color: #000;}
    .card-minimal-v3-info h3 { margin: 0 0 10px 0; font-size: 17px; }
    .card-minimal-v3-info p { margin: 0;}
    .catHead1 .splide__slide { border-radius: 10px; overflow: hidden; }
    .catHead1 .image-container::before {content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: linear-gradient(to top, rgba(0, 0, 0, .8), rgba(0, 0, 0, 0)); z-index: 1; pointer-events: none;}    
    .catHead1 #category-slider .overlay {position: absolute; bottom: 35px; left: 35px; max-width: 65%; z-index: 9999; color: #fff; }
    .catHead1 #category-slider .overlay h3 {font-size: 22px; font-weight: 600; margin: 0 0 10px 0;}
    .catHead1 #category-slider .overlay p {margin: 0}
    .catHead1 .splide__pagination { bottom: -50px;}
    .catHead1 .splide__pagination li .splide__pagination__page { opacity: 1; width: 12px; height: 12px; margin: 0 10px; background-color: #E4E4E4}
    .catHead1 .splide__pagination li .is-active { transform: scale(1.1); background-color: var(--primary-color)}
    .header-SEO { width: 100%; padding: 50px 0 40px 0; background-color: color-mix(in srgb, var(--primary-color) 12%, transparent); }
    .header-SEO h3 { font-size: 15px; margin: 0 0 20px 0;}
    .header-SEO h1 { font-weight: 600; text-align: left; width: 100%; max-width: 700px; }
    .header-SEO b { color: var(--primary-color); font-weight: 600; }
    .leitura-page { padding: 20px 0; min-height: 300px}
    .child-pages { margin: 30px 0; padding: 20px; background-color: color-mix(in srgb, var(--primary-color) 5%, transparent); border-radius: 8px; }
    .child-pages h2 { margin-bottom: 15px; font-size: 22px; color: var(--primary-color); }
    .child-pages ul { list-style: none; padding: 0; margin: 0; }
    .child-pages li { margin-bottom: 12px; }
    .child-pages a { display: block; padding: 10px 15px; background-color: white; border-radius: 5px; transition: all 0.3s ease; text-decoration: none; color: #333; border-left: 3px solid var(--primary-color); }
    .child-pages a:hover { transform: translateX(5px); box-shadow: 0 2px 5px rgba(0,0,0,0.1); }
/*FOOTER*/
footer { background-color: var(--primary-color); padding: 70px 0 40px 0; color: #FFF; font-size: 14px;}
    .logoFoot { width: 230px; height: auto;}
    .linha1Foot { display: flex; align-items: center; justify-content: space-between; margin: 0 0 50px 0;  }
    .linha2Foot { display: flex; align-items: center; justify-content: space-between;}
    .footer-navigation { flex: 1; display: flex; align-items: center; justify-content: flex-start; }
    .contato { display: flex; align-items: center; justify-content: flex-start}
    .footer-navigation b, .contato b { font-size: 20px; margin: 0 20px 0 0;}
    .nav-menu2 { display: flex; padding: 0; align-items: center; justify-content: flex-start; gap: 20px;}
    .nav-menu2 li { list-style: none; }
    .nav-menu2 .sub-menu { display: none; }
    .nav-menu2 .menu-item-has-children { padding: 0}
    .nav-menu2 .menu-item-has-children:after { display: none}
    .linha2Foot {border-bottom: 1px solid rgba(255,255,255,.7); padding: 0 0 20px 0; margin: 0 0 40px 0;}
    footer a { color: #FFF; }
    footer a:hover { text-decoration: underline}
    .linhaBase { display: flex; align-items: flex-start; justify-content: space-between; font-size: 11px; }
    .colFoot { width: calc(33.33% - 20px); }    
    .colFoot:nth-of-type(2) { text-align: center;}
    .colFoot:nth-of-type(3) { text-align: right}
    .colFoot ul { padding: 0; margin: 0; display: flex; align-items: center; justify-content: flex-start}
    .colFoot ul li { padding: 0; margin: 0 0 0 10px; list-style: none;}
    .colFoot:nth-of-type(3) ul { justify-content: flex-end}
    .colFoot:nth-of-type(3) ul li:first-child {margin: 0;}
    .cardBox { width: 100%; min-height: 200px; margin: 15px 0; box-sizing: border-box; border-radius: 10px; border: 1px solid #c4c4c4; padding: 30px;}
    .linha1CardBox { width: 100%; display: flex; align-items: center; justify-content: space-between; }
    .cardFace { width: 130px; height: 82px; border-radius: 10px;}
    .infoCardBox { display: flex; flex: 1; margin: 0 5px 0 20px; align-items: center; justify-content: flex-start; flex-wrap: wrap; }
    .infoCardBox h2 { width: 100%; font-size: 20px; margin: 0 0 7px 0; padding: 0;}
    .infoCardBox h2:before { display: none; }
    .rateCardBox { margin: 0 10px 0 0;}
    .rateCardBox b { font-size: 20px; margin: 0 5px 0 0;}
    .rateCardBox i { color: #CCC; font-size: 18px; }
    .infoCardBox em { font-size:11px; font-style: normal; }
    .starBox1 i:nth-of-type(1) { color: #FCB900}
    .starBox2 i:nth-of-type(1), .starBox2 i:nth-of-type(2) { color: #FCB900}
    .starBox3 i:nth-of-type(1), .starBox3 i:nth-of-type(2), .starBox3 i:nth-of-type(3) { color: #FCB900}
    .starBox4 i:nth-of-type(1), .starBox4 i:nth-of-type(2), .starBox4 i:nth-of-type(3), .starBox4 i:nth-of-type(4) { color: #FCB900}
    .starBox5 i { color: #FCB900}
    .enviaUserCard { display: flex; font-size: 15px!important; margin: 0!important; border-radius: 5px; align-items: center; justify-content: center; color: #FFF!important; background-color: var(--primary-color); box-sizing: border-box; padding: 15px;}
    .enviaUserCard i { margin: 0 0 0 10px;}
    .enviaUserCard:hover { background-color: #333;}
    .linha2CardBox { width: 100%; margin: 30px 0 0 0; display: flex; align-items: stretch; justify-content: space-between; }
    .boxInfoCardBox { box-sizing: border-box; text-align: center; width: calc(25% - 18px); padding: 15px 5px; border-radius: 10px; border: 1px solid var(--primary-color); display: flex; align-items: center; justify-content: center; flex-direction: column; flex-wrap: wrap}
    .boxInfoCardBox i { font-size: 20px; color: var(--primary-color); }
    .boxInfoCardBox b { margin: 2px 0; width: 100%; font-size: 15px;}
    .boxInfoCardBox em { font-size: 12px; width: 100%; font-style: normal; }
    .informacoesExtrasCard { width: 100%; cursor: pointer; margin: 15px 0; box-sizing: border-box; border-radius: 10px; border: 1px solid #c4c4c4; padding: 15px 30px; position: relative}
    .informacoesExtrasCard:after { content: url('https://api.iconify.design/iconamoon/arrow-right-1-bold.svg?color=%23000000&width=16'); position: absolute; top: 20px; right: 15px; transition: all .15s ease}
    .modAberto:after { transform: rotate(-90deg)!important;}
    .tituloInfoXBox { width: 100%; display: flex; align-items: center; justify-content: flex-start;}
    .tituloInfoXBox i { font-size: 28px; height: 30px; width: 32px; display: flex; align-items: center; justify-content: center; color: var(--primary-color); margin: 0 10px 0 0; }
    .tituloInfoXBox b { font-size: 16px; }
    .conteudoInfoXBox { overflow: hidden; height: 0px; transition: all .15s ease; position: relative; box-sizing: border-box; padding: 0 0 0 42px;}
    .modAberto .conteudoInfoXBox {  height: auto; padding: 25px 0 15px 42px;}
    .conteudoInfoXBox p { font-size: 13px; margin: 0}
    .listaVeD { display: flex; align-items: stretch; justify-content: space-between}
    .colVantagem { width: calc(50% - 10px);}
    .colDesvantagem { width: 50%; padding-left: 15px; border-left: 1px solid #ddd}
    .iconesLI ul { margin: 0; line-height: normal; padding: 0; display: flex; flex-wrap: wrap; align-items: stretch; justify-content: flex-start; }
    .iconesLI ul li:before {display: none}
    .iconesLI ul li { list-style: none; font-size: 12px; margin: 0 5px 5px 0; box-sizing: border-box; display: flex; align-items: center; justify-content: flex-start; padding: 3px 10px 3px 3px; border-radius: 30px; background-color: #EBEBEB;  }
    .iconesLI ul li i { font-size: 18px; width: 20px; height: 20px; color: #32BEA6; margin: 0 5px 0 0; }
    .colDesvantagem i { color: #EF424E!important}
    .fimCardLinha {width: 100%; height: 20px; border-bottom: 1px solid #EEE; margin: 0 0 30px 0;}
    .linhaAutor { margin: 100px 0 0 0; display: flex; align-items: flex-start; justify-content: space-between; }
    .author-info-1 { width: 200px;}
    .author-info-1 h3 { font-size:16px; color: var(--primary-color); }
    .author-info-2 { flex: 1; margin: 0 0 0 30px; }
    .author-info-2 a { color: var(--primary-color); text-decoration: underline; display: table; margin: 20px 0 0 0}
    .author-avatar { width: 100%; }
    .author-avatar img { width: 100%; height: auto; }
    .name { font-weight: 600; font-size: 16px; }
    .filtrosPost { margin: 30px 0;}
    .filtros { margin: 30px 0 20px 0;}
        .filtros > ul {width: 100%; flex-wrap: wrap; list-style: none; margin: 0; padding: 0; display: flex; align-items: center; }
        .filtros > ul > li {margin: 0 8px 8px 0; position: relative; padding: 0; }
        .filtros > ul > li:before {display: none}
        .filtros > ul > li > a {color: var(--primary-color); position: relative; display: block; cursor: pointer; padding: 15px; border-radius: 10px; border: 1px solid var(--primary-color);  }
        .filtros > ul > li > a:hover {opacity: .8}
        .filtros ul li ul li a { padding: 12px 15px!important; margin: 0 0 2px 0; border-radius: 5px; cursor: pointer}
        .filtros ul li ul li a:before { display: none; }
        /* Estilo para o menu Ordenar */
        .ordenarFiltros { width: 100%; border-bottom: 2px solid #333; padding: 10px 0; position: relative; margin-bottom: 40px;}
        .ordenarFiltros em { font-style: normal; font-size: 15px; display: flex; align-items: center; justify-content: flex-start; position: relative; }
        .ordenarFiltros em a.opcaoSelecionada { color: var(--primary-color); display: flex; text-decoration: underline; margin: 0 0 0 5px; cursor: pointer; }
        .ordenarFiltros em a i { transform: rotate(90deg); font-size: 18px; margin: -3px 0 0 10px; transition: all .15s ease; }
        .ordenarFiltros.active em a i { transform: rotate(-90deg); }
        .ordenarFiltros ul.ordenar {
            display: none;
            position: absolute;
            top: 100%;
            left: 90px;
            background-color: white;
            min-width: 210px;
            z-index: 10;
            box-shadow: 0px 2px 40px 0px rgba(0, 0, 0, 0.05);
            border-radius: 10px;
            padding: 25px 10px;
            list-style: none;
            margin: 10px 0 0 0;
        }
        .ordenarFiltros.active ul.ordenar {
            display: block;
        }
        .ordenarFiltros ul.ordenar:before {
            content: '';
            width: 100%;
            height: 30px;
            background-color: rgba(255,255,255,.001);
            position: absolute;
            top: -25px;
            left: 0;
        }
        .ordenarFiltros ul.ordenar li {
            list-style: none;
            margin: 0;
            padding: 0;
        }
        .ordenarFiltros ul.ordenar li:before {display: none}
        .ordenarFiltros ul.ordenar li a {
            color: var(--primary-color);
            padding: 10px;
            display: block;
            cursor: pointer;
            border-radius: 5px;
            margin: 0;
        }
        .ordenarFiltros ul.ordenar li a:hover {
            background-color: rgba(0,0,0,0.05);
        }
        .umCardLista { width: 100%; padding: 20px; border: 1px solid #ddd; margin: 0 0 20px 0;}
        /* Estilo adicional para filtros ativos */
        .filtro-ativo {
            background-color: var(--primary-color) !important;
            color: white !important;
        }
    .linhaCardFiltro { width: 100%; border-bottom: 3px solid #8C8C8C; padding: 0 0 30px 0; margin: 0 0 50px 0;}
    .lcf1 { width: 100%; display: flex; align-items: flex-start;  justify-content: flex-start; flex-wrap: wrap; position: relative; }
    .thumbCard { width: 190px; height: 120px; border-radius: 10px; position: absolute; top: 0; left: 0;  background-position: center; background-repeat: no-repeat; background-size: cover}
    .nomeCard { width: calc(100% - 480px); margin: 0 0 0 220px; position: relative; padding: 40px 0 0 0;}
    .nomeCard b { width: fit-content; color: var(--primary-color); position: absolute; top: 0; left: 0; background-color: #CDEFFF; margin: 0 0 5px 0; font-weight: normal; font-size: 14px; box-sizing: border-box; padding: 4px 13px 4px 10px; border-radius: 30px; display: flex; align-items: center; justify-content: flex-start; }
    .nomeCard b i { font-size: 17px; margin: 0 5px -4px 0;}
    .nomeCard h2 { font-size: 25px; margin: 0!important; padding: 0;}
    .nomeCard h2:before { display: none; }
    .avaliacao { margin: 0 0 0 220px;}
    .umaInfoBoxCard { max-width: calc(20% - 10px); flex: 1; box-sizing: border-box; padding: 0 10px 0 0; }
    .umaInfoBoxCard h3 { font-size: 15px; font-weight: normal; color: #888; display: block; }
    .avaliacao h3 { display: none; }
    .rate { display: flex; max-height: 40px; align-items: center; justify-content: flex-start; margin: 5px 0 0 0; }
    .rate em i { font-size: 20px!important; color: #DDD;}
    .rt1 em i:first-child { color:#FCB900}
    .rt2 em i:nth-child(1), .rt2 em i:nth-child(2)  { color:#FCB900}
    .rt3 em i:nth-child(1), .rt3 em i:nth-child(2), .rt3 em i:nth-child(3)  { color:#FCB900}
    .rt4 em i:nth-child(1), .rt4 em i:nth-child(2), .rt4 em i:nth-child(3), .rt4 em i:nth-child(4)  { color:#FCB900}
    .rt5 em i { color:#FCB900}
    .umaInfoBoxCard h4 { font-size: 23px; margin: 0 0 10px 0; display: block; font-weight: 700; }
    .rate em { margin: 0 0 0 10px;}
    .ctaVerCard { width: 250px;  position: absolute; top: 0; right: 20px; text-align: center; }
    .maxCTA { display: flex; width: 100%; box-sizing: border-box; margin: 0 0 5px 0; align-items: center; justify-content: center; background-color: var(--primary-color); color: #FFF!important; font-size: 19px; font-weight: 700; padding: 17px 10px; border-radius: 5px;  }
    .maxCTA i { margin: 0 0 0 5px;}
    .maisDetCr { color: var(--primary-color); font-size: 15px; text-decoration: underline; }
    .addCompara { width: 100%; margin: 20px 0 0 0;}
    .umaOpcao { display: flex; align-items: center; justify-content: flex-start; margin: 0; padding: 0 }
    .umaOpcao input[type="radio"], .umaOpcao input[type="checkbox"] { -webkit-appearance: none; appearance: none; background-color: #fff; margin: 0;}
	.umaOpcao input[type="radio"], .umaOpcao input[type="checkbox"] { appearance: none; background-color: #fff; margin: 3px 10px 0 0; font: inherit; color: var(--primary-color); width: 1.15em; height: 1.15em; border: 2px solid var(--primary-color); border-radius: 0.15em; transform: translateY(-0.075em);}
    .umaOpcao input[type="radio"], .umaOpcao input[type="checkbox"] { display: grid; place-content: center; min-width: 19px;}
	.umaOpcao input[type="radio"]::before, .umaOpcao input[type="checkbox"]::before { content: ""; width: 0.65em; height: 0.65em; transform: scale(0); transition: 120ms transform ease-in-out; box-shadow: inset 1em 1em var(--form-control-color);}
	.umaOpcao input[type="radio"], .umaOpcao input[type="checkbox"] { display: grid; place-content: center;}
    .umaOpcao input[type="radio"]::before, .umaOpcao input[type="checkbox"]::before { content: ""; width: 0.65em; height: 0.65em; transform: scale(0); transition: 120ms transform ease-in-out; box-shadow: inset 1em 1em var(--form-control-color);}
    .umaOpcao input[type="radio"]:checked, .umaOpcao input[type="checkbox"]:checked { background-color: var(--primary-color);}
    .umaOpcao input[type="radio"]:checked::before, .umaOpcao input[type="checkbox"]:checked::before { transform: scale(1);}
    .umaOpcao input[type="radio"]::before, .umaOpcao input[type="checkbox"]::before { background-color: #FFF;}
	.umaOpcao input[type="radio"]::before, .umaOpcao input[type="checkbox"]::before { transform-origin: bottom left; clip-path: polygon(14% 44%, 0 65%, 50% 100%, 100% 16%, 80% 0%, 43% 62%);}
    .umaOpcao input, .umaOpcao span { margin: 0}
    .umaOpcao span { color: #A9A9A9}
    .linhaVantagens { width: 100%; margin: 0; }
    .infoCardAccord { width: 100%; margin: 0;}
    .labelInfoAcc { width: 100%; position: relative; display: block; padding: 15px 0 10px 0;  cursor: pointer;}
    .labelInfoAcc h3 { font-size: 22px; margin: 5px 0; display: flex; align-items: center; justify-content: flex-start;}
    /*.labelInfoAcc:before { content: url('https://api.iconify.design/ri/arrow-right-line.svg?color=%23333333&width=18'); transition: all .15s ease; position: absolute; top: calc(50% - 7px); right: 0;}*/
    .contentAccord { width: 100%; margin: 0; background-color: #FFF; position: relative; height: 0px; overflow: hidden; transition: all .15s ease}
    .acordAberto .contentAccord { height: auto!important; margin: 0; padding: 0; overflow: visible;}
    .acordAberto .labelInfoAcc:before { transform: rotate(-90deg);}
    .iconeAcc { width: 30px; height: 50px; margin: 0 10px 0 0; display: flex; align-items: center; justify-content: center; color: var(--primary-color);}
    .labelInfoAcc h3 .isIconeAcc { font-size: 26px!important; }
    .labelInfoAcc h3 .isIconeAcc2 { font-size: 32px!important; }
    .linhaVantagem { width: 100%; flex-wrap: wrap; display: flex; align-items: center; justify-content: flex-start; min-height: 100px;  position: relative; box-sizing: border-box; padding: 15px 95px 15px 90px;}
    .linhaVantagem h4 { width: 100%; font-weight: 600}
    .linhaVantagem a { width: 140px; display: flex; align-items: center; justify-content: center; font-size: 15px; color: var(--primary-color); text-decoration: underline; position: absolute; top: calc(50% - 10px); right: 15px;}
    .linhaVantagem a i {font-size: 16px; margin: 0 0 -4px 4px;}
    .linhaVantagem:nth-of-type(odd) {background-color: #F6F6F6}
    .umaVantagem .iconePVantagem { background-color: #B6F3CF;}
    .umaDesvantagem .iconePVantagem { background-color: #FFBABA;}
    .iconePVantagem { width: 56px;  height: 56px; box-sizing: border-box; padding: 4px 0 0 0; border-radius: 50%; font-size: 25px; background-color: #aaa; display: flex; align-items: center; justify-content: center; top: calc(50% - 28px); left: 15px; position: absolute;}
    .iconePVantagem em { font-weight: 600; font-size: 15px; font-style: normal; padding: 0 0 2px 0; }
    .vantDesLinha { display: flex; align-items: stretch; justify-content: flex-start; }
    .vvdd { padding: 0 10px 0 50px; margin: 0; display: flex; align-items: flex-start; justify-content: flex-start; flex-wrap: wrap; column-gap: 5px; }
    .vvdd h4 { border-radius: 30px; min-height: 22px; font-size: 14px; padding: 5px 10px 3px 35px; position: relative; background-color: #E1E1E1; margin: 0 0 5px 0; font-weight: normal; }
    .isvv { border-right: 1px solid #C4C4C4 }
    .vvdd h4:before { position: absolute; top: 0px; left: 0px}
    .isvv h4:before { content: url('https://api.iconify.design/tabler/circle-check-filled.svg?color=%2332BEA6&width=30'); }
    .isdd h4:before { content: url('https://api.iconify.design/tabler/forbid-2-filled.svg?color=%23ef424e&width=30');}
    .notDesk { display: none}
    .maxInfoContent { box-sizing: border-box; padding: 15px 35px; margin: 0; }
    .maxInfoContent h4 { display: block; margin: 0;}
    .maxInfoContent p { display: block; margin: 0}
    .maxInfoContent:nth-of-type(even) {background-color: #F6F6F6;}
    .pages-sobre { padding: 70px 0 40px 0;}
    .header-default { text-align: center; }
    .sub-top-sobre { font-size: 20px; margin: 0 0 70px 0;}
    .sub-top-sobre strong { display: block; color: var(--primary-color); }
    .logoSob { width: 250px; height: auto; margin: 0 0 40px 0; display: block; }
    .linhaSob { display: flex; column-gap: 20px; align-items: stretch; justify-content: space-between}
    .ldS1 { flex: 1; max-width: 550px;}
    .strongTop { display: block; color: var(--primary-color); margin: 0 0 40px 0;}
    .ldS2 { flex: 1; max-width: 550px;}
    .sobreIMG { width: 100%; height: auto; border-radius: 10px; }
    .nossaHistoria { margin: 60px 0 0 0; padding: 70px 0 0 0; display: flex; align-items: flex-start; justify-content: space-between; column-gap: 20px; border-top: 1px solid #DADADA}
    .nossaHistoria h2 { min-width: 230px;}
    .nossaHistoria h2 strong { display: block; color: var(--primary-color); }
    .nossaHistoria p {  max-width: 400px;}
    .quem-faz { padding: 100px 0;background-color: color-mix(in srgb, var(--primary-color) 12%, transparent);}
    .quem-faz h2 strong { display: block; }
    .quem-faz .centra { display:flex; column-gap: 80px; align-items: flex-start; justify-content: space-between;}
    .l1QF { width: 250px;}
    .l2QF { flex: 1; max-width: 850px; display: flex; flex-wrap: wrap; align-items: stretch; justify-content: flex-start; gap: 30px;}
    .umaPessoa { flex: 0 0 calc((100% - 60px) / 3); padding: 20px; border-radius: 10px; text-align: center; box-sizing: border-box; background-color: #FFF; }
    .umaPessoa b { font-size: 17px; margin: 20px 0; display: block}
    .umaPessoa p { font-size: 14px;}
    .fotoPessoa { width: 90px; height: 90px; border-radius: 50%; background-color: #CCC; margin: 0 auto; display: block; }
    .midiasPessoa { display: flex; align-items: center; justify-content: center; }
    .midiasPessoa a { color: var(--primary-color); font-size: 17px; margin: 0 5px;}
.infoPcar { width: 100%; cursor: pointer; position: absolute; display: flex; font-size: 14px; align-items: center; justify-content: flex-start; top: -30px; left: 0; color: #888; }
.infoPcar i { margin: 0 5px -4px 0; font-size: 17px;}
.rBo { position: relative; }
.rccT .infoPcar { position: relative; margin: 55px 0 15px 0; top: 0;}
.chamadasPar { width: 100%; box-sizing:border-box; padding:0; }
.chamadasPar .owl-nav {display: none;}
.chamadasPar .item { margin: 0; height:auto; box-sizing: border-box; border:0;}
.rBo .owl-dots {margin:0; width: 100%; bottom: -35px; position: absolute; }
.rBo .owl-theme .owl-dots .owl-dot span {width: 12px; height: 12px; display: block;margin: 0 4px; background: #FFF; border: 1px solid #BBB; }
.rBo .owl-theme .owl-dots .owl-dot.active span, .rBo .owl-theme .owl-dots .owl-dot:hover span {background-color: var(--primary-color); border: 1px solid var(--primary-color);}
.balaoInfo { position: absolute; display: none; box-shadow: 0px 4px 41px 0px rgba(0, 0, 0, 0.10); border: 1px solid color-mix(in srgb, var(--primary-color) 12%, transparent); padding: 20px 50px 20px 20px; width: calc(100% + 9px); max-width: 650px; z-index: 9999; top: 30px; left: -8px; background-color: #FFF; box-sizing: border-box; border-radius: 5px;}
.balaoInfo:before { content: ''; width: 30px; height: 20px; background-color: #FFF; position: absolute; top: 0; left: 3px; z-index: 9; }
.balaoInfo:after { content: ''; width: 15px; height: 15px; background-color: #FFF; border-radius: 4px; border: 1px solid color-mix(in srgb, var(--primary-color) 12%, transparent);  position: absolute; top: -7px; left: 7px; transform: rotate(45deg)}
.balaoInfo i { cursor: pointer; position: absolute; top: 10px; right: 8px; font-size: 20px; }    
.balaoAtivo { display: block!important; }
:root {
		--color-fade: color-mix(in srgb, var(--primary-color) 70%, transparent);
		--color-fade2: color-mix(in srgb, var(--primary-color) 10%, transparent);
	}
    .holdaTopCoisas { margin: 50px 0 0 0; }
            .umaCoisaTop { box-sizing: border-box; margin: 1px; padding: 20px; background-color: #fff; border: 1px solid #eee; border-radius: 10px;}
            .imgTopCoisa { width: 100%; box-sizing: border-box; border: 1px solid #eee; height: 150px; border-radius: 5px; background-repeat: no-repeat; background-position: center; background-size: 60%;}
            .umaCoisaTop b { display: block; min-height: 52px; margin: 10px 0; font-size: 20px;}
            .ctaTopCoisa { display: block; box-sizing: border-box; padding: 16px 5px; border-radius: 6px; background-color: var(--primary-color); color:#FFF; margin: 0 0 5px 0; text-align: center;}
            .maisDetTopCoisa { display: flex; font-size: 15px; align-items: center; justify-content: center; color: var(--primary-color); margin: 10px 0 0 0;}
            .maisDetTopCoisa i { margin: 0 0 -4px 4px; font-size: 17px;}
    @media screen and (min-width: 1100px)
    {
        .menu-seo {display: none; }
    }
.menu-seo {
    width: 100%;
    overflow: hidden;
    position: fixed;
    bottom: 0;
    left: 0;
    z-index: 99;
    background-color: #FFF;
    padding: 8px 0 0 0;
    border-top: 1px solid var(--primary-color);
}
    .holdaMenu-seo { width: 100%; overflow: auto; }
    .listaMenu-seo { display: flex; flex-wrap: wrap; align-items: stretch; padding: 0; justify-content: space-between;}
    .opMenu-seo, .segueCartao { width: calc(25% - 3px); margin: 4px 0 0 0; flex-wrap: wrap; background-color: #FFF; height: 75px; color: #000; border-radius: 8px; display: flex; align-items: center; justify-content: center; padding: 0 2px; box-sizing: border-box; }
    .opMenu-seo svg {min-width: 30px!important; max-width: 30px!important;}
    .opMenu-seo b, .segueCartao b { width: 100%; text-align: center; font-size: 11px; box-sizing: border-box; padding: 0; margin: 0px 0 0 0;}
    #modCard { width: 45px; height: 27px; border: 1px solid #AAA; margin: 10px 0 0 0; background-color: #FFF; border-radius: 3px;}
    .lead-seo { background-color: rgba(255,255,255,.95);}
    @media screen and (max-width: 1250px)
    {
    .info-author { flex: none; width: 100%;}
    .posts-recentes { column-gap: 30px}
    .card-post {max-width: calc(33% - 17px);}
    .bg-post { height: 170px;}
    .post-normal { column-gap: 20px }
    .post-normal .card-post { width: calc(50% - 10px)}
    .post-normal .bg-post { height: 120px}
    .post-feat .bg-post {height: 361px;}
    .row-cat { gap:30px}
    .author-info {font-size: 13px}
}
@media screen and (max-width: 1150px)
{
    body { padding: 56px 0 0 0}
    .menu-item-has-children:after, .menu-item-has-children:before { opacity: 0;}
    h2 { font-size: 18px;}
    .sub-most-title {font-size: 25px;}
    #navbar { position: absolute; box-sizing: border-box; border-top: 1px solid #eee; transition: width .15s ease; padding: 20px 0 0 0; flex-wrap: nowrap; align-items: center; overflow: auto; justify-content: flex-start; flex-direction: column; top: 100%; right: 0; height: 100vh;  width: 0px; max-width: 400px; background-color: #FFF; }
    .menuAberto #navbar {width: calc(95vw - 60px)!important; box-shadow: 0px 30px 21px 0px rgba(0, 0, 0, 0.10); overflow-x: auto!important; padding: 20px 5vw 0 20px; }
    .hamb { width: 40px; height: 40px; display: flex; align-items: center; justify-content:center; font-size: 30px;}
    .main-navigation { width: 100%; flex: none }
    .nav-menu { flex-wrap: wrap; padding: 0; }
    .nav-menu li { width: 100%; min-width: 200px; margin: 0 0 25px 0; text-align: right;}
    .nav-menu li a { font-weight: 600; font-size: 20px; color: var(--primary-color); }
    .nav-menu li a:hover { color: var(--primary-color)}
    .nav-menu li:last-child { margin: 0}
    .buscar { width: 100%; display: block; position: relative; }
    .buscar:active:after { display: none;}
    .buscar input[type=search] { -webkit-appearance: none; width:100%; margin:20px auto; box-sizing:border-box; font-size:16px; outline:none; border-radius:10px; border:1px solid #999; background-color:transparent; color:#333; padding:15px; }
        .menu-item-has-children:after { content: url(''); width: 2px; height: 8px; background-color: currentColor; position: absolute; top: 50%; margin: -4px 0 0 0; border-radius: 2px 2px 0 0; right: 13px; z-index: 999; transform: rotate(-45deg);  }
        .menu-item-has-children:before { content: url(''); width: 2px; height: 8px; background-color: currentColor; position: absolute; top: 50%; margin: -4px 0 0 0; border-radius: 2px 2px 0 0; right: 8px; z-index: 999; transform: rotate(45deg);  }
    .menu-item-has-children a:before { position: absolute; margin: -3px 0 0 -30px;  }
    .menu-item-has-children { padding-right: 0; }
    .menu-item-has-children:after { display: none}
    .nav-menu .sub-menu { display: none; margin: 20px 0 0 0; padding: 0 20px 0 0; border-right: 1px solid #999; }
    .nav-menu .sub-menu li a {font-size: 17px; font-weight: normal; color: #888}
    .nav-menu .sub-menu li a:before { display: none; }
    .xtraMenu { width: 100%; margin: 0; }
    .xtraMenu ul {flex-wrap: wrap; padding: 0; }
    .xtraMenu ul li:first-child { display: none; }
    .xtraMenu ul li:nth-of-type(2) a { background:#F5F5F5}
    .xtraMenu ul li { width: 100%; margin: 0 0 10px 0;}
    #secondary-slider ul { gap:10px}
    .linhaAutores { overflow: auto; width: calc(100% + 5vw) }
    .authorBarra { min-width: 800px;}
    .umAuthor { flex: none; width: 180px;}
    .centra { max-width: 450px;}
    .destaques  { display: block}
    .banner { width: 100%; margin: 30px 0 0 0;}
    #primary-slider h3 {width: calc(100% - 40px); font-size: 22px; bottom: 20px; left: 20px; }
    .image-container {height: 260px;}
    .novidades { width: 100%; margin: 30px 0 0 0; height: 500px;}
    .card-post { max-width: none; padding: 15px 0 0 0; margin: 0 0 15px 0; width: 100%; display: flex; align-items: flex-end; justify-content: flex-start}
    .card-post:first-child { padding-top: 0; border: 0;}
    .card-post h3 { font-size: 16px; font-weight: 600;}
    .bg-post { width: 130px; height: 80px; border-radius: 5px; margin: 0 10px 0 0; }
    .author-info { margin: 0 10px 0 0; padding: 5px 10px 5px 0; font-size: 11px;}
    .author-info:nth-child(2) {min-width: 70px;}
    .author-info:last-child { min-width: 90px; margin: 0; padding: 5px 0;}
    .row-cat { display: block; }
    .col-cat { width: 100%; display: block; }
    .linha1Foot {display: block; text-align: center; }
    .logoFoot { width: 150px; display: block; margin: 0 auto 30px auto; }
    .linha1Foot p { margin: 0 auto; }
    .footer-navigation { display: block; }
    .linha2Foot {display: block;}
    .linha2Foot b { display: block; margin: 0 0 20px 0;}
    .nav-menu2 { display: block; margin: 0 0 30px 0;}
    .nav-menu2 li {margin: 0;}
    footer a { display: block; padding: 15px 0}
    .contato { display: block; margin: 20px 0 0 0}
    .contato b { display: block;}
    .linhaBase { display: block; text-align: center; }
    .colFoot { width: 100%; text-align: center!important; }
    .colFoot:nth-of-type(2) { margin: 10px 0;}
    .colFoot:nth-of-type(3) ul { justify-content: center; }
    .categoriasLista { gap:0}
    .post-feat { margin: 0 0 40px 0;}
    .post-feat .card-post:first-child { display: block}
    .post-normal .card-post { width: 100%;}
    .post-normal .card-post .bg-post { height: 80px;}
    .post-feat .card-post .bg-post { width: 100%; height: 250px;}
    .linhaFullAuth { display: block; }
    .col1Auth { width: 100%; margin: 0 0 20px 0;}
    .col2Auth { width: 100%; }
    .header-default { padding: 10px 0 40px 0;}
    .header-default h1 {font-size: 26px;}
    .featured-posts { padding: 30px 0}
    .linhaHeadCat { display: block; }
    .catHead1 { width: 100%; margin: 0 0 50px 0 }
    .catHead2 { width: 100%; }
    .lista-posts-recentes {  column-gap: 0; }
    .lista-posts-recentes .card-post2 { min-width: 100%; max-width: 100%;}
    .catHead1 #category-slider .overlay {bottom: 30px; left: 45px; max-width: calc(100% - 90px);  }
    .catHead1 #category-slider .overlay h3 {font-size: 20px; }
    .lista-posts-recentes .card-post2:first-child { border: 0; padding-top: 0}
    .lista-posts-recentes .card-post2 h3 { min-height: 0; margin:10px 0;}
    .lista-posts-recentes .card-post2 p b {display: none}
    .recentes { padding-bottom: 40px}
    .cardBox { max-width: 450px; padding: 20px 15px; margin: 0 auto}
    .linha1CardBox { flex-wrap: wrap; }
    .enviaUserCard { width: 100%; margin: 20px 0 0 0!important;}
    .infoCardBox {margin: 0 5px 0 15px;}
    .linha2CardBox { flex-wrap: wrap; margin: 20px 0 0 0}
    .boxInfoCardBox { width: calc(50% - 10px)}
    .boxInfoCardBox:nth-of-type(3), .boxInfoCardBox:nth-of-type(4) { margin-top: 15px;}
    .boxInfoCardBox b { font-size: 13px;}
    .informacoesExtrasCard { max-width: 450px; margin: 15px auto; padding: 15px; }
    .conteudoInfoXBox { padding: 0 0 0 15px;}
    .modAberto .conteudoInfoXBox { padding: 25px 0 15px 15px;}
    .listaVeD { flex-wrap: wrap; }
    .colVantagem { width: 100%;}
    .colDesvantagem { width: 100%; padding-top: 20px; margin: 20px 0 0 0; padding-left: 0; border-left: 0; border-top: 1px solid #ddd;}
    .header-SEO { padding: 20px 0 5px 0}
    .header-SEO h3 { margin-bottom: 10px;}
    .header-SEO h1 { font-size: 22px!important; margin-top: 10px;}
    .header-SEO .infoAutData p { margin: 0; font-size: 15px;}
    .header-SEO .holdaAutData { margin: 20px 0 10px 0;}
    .titulo-post {font-size: 24px;}
    .filtros > ul > li {margin: 0 3px 3px 0;} 
        .filtros > ul > li > a { padding: 5px 10px; font-size: 13px;}
        .notMob {display: none}
        .notDesk { display: list-item;}
        .linhaCardFiltro {  margin: 0 0 30px 0; padding: 0 0 10px 0;}
        .thumbCard { order: 1; width: 120px; height: 75px; border-radius: 5px; position: relative; top: auto; left: auto;}
        .nomeCard { order: 2; width: calc(100% - 160px); margin: 0 0 0 15px; padding: 0;}
        .nomeCard b { margin: 0 0 5px 0; font-size: 11px; padding: 3px 8px 3px 8px; position: relative; top: auto; left: auto; }
        .nomeCard b i { font-size: 15px; margin: 0 3px -4px 0;}
        .nomeCard h2 { font-size: 18px!important; }
        .avaliacao { margin: 0;}
        .umaInfoBoxCard { order: 5; max-width: none; width: calc(50% - 10px); margin: 0 5px 0 0; flex: auto}
        .avaliacao h3 { display: block; }
        .rate em i { font-size: 15px!important;}
        .umaInfoBoxCard h4 { font-size: 18px; display: block; }
        .rate em { margin: 0 0 0 10px; padding: 5px 0 0 0;}
        .ctaVerCard { order: 3; margin: 15px 0; width: 100%; position: relative; top: auto; right: auto;}
        .addCompara {order: 4; margin: 5px 0 10px 0;}
        .linhaVantagens { order: 6;}
        .labelInfoAcc h3 { font-size: 19px; max-width: calc(100% - 50px); }
        .vantDesLinha { flex-wrap: wrap; }
        .vvdd { width: 100%; padding: 0 0 10px 0; margin: 0 0 10px 0; }
        .isvv { border: 0; border-bottom: 1px solid #C4C4C4;}
        .maxInfoContent { padding:  10px 5px 10px 10px}
        .linhaVantagens:last-child {border: 0;}
        .maxCTA { font-size: 16px;}
    .pages-sobre { padding: 50px 0 40px 0;}
    .sub-top-sobre { margin: 0 0 30px 0;}
    .linhaSob { flex-wrap: wrap;}
    .ldS1 { flex: none; width: 100%; max-width: none; order: 2}
    .ldS2 { flex: none; width: 100%; max-width: none; order: 1; margin: 0 0 40px 0;}
    .logoSob { width: 180px;}
    .nossaHistoria { margin: 40px 0 0 0; padding: 0; border: 0; display: block;}
    .nossaHistoria h2 { width: 100%; margin: 0; font-size: 22px;}
    .nossaHistoria p { width: 100%;}
    .quem-faz .centra { display: block;}
    .l1QF { width: 100%; margin: 0 0 20px 0;}
    .l1QF h2 { font-size: 22px;}
    .l2QF { width: 100%; gap:20px; }
    .umaPessoa {flex: 0 0 calc((100% - 40px) / 2);}
    .umaCoisaTop { padding: 5px;}
                .imgTopCoisa { height: 100px;}
                .ctaTopCoisa { padding: 13px 1px; font-size: 12px;}
                .umaCoisaTop b { font-size: 16px; min-height: 40px;}
                .maisDetTopCoisa { font-size: 12px; margin: 20px 0 0 0; }
                .maisDetTopCoisa i { margin: 0 0 -3px 2px; font-size: 15px;}
                .rQh2 { max-width: 200px;}
}
@media screen and (max-width: 650px) {
    .arrastador {display: block;}
    .holdaAutData { flex-wrap: wrap; }
    .holdaAutData .infoAutData { width: 100%; margin: 0 0 10px 0;}
    .sharePost a { height: 50px}
    .indice li { width: 100%}
    .indiceAberto ul, .indiceAberto ol {padding: 5px 20px 20px 20px !important}
    .linhaAutor { margin: 50px 0 0 0; display: block; }
    .author-info-1 { width: 100%; margin: 0 0 20px 0;}
    .author-info-2 { width: 100%; margin: 0; }
    .author-avatar { width: 50px; height: 50px;}
    .dadosUser { left: -120px;}
}
/* =========================================================================
   Fallback "Ofertas em Destaque"
   Itens vindos do JSON index (rankings com fallback_anuncios=true),
   renderizados dentro de .ad-wrapper-stack.
   COMPORTAMENTO:
   - O fallback, o slot vazio (#ad_top / .adRemote) e o container do anúncio
     (.ad_container, criado pelo adRemote como IRMÃO do slot) ficam todos na
     MESMA célula de grid (sobreposição).
   - z-index empilhado: fallback (1) < slot (10) < ad_container (50).
   - Slot e ad_container vazios usam pointer-events:none para NÃO bloquear
     cliques no fallback abaixo.
   - Quando o adRemote injeta o anúncio, ele adiciona .ad_container.filled
     no DOM. :has() detecta esse irmão, esconde o fallback e remove a
     moldura do wrapper, deixando só o anúncio aparente.
   ========================================================================= */
/* ---------- ESTRUTURA: SOBREPOSIÇÃO POR GRID + Z-INDEX ---------- */
.ad-wrapper-stack {
    display: grid !important;
    grid-template-columns: 1fr;
    background-color: #FFF;
    font-family: var(--primary-font-family, "Sora", sans-serif);
    overflow: hidden;
    box-sizing: border-box;
    position: relative;
    width: 100%;
    min-height: 330px;
}
/* Fallback, slot vazio e container do anúncio: TODOS na mesma célula */
.ad-wrapper-stack > .mdc-fallback-content,
.ad-wrapper-stack > #ad_top,
.ad-wrapper-stack > .adRemote,
.ad-wrapper-stack > .ad_container {
    grid-area: 1 / 1;
    width: 100%;
}
.mdc-fallback-content {
    z-index: 1;
    background-color: #FFF;
    display: flex;
    flex-direction: column;
    box-sizing: border-box;
    min-height: 440px;
}
/* Slots vazios: NÃO devem capturar cliques (deixam passar para o fallback) */
.ad-wrapper-stack > #ad_top,
.ad-wrapper-stack > .adRemote {
    z-index: 10;
    background-color: transparent;
    min-height: 0;
    pointer-events: none;
}
/* Container do anúncio injetado pelo adRemote (irmão do slot) */
.ad-wrapper-stack > .ad_container {
    z-index: 50;
    background-color: transparent;
    display: flex;
    justify-content: center;
    align-items: center;
    /* Quando vazio, também não bloqueia cliques. Vira clicável só com .filled */
    pointer-events: none;
}
.ad-wrapper-stack > .ad_container.filled {
    pointer-events: auto;
}
.ad-wrapper-stack > .ad_container iframe {
    display: block;
    max-width: 100%;
}
/* ---------- LABEL "OFERTAS EM DESTAQUE" ---------- */
.mdc-fb-label {
    display: inline-block;
    font-size: 10px;
    font-weight: 700;
    text-transform: uppercase;
    color: #333;
    background-color: #F1F3F4;
    padding: 4px 10px;
    border-radius: 6px;
    border: 1px solid #E0E0E0;
    letter-spacing: 0.4px;
    margin-bottom: 6px;
    align-self: flex-start;
}
/* ---------- ITEM / LINHA ---------- */
.mdc-fb-item {
    display: flex;
    align-items: center;
    justify-content: space-between;
    column-gap: 12px;
    padding: 10px 0;
    border-bottom: 1px solid #F0F0F0;
    width: 100%;
    box-sizing: border-box;
}
.mdc-fb-item:last-child {
    border-bottom: none;
}
.mdc-fb-left {
    display: flex;
    align-items: center;
    column-gap: 14px;
    flex: 1;
    min-width: 0;
}
/* ---------- ÍCONE ---------- */
.mdc-fb-icon {
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    color: var(--primary-color);
}
.mdc-fb-icon svg {
    width: 100%;
    height: 100%;
    display: block;
}
/* Variante secundária — último item */
.mdc-fb-item:last-child .mdc-fb-icon {
    color: var(--secondary-color);
}
.mdc-fb-img {
    max-width: 100%;
    max-height: 100%;
    object-fit: contain;
}
.mdc-fb-emoji {
    font-size: 26px;
    line-height: 1;
}
/* ---------- TEXTO ---------- */
.mdc-fb-text {
    display: flex;
    flex-direction: column;
    line-height: 1.25;
    min-width: 0;
}
.mdc-fb-text strong {
    font-size: 16px;
    font-weight: 700;
    color: #111;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.mdc-fb-text span {
    font-size: 13px;
    color: #8A8F98;
    font-weight: 400;
    margin-top: 2px;
}
/* ---------- BOTÃO CTA ---------- */
.mdc-fb-btn {
    flex-shrink: 0;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: var(--primary-color);
    color: #FFF !important;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 0.4px;
    padding: 10px 18px;
    border-radius: 6px;
    text-decoration: none !important;
    text-transform: uppercase;
    white-space: nowrap;
    transition: opacity 0.18s ease, transform 0.18s ease;
}
.mdc-fb-btn:hover {
    opacity: 0.92;
    transform: translateY(-1px);
}
.mdc-fb-item:last-child .mdc-fb-btn {
    background: var(--secondary-color);
}
/* =========================================================================
   MOBILE (< 768px) — layout vertical
   ========================================================================= */
@media (max-width: 767px) {
    .ad-wrapper-stack {
        width: 100vw;
        left: 50%;
        margin-left: -50vw;
        position: relative;
        border-radius: 0;
        box-shadow: none;
        margin-top: 10px;
        margin-bottom: 0;
        border-top: 1px solid #F0F0F0;
        border-bottom: 1px solid #F0F0F0;
        min-height: 440px;
    }
    .mdc-fallback-content {
        padding: 14px 16px;
        width: 100%;
        box-sizing: border-box;
    }
    .mdc-fb-item {
        padding: 12px 0;
    }
    .mdc-fb-icon {
        width: 36px;
        height: 36px;
    }
    .mdc-fb-text strong {
        font-size: 15px;
        white-space: normal;
    }
    .mdc-fb-text span {
        font-size: 12px;
    }
    .mdc-fb-btn {
        padding: 10px 14px;
        font-size: 11px;
    }
}
/* =========================================================================
   DESKTOP (>= 768px) — layout horizontal (4 colunas)
   ========================================================================= */
@media (min-width: 768px) {
    .ad-wrapper-stack {
        max-width: 1100px;
        margin: 0 auto 20px auto;
        border-radius: 0;
        box-shadow: none;
        border: 0;
    }
    .mdc-fallback-content {
        flex-direction: row;
        padding: 6px 14px;
        align-items: center;
        min-height: 330px;
    }
    .mdc-fb-item {
        border-bottom: none;
        border-right: 1px solid #F0F0F0;
        flex-direction: column;
        justify-content: center;
        text-align: center;
        padding: 4px 12px;
        flex: 1;
    }
    .mdc-fb-item:last-child {
        border-right: none;
    }
    .mdc-fb-left {
        flex-direction: column;
        column-gap: 0;
        row-gap: 4px;
        margin-bottom: 6px;
    }
    .mdc-fb-icon {
        width: 50px;
        height: 32px;
    }
    .mdc-fb-text {
        text-align: center;
        margin: 5px 0;
    }
    .mdc-fb-text strong {
        font-size: 13px;
    }
    .mdc-fb-text span {
        font-size: 11px;
    }
    .mdc-fb-btn {
        padding: 9px 12px;
        font-size: 10px;
        min-width: 75px;
    }
    .mdc-fb-label {
        display: none;
    }
}
/* =========================================================================
   ANÚNCIO CARREGANDO/VENDIDO — esconde fallback e moldura
   CORRIGIDO: O script de anúncios adiciona as classes .ad_container
   e .filled DIRETAMENTE no #ad_top (e não como um irmão).
   ========================================================================= */
/* 1. Restaura a capacidade de clique no slot preenchido usando !important
      para vencer o peso do seletor #ad_top original */
.ad-wrapper-stack > #ad_top.filled,
.ad-wrapper-stack > .adRemote.filled,
.ad-wrapper-stack > .ad_container.filled {
    pointer-events: auto !important;
}
/* 2. Se o slot receber a classe .filled ou .ad_container (e não estiver com display:none in-line),
      limpamos a moldura do wrapper */
.ad-wrapper-stack:has(> .filled:not([style*="display: none"]):not([style*="display:none"])),
.ad-wrapper-stack:has(> .ad_container:not([style*="display: none"]):not([style*="display:none"])) {
    border: none !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    background: transparent !important;
    margin-top: 0 !important;
    overflow: visible !important;
}
/* 3. Esconde APENAS o fallback. 
      Removemos a regra que escondia o #ad_top incondicionalmente, 
      pois o iframe do anúncio agora vive dentro dele! */
.ad-wrapper-stack:has(> .filled:not([style*="display: none"]):not([style*="display:none"])) > .mdc-fallback-content,
.ad-wrapper-stack:has(> .ad_container:not([style*="display: none"]):not([style*="display:none"])) > .mdc-fallback-content {
    display: none !important;
}
:root{--bg-strong:color-mix(in srgb,var(--primary-color) 60%,#000);--bg-alpha-15:color-mix(in srgb,var(--primary-color) 15%,#fff)}.page-ranking{padding:50px 0}.page-ranking h1 b{font-weight:700;color:var(--primary-color)}.top-bar{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px;flex-wrap:wrap;gap:8px}.ordenar-label{font-size:14px;color:#334155}.ordenar-label span{color:var(--primary-color);font-weight:600;cursor:pointer}.dropdown-trigger{display:inline-flex;align-items:center;gap:6px;cursor:pointer;background:0 0;border:none;font-size:14px;color:#334155;padding:0}.dropdown-trigger .arrow{display:inline-flex;align-items:center;transition:transform .2s}.arrow:after,.categoria-arrow:after{content:"";display:inline-block;width:10px;height:6px;background-color:currentColor;-webkit-mask:url("data:image/svg+xml,%3Csvg viewBox='0 0 10 6' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M1 1L5 5L9 1' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") no-repeat center/contain;mask:url("data:image/svg+xml,%3Csvg viewBox='0 0 10 6' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M1 1L5 5L9 1' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") no-repeat center/contain}.dropdown-trigger.open .arrow{transform:rotate(180deg)}.filtrar-btn{display:inline-flex;align-items:center;gap:10px;cursor:pointer;background:0 0;border:none;font-size:14px;color:#334155;font-weight:500}.icone-filtro{width:32px;height:32px;border-radius:6px;display:flex;align-items:center;justify-content:center;background-color:#f1f5f9;border:1px solid #e2e8f0}.icone-filtro:before{content:"";display:block;width:16px;height:16px;background-color:currentColor;-webkit-mask:url("data:image/svg+xml,%3Csvg viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M2.66406 13.998V9.33203M2.66406 6.66504V1.99902M8 13.9982V7.99902M8 5.33189V1.99902M13.3281 13.9989V10.666M13.3281 7.99819V1.99902M1.34375 9.33203H4.01004M6.67188 5.33301H9.33817M12.0078 10.666H14.6741' stroke='black' stroke-width='1.33' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") no-repeat center/contain;mask:url("data:image/svg+xml,%3Csvg viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M2.66406 13.998V9.33203M2.66406 6.66504V1.99902M8 13.9982V7.99902M8 5.33189V1.99902M13.3281 13.9989V10.666M13.3281 7.99819V1.99902M1.34375 9.33203H4.01004M6.67188 5.33301H9.33817M12.0078 10.666H14.6741' stroke='black' stroke-width='1.33' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") no-repeat center/contain}.dropdown-wrapper{position:relative}.dropdown-menu{display:none;position:absolute;top:calc(100% + 6px);left:0;min-width:200px;background:#fff;border:1px solid #e2e8f0;border-radius:8px;box-shadow:0 4px 16px rgba(0,0,0,.1);z-index:100;overflow:hidden}.dropdown-menu.open{display:block}.dropdown-menu li{list-style:none;padding:10px 16px;font-size:14px;cursor:pointer;color:#334155;transition:background .15s}.dropdown-menu li:hover{background:#f1f5f9}.dropdown-menu li.active{color:var(--primary-color);font-weight:600}.filtrar-wrapper .dropdown-menu{left:auto;right:0}.categoria-select-wrapper{position:relative;margin-bottom:20px}.categoria-select{width:100%;appearance:none;background:#f1f5f9;border:1px solid #e2e8f0;border-radius:5px;padding:14px 40px 14px 16px;font-size:15px;color:#334155;cursor:pointer;outline:none}.categoria-arrow{position:absolute;right:16px;top:50%;transform:translateY(-50%);pointer-events:none;display:flex;align-items:center}.fallback-alert{background:#fff8eb;border-left:4px solid #f59e0b;padding:16px 20px;border-radius:8px;margin-bottom:24px;display:flex;align-items:center;gap:16px;color:#92400e;font-weight:500;box-shadow:0 2px 4px rgba(0,0,0,.02);font-size:15px}.fallback-alert svg{flex-shrink:0;color:#f59e0b}.fallback-category-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;margin-bottom:16px;overflow:hidden;box-shadow:0 4px 6px -1px rgba(0,0,0,.03)}.fallback-category-card .accordion-header{background:#f8fafc;border:none;border-bottom:1px solid transparent;margin:0;border-radius:0;transition:background .2s,border-color .2s}.fallback-category-card .accordion-header.open{border-bottom-color:#e2e8f0;background:#fff}.fallback-category-title{font-size:18px;font-weight:700;color:#1e293b}.fallback-links-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px, 1fr));gap:12px;padding-bottom:20px}.fallback-link-item{display:flex;align-items:center;padding:14px 16px;background:#fff;border:1px solid #e2e8f0;border-radius:8px;text-decoration:none;color:#334155;transition:all .2s ease}.fallback-link-item:hover{border-color:var(--primary-color);box-shadow:0 4px 12px var(--bg-alpha-15);transform:translateY(-2px)}.fallback-link-icon{font-size:1.2rem;margin-right:12px;background:var(--bg-alpha-15);width:36px;height:36px;display:flex;align-items:center;justify-content:center;border-radius:50%}.fallback-link-text{font-weight:600;font-size:15px;flex:1}.fallback-link-arrow{color:#94a3b8;transition:transform .2s;font-weight:700;font-size:18px;line-height:1}.fallback-link-item:hover .fallback-link-arrow{color:var(--primary-color);transform:translateX(4px)}.card{background:#fff;margin-bottom:60px;padding:15px;border:1px solid #d8d8d8;box-sizing:border-box;border-radius:10px}.card-body{padding:0 0 14px}.card-main{display:flex;align-items:flex-start;gap:20px}.card-img{flex-shrink:0;width:160px;height:100px;border-radius:12px;object-fit:contain;background-color:#fff;border:1px solid #f1f5f9}.card-info{flex:1}.card-top-row{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:8px}.badge-mais-rec{display:inline-flex;align-items:center;gap:5px;background:var(--bg-alpha-15);border-radius:20px;padding:6px 10px;font-size:12px;color:var(--primary-color);font-weight:600;white-space:nowrap}.badge-mais-rec:before{content:"";display:inline-block;width:16px;height:14px;background-color:currentColor;-webkit-mask:url("data:image/svg+xml,%3Csvg viewBox='0 0 17 15' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9.21261 7.44825C9.38444 7.16607 9.56206 6.87429 9.73748 6.57346C10.3247 5.56688 10.4324 4.55265 10.0578 3.55888C9.30205 1.55379 6.77558 0.33211 6.19069 0.137187L5.77941 0L5.1375 1.28407L5.44727 1.53714C5.45074 1.53992 5.79481 1.84057 5.81775 2.29634C5.83733 2.6854 5.62404 3.10583 5.18396 3.54604C4.87834 3.85163 4.54292 4.14712 4.18778 4.45992C2.69357 5.7758 1 7.26767 1 10.0899C1 10.1287 1.00036 10.1672 1.00109 10.2055C1.01192 10.8283 1.14568 11.4429 1.39469 12.0138C1.64371 12.5848 2.00306 13.1009 2.45213 13.5326C3.35387 14.4096 4.56292 14.8992 5.82084 14.8965H8.69829L8.34309 14.1757C6.8999 11.2466 7.9205 9.57041 9.21261 7.44825ZM5.82084 13.8967C3.75257 13.8967 2.03891 12.2325 2.00067 10.187C2.00009 10.1548 1.99979 10.1225 1.99977 10.0899C1.99977 7.71931 3.44805 6.44352 4.84866 5.20984C5.1998 4.90054 5.56293 4.58068 5.89088 4.25266C6.53929 3.60428 6.85063 2.92906 6.81626 2.24588C6.80122 1.95636 6.72437 1.67342 6.59088 1.41607C7.46067 1.89131 8.70048 2.79241 9.12238 3.91165C9.38931 4.61976 9.30805 5.32569 8.87397 6.06986C8.70323 6.36257 8.52805 6.65022 8.35868 6.92844C7.11894 8.96449 5.9429 10.8957 7.12609 13.8967H5.82084Z' fill='black'/%3E%3Cpath d='M14.0098 10.058C14.0015 10.025 13.9928 9.99179 13.9838 9.95849C13.623 8.63592 11.6263 6.93538 11.3998 6.74583L10.945 6.36523L10.6468 6.87786C9.96714 8.04634 9.3839 9.11209 9.12965 10.3212C8.83975 11.7 9.03489 13.1014 9.72639 14.6055L9.86014 14.8966H10.2C10.7986 14.8983 11.3896 14.7626 11.9275 14.4999C12.4653 14.2372 12.9357 13.8545 13.3024 13.3813C13.6668 12.9185 13.9201 12.3781 14.0427 11.8019C14.1654 11.2258 14.1541 10.6291 14.0098 10.058ZM12.5139 12.7662C12.2716 13.079 11.9682 13.3392 11.622 13.531C11.2759 13.7228 10.8944 13.842 10.5006 13.8816C9.51522 11.5102 10.0966 9.89391 11.2077 7.91065C11.9463 8.5978 12.8465 9.58807 13.0192 10.2214C13.0265 10.2481 13.0334 10.2747 13.0401 10.3012C13.1469 10.7249 13.155 11.1675 13.0638 11.5949C12.9726 12.0223 12.7845 12.423 12.5139 12.7662Z' fill='black'/%3E%3C/svg%3E") no-repeat center/contain}.card-name{font-size:22px;font-weight:700;color:#1e293b;margin-bottom:12px;line-height:1.2}.card-meta{display:flex;gap:32px;flex-wrap:wrap;align-items:flex-end;margin-bottom:8px}.meta-group label{display:block;font-size:12px;color:#64748b;margin-bottom:2px}.meta-group .value{font-size:15px;font-weight:700;color:#1e293b}.rating{display:inline-flex;align-items:center;gap:2px}.stars{display:inline-block;width:105px;height:21px;background-color:#d1d5db;position:relative;-webkit-mask:url("data:image/svg+xml,%3Csvg width='21' height='21' viewBox='0 0 21 21' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M17.9403 6.97569L12.9247 6.24675L10.6825 1.70125C10.6213 1.57679 10.5206 1.47605 10.3961 1.41481C10.084 1.26072 9.7047 1.38913 9.54864 1.70125L7.3065 6.24675L2.29085 6.97569C2.15257 6.99544 2.02614 7.06063 1.92934 7.1594C1.81232 7.27968 1.74783 7.4415 1.75006 7.6093C1.75228 7.77709 1.82103 7.93715 1.94119 8.05428L5.57009 11.5923L4.71274 16.5882C4.69264 16.7044 4.7055 16.8239 4.74987 16.9332C4.79423 17.0425 4.86833 17.1372 4.96376 17.2065C5.05919 17.2758 5.17213 17.317 5.28977 17.3254C5.40741 17.3337 5.52505 17.309 5.62935 17.2539L10.1156 14.8953L14.6018 17.2539C14.7243 17.3191 14.8665 17.3409 15.0028 17.3171C15.3466 17.2579 15.5777 16.9319 15.5184 16.5882L14.6611 11.5923L18.29 8.05428C18.3888 7.95749 18.4539 7.83106 18.4737 7.69278C18.527 7.34707 18.286 7.02705 17.9403 6.97569Z' fill='black'/%3E%3C/svg%3E") repeat-x;mask:url("data:image/svg+xml,%3Csvg width='21' height='21' viewBox='0 0 21 21' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M17.9403 6.97569L12.9247 6.24675L10.6825 1.70125C10.6213 1.57679 10.5206 1.47605 10.3961 1.41481C10.084 1.26072 9.7047 1.38913 9.54864 1.70125L7.3065 6.24675L2.29085 6.97569C2.15257 6.99544 2.02614 7.06063 1.92934 7.1594C1.81232 7.27968 1.74783 7.4415 1.75006 7.6093C1.75228 7.77709 1.82103 7.93715 1.94119 8.05428L5.57009 11.5923L4.71274 16.5882C4.69264 16.7044 4.7055 16.8239 4.74987 16.9332C4.79423 17.0425 4.86833 17.1372 4.96376 17.2065C5.05919 17.2758 5.17213 17.317 5.28977 17.3254C5.40741 17.3337 5.52505 17.309 5.62935 17.2539L10.1156 14.8953L14.6018 17.2539C14.7243 17.3191 14.8665 17.3409 15.0028 17.3171C15.3466 17.2579 15.5777 16.9319 15.5184 16.5882L14.6611 11.5923L18.29 8.05428C18.3888 7.95749 18.4539 7.83106 18.4737 7.69278C18.527 7.34707 18.286 7.02705 17.9403 6.97569Z' fill='black'/%3E%3C/svg%3E") repeat-x}.stars:after{content:"";position:absolute;top:0;left:0;bottom:0;background-color:#f59e0b}.stars.rate-1:after{width:20%}.stars.rate-2:after{width:40%}.stars.rate-3:after{width:60%}.stars.rate-4:after{width:80%}.stars.rate-5:after{width:100%}.comparador-row{display:flex;align-items:center;gap:8px;font-size:13px;color:#64748b;margin:0 0 0 auto;user-select:none}.comparador-row input[type=checkbox]{appearance:none;-webkit-appearance:none;width:18px;height:18px;border:2px solid var(--primary-color);border-radius:3px;cursor:pointer;position:relative;background-color:#fff;transition:all .2s}.comparador-row input[type=checkbox]:checked{background-color:var(--primary-color);border-color:var(--primary-color)}.comparador-row input[type=checkbox]:checked:after{content:'';position:absolute;left:4px;top:0;width:4px;height:8px;border:solid #fff;border-width:0 2px 2px 0;transform:rotate(45deg)}.btn-ver{display:block;width:100%;margin:0 0 16px;padding:15px;background:var(--primary-color);color:#fff;font-size:15px;font-weight:700;letter-spacing:.08em;text-align:center;border:none;border-radius:6px;cursor:pointer;transition:background .2s;text-transform:uppercase;box-sizing:border-box}.btn-ver:hover{background:var(--bg-strong)}.accordion-header{display:flex;align-items:center;justify-content:space-between;padding:10px 16px;border-top:1px solid #e2e8f0;cursor:pointer;font-size:16px;font-weight:500;color:#333;user-select:none;background-color:var(--bg-alpha-15);border-radius:8px;border:1px solid var(--primary-color);margin:0}.accordion-ver{display:inline-flex;align-items:center;gap:4px;font-size:16px;color:var(--primary-color);font-weight:500}.accordion-ver .arrow{transition:transform .25s}.accordion-header.open .accordion-ver .arrow{transform:rotate(-90deg)}.accordion-body{display:none;padding:12px 0 20px}.accordion-body.open{display:block}.contentAccord{padding:12px 0 20px}.feature-list{padding:0 0 0 10px;list-style:none;display:flex;flex-direction:column;gap:10px}.feature-list li{display:flex;align-items:center;gap:8px;font-size:14px;color:#334155}.feature-list li:before{content:"";display:inline-block;width:20px;height:20px;flex-shrink:0;background-color:var(--primary-color);-webkit-mask:url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M15 5.83308H14.7083C14.8985 5.44372 14.9982 5.0164 15 4.58308C15.0025 4.00252 14.8312 3.43449 14.5082 2.95211C14.1851 2.46972 13.7251 2.09507 13.1873 1.87636C12.6495 1.65766 12.0585 1.60491 11.4905 1.72492C10.9225 1.84493 10.4034 2.1322 10 2.54975C9.59662 2.1322 9.07751 1.84493 8.50948 1.72492C7.94146 1.60491 7.35051 1.65766 6.81271 1.87636C6.27491 2.09507 5.81488 2.46972 5.49182 2.95211C5.16877 3.43449 4.99748 4.00252 5 4.58308C5.00178 5.0164 5.10149 5.44372 5.29167 5.83308H5C4.33696 5.83308 3.70107 6.09647 3.23223 6.56531C2.76339 7.03415 2.5 7.67004 2.5 8.33308V9.99975C2.5 10.2208 2.5878 10.4327 2.74408 10.589C2.90036 10.7453 3.11232 10.8331 3.33333 10.8331H4.16667V15.8331C4.16667 16.4961 4.43006 17.132 4.8989 17.6008C5.36774 18.0697 6.00363 18.3331 6.66667 18.3331H13.3333C13.9964 18.3331 14.6323 18.0697 15.1011 17.6008C15.5699 17.132 15.8333 16.4961 15.8333 15.8331V10.8331H16.6667C16.8877 10.8331 17.0996 10.7453 17.2559 10.589C17.4122 10.4327 17.5 10.2208 17.5 9.99975V8.33308C17.5 7.67004 17.2366 7.03415 16.7678 6.56531C16.2989 6.09647 15.663 5.83308 15 5.83308ZM9.16667 16.6664H6.66667C6.44565 16.6664 6.23369 16.5786 6.07741 16.4223C5.92113 16.2661 5.83333 16.0541 5.83333 15.8331V10.8331H9.16667V16.6664ZM9.16667 9.16641H4.16667V8.33308C4.16667 8.11207 4.25446 7.9001 4.41074 7.74382C4.56702 7.58754 4.77899 7.49975 5 7.49975H9.16667V9.16641ZM9.16667 5.83308H7.91667C7.66944 5.83308 7.42777 5.75977 7.2222 5.62242C7.01664 5.48506 6.85643 5.28984 6.76182 5.06143C6.66721 4.83303 6.64245 4.58169 6.69068 4.33922C6.73892 4.09674 6.85797 3.87401 7.03278 3.6992C7.2076 3.52438 7.43033 3.40533 7.6728 3.3571C7.91528 3.30887 8.16661 3.33362 8.39502 3.42823C8.62343 3.52284 8.81865 3.68306 8.956 3.88862C9.09336 4.09418 9.16667 4.33585 9.16667 4.58308V5.83308ZM10.8333 4.58308C10.8333 4.33585 10.9066 4.09418 11.044 3.88862C11.1813 3.68306 11.3766 3.52284 11.605 3.42823C11.8334 3.33362 12.0847 3.30887 12.3272 3.3571C12.5697 3.40533 12.7924 3.52438 12.9672 3.6992C13.142 3.87401 13.2611 4.09674 13.3093 4.33922C13.3575 4.58169 13.3328 4.83303 13.2382 5.06143C13.1436 5.28984 12.9834 5.48506 12.7778 5.62242C12.5722 5.75977 12.3306 5.83308 12.0833 5.83308H10.8333V4.58308ZM14.1667 15.8331C14.1667 16.0541 14.0789 16.2661 13.9226 16.4223C13.7663 16.5786 13.5543 16.6664 13.3333 16.6664H10.8333V10.8331H14.1667V15.8331ZM15.8333 9.16641H10.8333V7.49975H15C15.221 7.49975 15.433 7.58754 15.5893 7.74382C15.7455 7.9001 15.8333 8.11207 15.8333 8.33308V9.16641Z' fill='black'/%3E%3C/svg%3E") no-repeat center/contain;mask:url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M15 5.83308H14.7083C14.8985 5.44372 14.9982 5.0164 15 4.58308C15.0025 4.00252 14.8312 3.43449 14.5082 2.95211C14.1851 2.46972 13.7251 2.09507 13.1873 1.87636C12.6495 1.65766 12.0585 1.60491 11.4905 1.72492C10.9225 1.84493 10.4034 2.1322 10 2.54975C9.59662 2.1322 9.07751 1.84493 8.50948 1.72492C7.94146 1.60491 7.35051 1.65766 6.81271 1.87636C6.27491 2.09507 5.81488 2.46972 5.49182 2.95211C5.16877 3.43449 4.99748 4.00252 5 4.58308C5.00178 5.0164 5.10149 5.44372 5.29167 5.83308H5C4.33696 5.83308 3.70107 6.09647 3.23223 6.56531C2.76339 7.03415 2.5 7.67004 2.5 8.33308V9.99975C2.5 10.2208 2.5878 10.4327 2.74408 10.589C2.90036 10.7453 3.11232 10.8331 3.33333 10.8331H4.16667V15.8331C4.16667 16.4961 4.43006 17.132 4.8989 17.6008C5.36774 18.0697 6.00363 18.3331 6.66667 18.3331H13.3333C13.9964 18.3331 14.6323 18.0697 15.1011 17.6008C15.5699 17.132 15.8333 16.4961 15.8333 15.8331V10.8331H16.6667C16.8877 10.8331 17.0996 10.7453 17.2559 10.589C17.4122 10.4327 17.5 10.2208 17.5 9.99975V8.33308C17.5 7.67004 17.2366 7.03415 16.7678 6.56531C16.2989 6.09647 15.663 5.83308 15 5.83308ZM9.16667 16.6664H6.66667C6.44565 16.6664 6.23369 16.5786 6.07741 16.4223C5.92113 16.2661 5.83333 16.0541 5.83333 15.8331V10.8331H9.16667V16.6664ZM9.16667 9.16641H4.16667V8.33308C4.16667 8.11207 4.25446 7.9001 4.41074 7.74382C4.56702 7.58754 4.77899 7.49975 5 7.49975H9.16667V9.16641ZM9.16667 5.83308H7.91667C7.66944 5.83308 7.42777 5.75977 7.2222 5.62242C7.01664 5.48506 6.85643 5.28984 6.76182 5.06143C6.66721 4.83303 6.64245 4.58169 6.69068 4.33922C6.73892 4.09674 6.85797 3.87401 7.03278 3.6992C7.2076 3.52438 7.43033 3.40533 7.6728 3.3571C7.91528 3.30887 8.16661 3.33362 8.39502 3.42823C8.62343 3.52284 8.81865 3.68306 8.956 3.88862C9.09336 4.09418 9.16667 4.33585 9.16667 4.58308V5.83308ZM10.8333 4.58308C10.8333 4.33585 10.9066 4.09418 11.044 3.88862C11.1813 3.68306 11.3766 3.52284 11.605 3.42823C11.8334 3.33362 12.0847 3.30887 12.3272 3.3571C12.5697 3.40533 12.7924 3.52438 12.9672 3.6992C13.142 3.87401 13.2611 4.09674 13.3093 4.33922C13.3575 4.58169 13.3328 4.83303 13.2382 5.06143C13.1436 5.28984 12.9834 5.48506 12.7778 5.62242C12.5722 5.75977 12.3306 5.83308 12.0833 5.83308H10.8333V4.58308ZM14.1667 15.8331C14.1667 16.0541 14.0789 16.2661 13.9226 16.4223C13.7663 16.5786 13.5543 16.6664 13.3333 16.6664H10.8333V10.8331H14.1667V15.8331ZM15.8333 9.16641H10.8333V7.49975H15C15.221 7.49975 15.433 7.58754 15.5893 7.74382C15.7455 7.9001 15.8333 8.11207 15.8333 8.33308V9.16641Z' fill='black'/%3E%3C/svg%3E") no-repeat center/contain}@media (max-width:1150px){.card{display:grid;grid-template-columns:110px 1fr;gap:0 16px;margin:0 0 30px}.card-name{border-bottom:1px solid #ddd;padding-bottom:15px}.card-body,.card-main,.card-info,.card-top-row,.card-meta{display:contents}.badge-mais-rec{grid-column:1/-1;grid-row:1;justify-self:start;margin-bottom:12px}.card-img{grid-column:1;grid-row:2/span 2;width:100%;height:auto;border-radius:6px;max-height:85px}.meta-group:nth-of-type(1){grid-column:2;grid-row:2;align-self:end;margin-bottom:4px}.meta-group:nth-of-type(2){grid-column:2;grid-row:3;align-self:start}.card-name{grid-column:1/-1;grid-row:4;font-size:18px;margin-top:16px;margin-bottom:12px}.btn-ver{grid-column:1/-1;grid-row:5;width:100%;margin:15px 0 16px}.comparador-row{grid-column:1/-1;grid-row:6;margin:0 0 16px}details.infoCardAccord{grid-column:1/-1;grid-row:7;margin:0}.accordion-header{margin:0}.accordion-body,.contentAccord{padding:12px 0 0}.adRemote{width:calc(100% + calc(10vw + 32px));margin:0 0 30px calc(-5vw - 16px)}}