/*
Theme Name: Museu Flamengo
Author: Pedro Estarque, para RedBandana e SportsAI
Description: Tema para Museu Flamengo
Version: 90
*/
*,
*::before,
*::after {
    border: 0px;
    margin: 0px;
    padding: 0px;
    box-sizing: border-box;
    outline-color: white;
    -webkit-text-size-adjust: 100%;
}

:root {
    --fla-header-height: 70px;
    --fla-vermelho: #bd0001;
}

html {
    scroll-behavior: smooth;
    scroll-padding-top: var(--fla-header-height);
}

html,
body {
    height: 100%;
    width: 100%;
    background: black;
}

body,
button {
    font-family: 'Montserrat', sans-serif;
}

a {
    color: #333;
}

ul {
    list-style-type: none;
}

button {
    appearance: none;
    background-color: transparent;
    color: black;
}

body>.container {
    position: relative;
    min-height: 100%;
    /* overflow-x: hidden; */
}

body>.container>.content {
    padding-top: var(--fla-header-height);
    margin: auto;
    background-color: white;
}

h1,
h2,
h3,
h4 {}

header {
    position: fixed;
    width: 100%;
    /* min-height: var(--fla-header-height); */
    background: black;
    position: absolute;
    top: 0;
}

header>.topBar {
    max-width: 1100px;
    margin: auto;
    position: relative;
    height: var(--fla-header-height);
}

.admin-bar .container {
    /* top: 46px; */
}

#wpadminbar {
    position: fixed !important;
    /* max-width: 100vw!important; */
}

#wp-admin-bar-wp-logo {
    display: none;
}

.menu-container {
    position: relative;
    /* left: 0; */
    width: 100%;
    background: #282828;
    display: none;
    padding: 15px 30px;
    font-weight: 700;
}

html.menuOpen .menu-container {
    display: block;
    z-index: 2;
    background-image: url(imgs/bgMenuMobile.jpg);
    background-size: cover;
    box-shadow: 0 0 10px black;
    padding-bottom: 30px;
}

.menu-container .menu {
    max-width: 1100px;
    margin: auto;
}

.menu-container a {
    text-decoration: none;
    color: white;
    display: inline-block;
    padding: 10px 0;
}

.menu-container a:hover {
    /* background-color: #444; */
    background-color: rgb(255 255 255 / 15%);
    /* text-decoration: underline; */
}

#menu-menu-topo>li a[href="#---"] {
    color: black;
    cursor: default;
    text-transform: uppercase;
    color: white;
    opacity: 0.5;
    border-bottom: none;
    padding: 30px 0 15px 0;
}

.menu-container a[href="#---"]:hover {
    background: transparent;
}

.menuToggle i {
    background-image: linear-gradient(white 50%, transparent 50%);
    background-size: 100% 4px;
    background-repeat: no-repeat;
    background-position: 0 6px;
    transition: 0.3s all;
    opacity: 1;
    display: block;
    height: 15px;
    width: 20px;
    /* border: 1px solid white; */
}

.menuToggle:before,
.menuToggle:after {
    content: '';
    position: absolute;
    height: 2px;
    width: 20px;
    left: 0;
    top: 0;
    transition: 0.3s all;
    background: white;
}

.menuToggle:after {
    top: 12px;
}

html.menuOpen .menuToggle i {
    opacity: 0;
}

html.menuOpen .menuToggle:before {
    transform: rotate(45deg);
    top: 7px;
}

html.menuOpen .menuToggle:after {
    transform: rotate(-45deg);
    top: 7px;
}

.menuToggle {
    cursor: pointer;
    appearance: none;
    position: absolute;
    right: 20px;
    top: 0;
}

#menu-menu-topo>li a {
    width: 300px;
    border-bottom: 1px solid white;
    /* margin: 10px 0; */
    font-size: 21px;
    padding: 15px 7px;
}

#menu-menu-topo .menu-item-has-children>a:after {
    content: "";
    background-image: url(imgs/arrow.svg);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    width: 15px;
    height: 18px;
    float: right;
    position: relative;
    top: 2px;
    opacity: 0.5;
    transition: 0.5s all;
    left: 0;
}

.menu-container .sub-menu a {}

header .logo {
    background-image: url(imgs/logo.svg);
    width: 150px;
    height: 50px;
    display: block;
    background-repeat: no-repeat;
    position: absolute;
    left: 20px;
    top: 10px;
}

header nav {
    position: absolute;
    right: 0;
    top: 30px;
}

header .social {
    display: flex;
    position: absolute;
    top: 40px;
    right: 0;
    width: 245px;
    height: 50px;
    padding-left: 80px;
    padding-right: 20px;
    align-items: center;
    justify-content: space-between;
}

header .social:before {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    right: 0;
    background-image: url("./trapezioHeaderSocial.svg");
    background-repeat: no-repeat;
    mix-blend-mode: multiply;
    background-size: cover;
    /* background-color: rgb(170 0 0); */
    /* opacity: 0.8; */
    z-index: 1;
}

header .social a {
    display: inline-block;
    width: 20px;
    height: 20px;
    background-repeat: no-repeat;
    transition: 0.3s all;
    /* margin: 0 2px; */
    z-index: 1;
    background-position: center;
}

header .ingresso {
    width: 90px;
    height: 15px;
    background-image: url(imgs/compre-ingresso.svg);
    background-repeat: no-repeat;
    position: absolute;
    top: 0;
    right: 60px;
}

header .social a:hover {
    transform: scale(1.1);
}

header .social a[href*="flamengo.com.br"] {
    background-image: url(imgs/crf2.svg);
    width: 20px;
    height: 24px;
    margin-top: -4px;
}

header .social a[href*="facebook"] {
    background-image: url(imgs/facebook.svg);
}

header .social a[href*="instagram"] {
    background-image: url(imgs/instagram.svg);
}

header .social a[href*="twitter"] {
    background-image: url(imgs/x-twitter.svg);
}

header .menu .social {
    padding-left: 6px;
    display: none;
    margin-top: 10px;
}

html.fixedMenu header {
    position: fixed;
    z-index: 2;
}

html.fixedMenu.menuOpen body {
    overflow: hidden;
}

.container img {
    max-width: 100%;
}

/* Home */
.home .carrossel {
    overflow: hidden;
    background: url("./bandeira.jpg");
    width: 100%;
    display: flex;
    flex-direction: column-reverse;
    background-size: cover;
}

.home .carrossel>* {
    width: 100%;
    height: 75vw;
}

.home .carrossel .carrosselTXT {
    margin-bottom: 0;
}

.home .carrosselIMG:after {
    content: "";
    position: absolute;
    background-image: url("./trapezio-carrossel.svg");
    top: 46vw;
    width: 100vw;
    height: 30vw;
    background-repeat: no-repeat;
    mix-blend-mode: multiply;
    pointer-events: none;
}

.home .carrossel .slide {
    width: 100%;
    height: 75vw;
    position: relative;
}

.home .carrossel .slide>img {
    display: block;
    aspect-ratio: 4/3;
    object-fit: cover;
}

.home .carrossel .slide>div {
    background-size: cover;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    text-align: center;
    color: white;
    padding: 20px;
}

.home .carrossel .slide>div>* {
    max-width: 300px;
}

.home .carrossel .slide h3 {
    margin: 0 auto 20px auto;
    font-size: 18px;
}

.home .carrossel .slide p {
    font-size: 14px;
    margin: 0 auto 0 auto;
}

.home .carrossel .slide a {
    color: white;
    text-decoration: none;
    text-transform: uppercase;
    display: block;
    background: black;
    padding: 10px 20px;
    width: fit-content;
    margin: 30px auto 0 auto;
    border-radius: 20px;
    font-size: 12px;
}

/* Slick Slider */
.carrossel .slick-dots {
    bottom: calc(100% - 25px);
}

.carrossel .slick-dots li button:before {
    display: none;
}

.carrossel .slick-dots li {
    width: 15px;
    height: 5px;
    background: white;
    background-image: linear-gradient(90deg, white 50%, black 10%);
    /* animation: progressCarrossel 3s linear infinite; */
    background-position: 0 0;
    background-size: 200%;
    /* transition: 0.5s background; */
}

.carrossel.largeGal .slick-dots li {
    width: 5px;
    margin: 0 2.5px;
}

.carrossel .slick-dots li.slick-active {
    /* background: black; */
    background-position: -100% 0;
    transition: 3s linear background;
}

.carrossel .slick-dots li button {
    width: 100%;
    height: 100%;
}

.carrossel.largeGal .slick-dots {
    line-height: 13px;
}

.home .museuBox {
    max-width: 270px;
    margin: 30px auto;
}

.home .museuBox h2 {
    color: #9c7f4e;
    font-size: 32px;
    line-height: 35px;
    margin-bottom: 20px;
    border-bottom: 2px solid #bc2a20;
    padding-bottom: 10px;
    white-space: pre-line;
    width: fit-content;
}

.home .museuBox+.cards {
    background-image: url(imgs/museu_fisico-trapezio.svg);
    background-repeat: no-repeat;
    background-size: cover;
    padding: 20px;
    background-position: center;
    background-position: top;
}

.home .museuBox+.cards>div {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-between;
}

.home .museuBox+.cards a,
.cardBox a {
    width: 100%;
    height: 100%;
    display: block;
    color: white;
    text-decoration: none;
    white-space: pre-line;
    text-align: center;
    font-size: 32px;
    font-weight: 800;
    line-height: 1;
}

.home .museuBox+.cards>div>div {
    width: 280px;
    height: 355px;
}

.home .cards a b,
.cardBox a b {
    display: flex;
    width: 100%;
    height: 100%;
    background-size: contain;
    background-repeat: no-repeat;
    justify-content: center;
    align-items: center;
    position: relative;
}

.home .museuBox.museu_virtual+.cards {
    /* background-image: url(imgs/museu_virtual-trapezio-mobile.svg); */
}

.home .museu_virtual+.cards a b:before,
.cardBox.virtual a b:before {
    content: "tour virtual";
    text-transform: uppercase;
    font-size: 12px;
    font-weight: 500;
    letter-spacing: 1px;
    position: absolute;
    top: 80px;
    border-bottom: 1px solid white;
    padding: 10px;
}

.home .museuBox.museu_virtual {
    position: relative;
}

.home .museuBox.museu_virtual .avatar {
    position: absolute;
    background-image: url(imgs/avatars.png);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    width: 377px;
    height: 537px;
    right: 0;
    top: 100px;
    z-index: 1;
}

.home .museuBox.museu_virtual p {
    max-width: 640px;
}

.home .lendas .botao {
    border: 0;
    background-color: #9c0203;
}

.home .lendas {
    margin-top: -90px;
    position: relative;
}

footer .patrocinio {
    background-color: #31312f;
    padding: 40px 0;
}

footer .patrocinio img {
    /* max-height: 550px; */
    display: block;
    margin: auto;
    width: 1100px;
    max-width: 90%;
}

footer .bandeira {
    background-image: url(imgs/rodapeBandeira.jpg);
    height: 500px;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: left;
    background-color: #31312f;
}

footer .footer-menu-container {
    display: flex;
    height: 100%;
    max-width: 1440px;
    align-items: center;
    margin: auto;
}

footer .menu {
    max-width: 550px;
    width: 100%;
}

footer .menu a {
    color: white;
    text-decoration: none;
}

footer .menu li {
    display: block;
    border-bottom: 2px solid black;
    padding-bottom: 30px;
    font-weight: bold;
    margin: 30px;
}

footer .copywrite {
    text-align: right;
    color: #9d7f4e;
    max-width: 1100px;
    margin: auto;
    height: 110px;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    /* font-size: 14px; */
    font-weight: 500;
    padding: 30px;
}

a.button.transparente {
    border-radius: 30px;
    border: 1px solid var(--fla-vermelho);
    padding: 10px 40px;
    text-decoration: none;
    transition: 0.3s all;
    font-weight: 500;
}

a.button.transparente:hover {
    background: var(--fla-vermelho);
    color: white;
}

.lado_lado {
    display: flex;
    justify-content: center;
    align-items: center;
    margin: auto;
}

.lado_lado .texto {
    color: white;
    background-size: cover;
}

.post-type-archive-acervo .lado_lado .texto,
.single-acervo .lado_lado .texto,
.page-template-template-museu .lado_lado .texto {
    background-image: url(imgs/vermelho_textura.jpg);
}

.lado_lado .categorias,
.lado_lado .item {
    background-image: url(imgs/textura_papel.jpg);
    background-size: cover;
}

.post-type-archive-acervo .lado_lado h1,
.tax-tipo-acervo h1,
.acervoBox h1 {
    border-bottom: 3px solid black;
    max-width: fit-content;
    padding-bottom: 10px;
    margin-bottom: 15px;
    text-transform: uppercase;
    font-size: 41px;
}

.post-type-archive-acervo .lado_lado .texto a,
.tax-tipo-acervo .cabecalho a,
.acervoBox .texto a,
.breadcrumbs a,
body.single-personagem .breadcrumbs span {
    color: white;
    text-decoration: none;
    transition: 0.5s all;
    text-transform: uppercase;
    margin-bottom: 25px;
    display: inline-block;
    font-size: 18px;
    font-weight: 100;
    line-height: 34px;
}

body.single-personagem .breadcrumbs a {
    transition: 0.25s all;
    text-decoration: underline;
    opacity: 0.8;
    text-decoration-color: #999;
    text-decoration-thickness: 1px;
    text-underline-offset: 4px;
}

body.single-personagem .breadcrumbs a:hover {
    opacity: 1;
}

body.single-personagem .breadcrumbs a:before {
    display: none;
}

.post-type-archive-acervo .lado_lado .texto a:hover,
.tax-tipo-acervo .cabecalho a:hover,
.acervoBox .texto a:hover,
.breadcrumbs a:hover {
    text-decoration: underline;
}

.post-type-archive-acervo .lado_lado .texto a:before,
.tax-tipo-acervo .cabecalho a:before,
.acervoBox .texto a:before,
.breadcrumbs a:before,
body.single-personagem .breadcrumbs span:before {
    content: "";
    background-image: url(imgs/arrow.svg);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    width: 15px;
    height: 18px;
    float: left;
    position: relative;
    top: 8px;
    left: 0;
    transform: scaleX(-1);
    margin-right: 5px;
}

.post-type-archive-acervo .categorias div,
.tax-tipo-acervo .categorias div {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-around;
}

.post-type-archive-acervo .categorias a {
    width: 165px;
    height: 155px;
    font-size: 14px;
    font-weight: bold;
    text-align: center;
    text-decoration: none;
    display: flex;
    justify-content: center;
    align-items: flex-end;
    background-size: auto 75px;
    background-repeat: no-repeat;
    background-position: center;
    mix-blend-mode: multiply;
    text-transform: uppercase;
}

.post-type-archive-acervo .categorias a:hover {
    mix-blend-mode: normal;
}

.post-type-archive-acervo .categorias a span {
    height: 30px;
    border-top: 2px solid black;
    display: flex;
    align-items: flex-start;
    padding-top: 5px;
    width: 100%;
    justify-content: center;
}

.post-type-archive-acervo .categorias a:nth-of-type(5) {
    background-size: auto 65px;
}

.post-type-archive-acervo .categorias a:nth-of-type(6) {
    background-size: auto 40px;
}

.tax-tipo-acervo .cabecalho {
    background-image: url(imgs/textura_papel_single.jpg);
    display: flex;
    background-position: center;
}

.tax-tipo-acervo .cabecalho h1 {
    color: var(--fla-vermelho);
    position: relative;
}

.tax-tipo-acervo .cabecalho h1:before {
    content: '';
    width: 75px;
    height: 75px;
    background-image: var(--icon);
    background-repeat: no-repeat;
    background-size: contain;
    display: block;
    margin: 10px 0;
}

.tax-tipo-acervo .cabecalho p {
    font-size: 24px;
    line-height: 34px;
    max-width: 780px;
}

.tax-tipo-acervo .cabecalho a {
    color: var(--fla-vermelho);
}

.tax-tipo-acervo .cabecalho .texto {
    max-width: 1100px;
    margin: auto;
    mix-blend-mode: multiply;
    width: 100%;
}

.tax-tipo-acervo .cabecalho a:before {
    background-color: var(--fla-vermelho);
    -webkit-mask-image: url(imgs/arrow.svg);
    mask-image: url(imgs/arrow.svg);
    background-image: none;
    width: 8px;
}

.tax-tipo-acervo .itens div {
    display: flex;
    flex-direction: row;
    max-width: 1100px;
    margin: auto;
    flex-wrap: wrap;
    justify-content: space-between;
}

.tax-tipo-acervo .itens a {
    display: flex;
    text-align: center;
    align-items: flex-end;
    text-decoration: none;
    background-size: contain;
    background-position: top;
    background-repeat: no-repeat;
    justify-content: center;
    position: relative;
    box-shadow: 5px 5px 10px rgb(0 0 0 / 50%);
    margin: 15px 0;
    color: white;
    text-transform: uppercase;
    background-color: white;
    /* margin-bottom: 65px; */
}

.tax-tipo-acervo .itens a:before {
    content: '';
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background: #bbb;
    mix-blend-mode: multiply;
    transition: 0.3s all;
}

.tax-tipo-acervo .itens a:hover:before {
    background: var(--fla-vermelho);
}

.tax-tipo-acervo .itens a b {
    z-index: 1;
    width: 100%;
    text-align: left;
    background: #333;
    padding: 15px;
    font-size: 14px;
    height: 65px;
    display: flex;
    align-items: center;
}

.tax-tipo-acervo .itens a:hover b {
    background: #830000;
}

.tax-tipo-acervo .itens {
    margin-top: -150px;
    padding-bottom: 30px;
}

.tax-tipo-acervo .content a.button {
    margin: 30px auto;
    display: block;
    width: min-content;
    white-space: nowrap;
    text-transform: uppercase;
}

.tax-tipo-acervo .content {
    padding-bottom: 30px;
}

.acervoBox p {
    margin-bottom: 20px;
}

.acervoBox.single h1 {
    margin-bottom: 70px;
    line-height: 1.1;
}

.acervoBox.single.lado_lado {
    align-items: normal;
    /* padding: 0 160px; */
}

.acervoBox.single .texto {
    padding: 100px 20px;
}

.acervoBox.single .carrossel img {
    box-shadow: 5px 5px 10px rgb(40 0 0 / 40%);
    margin: 20px;
    max-width: 500px;
    max-height: 500px;
    width: auto;
    height: auto;
}

.acervoBox.single .carrossel .slick-slide {
    display: flex;
    justify-content: center;
    align-items: center;
}

.acervoBox.single .item {
    display: flex;
}

.acervoBox.single .caption {
    font-size: 11px;
    margin: 0 20px;
    position: relative;
    top: -10px;
}

.acervoBox .item p {
    font-size: 50px;
    font-weight: 900;
    color: var(--fla-vermelho);
    mix-blend-mode: multiply;
    text-align: right;
    /* width: 530px; */
    max-width: 100%;
    padding: 0 20px;
}

.carrossel .slick-prev,
.carrossel .slick-next {
    background-image: url(imgs/arrowBlack.svg);
    background-size: contain;
    background-repeat: no-repeat;
    width: 20px;
    height: 40px;
    opacity: 0.6;
}

.carrossel .slick-prev {
    transform: scaleX(-1) translate(0, -50%);
}

.carrossel .slick-next:before,
.carrossel .slick-prev:before {
    content: '';
}

.carrossel .slick-prev:hover,
.carrossel .slick-prev:focus,
.carrossel .slick-next:hover,
.carrossel .slick-next:focus {
    background-image: url(imgs/arrowBlack.svg);
    background-size: contain;
    background-repeat: no-repeat;
    opacity: 1;
}

.rel>div {
    max-width: 1100px;
    margin: auto;
    padding: 100px 0;
}

.rel h3 {
    color: var(--fla-vermelho);
    margin-bottom: 30px;
}

.rel h4 {
    color: var(--fla-vermelho);
    margin: 60px 0;
    border-bottom: 2px solid black;
    width: fit-content;
    padding-bottom: 20px;
}

.rel h4+a,
.rel h4+a~a {
    display: block;
    line-height: 1.5;
    color: #555;
}

.rel h4+a:hover,
.rel h4+a~a:hover {
    color: black;
}

.rel .carrossel {
    margin-left: -8px;
    z-index: 1;
}

.rel .carrossel img {
    max-width: 250px;
}

.rel .carrossel .card {
    margin: 0 7px;
    text-decoration: none;
    position: relative;
}

.rel .carrossel .cardHolder {
    filter: drop-shadow(0 0 5px black);
    padding: 10px 12px;
    width: 250px;
    /* height: 320px; */
}

.rel .carrossel .card.composite {
    height: 290px;
    box-shadow: 0 0 10px black;
    width: 230px;
    clip-path: polygon(84% 0, 100% 12%, 100% 100%, 0 100%, 0 0);
    filter: drop-shadow(2px 4px 6px black);
    display: block;
    width: 220px;
    /* height: 100%; */
    margin: 0;
}

.rel .carrossel .card.composite img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    max-width: 100%;
    filter: saturate(0) contrast(1.15);
}

.rel .carrossel .card+.card {
    margin: 0 15px;
}

.rel .carrossel .card span {
    position: absolute;
    top: 230px;
    left: 30px;
    color: white;
}

.rel .carrossel .card.composite span {
    background-color: #8e2019;
    left: 0;
    /* top: 200px; */
    bottom: 0;
    width: 100%;
    height: 6em;
    background-image: radial-gradient(circle, rgb(140 31 24) 0%, rgb(108 24 19) 80%);
    top: auto;
    padding: 0 1.6em;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.rel .carrossel .card span b {
    display: block;
    margin-bottom: 5px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}

.rel .carrossel .slick-prev {
    left: -35px;
}

.rel .carrossel .slick-next {
    right: 0;
}

.acervoBox .texto a+a {
    margin-left: 10px;
}

.post-type-archive-herois .heroBox,
.single-herois .heroBox,
.single-personagem .heroBox,
.single-personagem .heroBox {
    color: white;
}

.post-type-archive-herois .heroBox h1,
.single-herois .heroBox h1,
.single-personagem .heroBox h1,
.single-personagem .heroBox h1,
.titulo-sub-vermelho h1 {
    text-transform: uppercase;
    border-bottom: 1px solid var(--fla-vermelho);
    display: inline-block;
    letter-spacing: 1px;
}

.botao {
    font-weight: 600;
    border-width: 1px;
    border-style: solid;
    padding: 10px 20px;
    border-radius: 40px;
    cursor: pointer;
    text-decoration: none;
}

.botao:hover {
    text-decoration: underline;
}

.botao-bloco {
    display: block;
    margin: 20px auto;
    width: fit-content;
}

.botao-preto {
    color: white !important;
    background: black;
    border-color: white;
}

.botao-preto:hover {
    background: var(--fla-vermelho);
}

.infoBox {
    background-color: #ccc;
    padding-top: 50px;
    padding-bottom: 50px;
    font-size: 20px;
    /* background-image: url(imgs/bgHeroisInfoBox.svg); */
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.infoBox p,
.infoBox h1 {
    /* max-width: 820px; */
}

.infoBox h1 {
    margin-bottom: 40px;
}

.infoBox p {
    line-height: 1.4;
}

.lado_lado.museu h1 {
    line-height: 1;
    border-bottom: 2px solid;
    display: inline-block;
    padding-bottom: 15px;
    margin-bottom: 20px;
    border-color: black;
}

.lado_lado.museu .imagem {
    padding: 0;
    background-size: cover;
}

.botao-ingresso {
    font-size: 20px;
    border: none;
    margin: 30px 0;
    font-weight: 500;
}

.botao-ingresso:before {
    content: "";
    background-image: url(imgs/ticket-icon.svg);
    display: inline-block;
    height: 17px;
    width: 33px;
    background-repeat: no-repeat;
    background-size: contain;
    margin: 0 10px -1px 0;
}

.botao-ingresso:hover {
    background: black;
    text-decoration: underline;
}

.botao-vermelho {
    background-color: var(--fla-vermelho);
    color: white;
    font-weight: 500;
}

.titulos-circulo h3 {
    color: var(--fla-vermelho);
    border-bottom: 1px solid var(--fla-vermelho);
    padding-bottom: 15px;
    margin-bottom: 30px;
    position: relative;
    padding-left: 10px;
}

.titulos-circulo h3:after {
    content: "";
    width: 18px;
    height: 18px;
    background: var(--fla-vermelho);
    border-radius: 100%;
    position: absolute;
    left: -18px;
    top: 40px;
}

body[data-tipo=pagina-gavea] .conheca-acervo,
body[data-tipo=pagina-gavea] .dados-museu {
    padding-top: 80px;
    padding-bottom: 80px;
    position: relative;
}

body[data-tipo=pagina-gavea] .conheca-acervo p {
    max-width: 500px;
    font-size: 24px;
    line-height: 1.4;
}

body[data-tipo=pagina-gavea] .conheca-acervo .botao {
    margin: 20px 0;
    display: inline-block;
}

body[data-tipo=pagina-gavea] .cardBox {
    width: 415px;
    height: 520px;
    position: absolute;
    right: 240px;
    z-index: 1;
    bottom: -262px;
}

body[data-tipo=pagina-gavea] .cardBox a {
    font-size: 48px;
    line-height: 0.9;
}

body[data-tipo=pagina-gavea] .dados-museu {
    background: #333;
}

body[data-tipo=pagina-gavea] .cardBox.virtual a b:before {
    font-size: 20px;
    padding: 15px;
    top: 140px;
}

body[data-tipo=pagina-gavea] .dados-museu {
    color: white;
}

body[data-tipo=pagina-gavea] .audioguia {
    font-size: 25px;
}

body[data-tipo=pagina-gavea] .audioguia b {
    display: block;
    margin: 30px 0;
}

body[data-tipo=pagina-gavea] .audioguia a {
    color: white;
}

body[data-tipo=pagina-gavea] .audioguia b:before {
    content: "";
    width: 30px;
    height: 35px;
    display: inline-block;
    background-image: url(imgs/phone.svg);
    background-size: contain;
    background-repeat: no-repeat;
    margin: 0 10px -10px 0;
    filter: invert(1);
}

body[data-tipo=pagina-gavea] .dados-museu .local {
    margin: 60px 0;
    font-size: 22px;
}

body[data-tipo=pagina-gavea] .dados-museu .local a {
    color: white;
}

body[data-tipo=pagina-gavea] .dados-museu .local iframe {
    width: 550px;
}

body[data-tipo=pagina-gavea] .dados-museu .local h3 {
    border-bottom: 2px solid var(--fla-vermelho);
    padding-bottom: 15px;
    margin-bottom: 15px;
    font-size: 22px;
}

body[data-tipo=pagina-gavea] .dados-museu .local p+h3 {
    margin-top: 45px;
}

body[data-tipo=pagina-gavea] .dados-museu .local h3:before {
    content: "";
    display: inline-block;
    width: 30px;
    height: 30px;
    background-image: url(imgs/pin.svg);
    background-repeat: no-repeat;
    margin: 0 5px -5px 0;
}

body[data-tipo=pagina-gavea] .dados-museu .local h3:nth-of-type(2):before {
    background-image: url(imgs/clock.svg);
}

body[data-tipo=pagina-gavea] .dados-museu .local h3:nth-of-type(3):before {
    background-image: url(imgs/mail.svg);
    background-position: 0px 7px;
}

body[data-tipo=pagina-gavea] .titulos-circulo {
    padding-top: 90px;
    padding-bottom: 90px;
}

body[data-tipo=pagina-gavea] .titulos-circulo h3 {
    font-size: 28px;
    letter-spacing: -0.2px;
}

body[data-tipo=pagina-gavea] .titulos-circulo p {
    font-size: 25px;
    margin-bottom: 50px;
    padding-left: 10px;
}

.page-template-template-tour-gavea .lado_lado .texto {
    background-image: url(imgs/grayBG-tourGavea.jpg);
}

.page-template-template-tour-gavea .lado_lado.museu h1 {
    border-color: var(--fla-vermelho);
}

body[data-tipo=pagina-gavea].page-template-template-tour-gavea .cardBox {
    position: relative;
    bottom: auto;
    right: 70px;
}

.page-template-template-tour-gavea .conheca-acervo p {
    margin-bottom: 30px;
}

.page-template-template-tour-gavea .botao-vermelho.botao-ingresso:hover {
    background: var(--fla-vermelho);
    text-decoration: underline;
}

body[data-tipo=pagina-gavea].page-template-template-tour-gavea .dados-museu {
    background: white;
    color: black;
    padding-top: 0;
    padding-bottom: 50px;
}

.page-template-template-tour-gavea .dados-museu .local h3:before {
    filter: invert(1);
}

body[data-tipo=pagina-gavea].page-template-template-tour-gavea .dados-museu .local {
    margin: 0;
}

body[data-tipo=pagina-gavea].page-template-template-tour-gavea .dados-museu .local a {
    color: black;
}

body[data-tipo=pagina-gavea].page-template-template-tour-gavea .titulos-circulo {
    background-color: var(--fla-vermelho);
    box-shadow: 0 0 80px black inset;
    color: white;
}

body[data-tipo=pagina-gavea].page-template-template-tour-gavea .titulos-circulo a {
    color: white;
}

body[data-tipo=pagina-gavea].page-template-template-tour-gavea .titulos-circulo h3 {
    color: white;
    border-bottom: 2px solid black;
}

body[data-tipo=pagina-gavea].page-template-template-tour-gavea .titulos-circulo h3:after {
    background: black;
}

.post-type-archive-lugares-historicos .hero {
    background-image: url(imgs/locaisHistoricos/bg.jpg);
    background-size: cover;
    color: white;
    line-height: 1.5;
}

.linksLugares {
    background-image: url(imgs/lhBG.svg);
    background-size: contain;
}

.single-lugares-historicos .hero {
    background-image: url(imgs/locaisIndividualHero.jpg);
    background-size: cover;
    color: white;
    line-height: 1.5;
}

.single-lugares-historicos .texto {
    background-image: url(imgs/lhBG.svg);
    background-size: cover;
}

.single-lugares-historicos .texto p {
    font-size: 24px;
    margin-bottom: 40px;
    line-height: 34px;
}

.single-lugares-historicos .texto>div {
    background-color: var(--fla-vermelho);
    padding: 200px 70px;
    color: white;
    box-shadow: 0 0 100px rgb(0 0 0 / 50%) inset;
    position: relative;
    top: -70px;
    max-width: 990px;
    font-size: 10px;
}

.single-lugares-historicos .carrossel.principal,
.page-template-template-torcida-individual .carrossel.principal {
    position: absolute;
    top: -350px;
    width: 780px;
    right: -80px;
}

.single-lugares-historicos .carrossel.principal .slick-slide,
.page-template-template-torcida-individual .carrossel.principal .slick-slide {
    display: flex;
    justify-content: center;
    align-content: center;
}

.single-lugares-historicos .carrossel.principal img,
.page-template-template-torcida-individual .carrossel.principal img {
    box-shadow: 0 0 10px black;
    display: block;
    margin: 20px;
    max-width: 740px;
    max-height: 460px;
}

.single-lugares-historicos .carrossel.principal button {
    filter: invert();
}

.post-type-archive-cultura .hero,
.page-template-template-simbolos .hero {
    background-image: url(imgs/cultura-hero.jpg);
    color: white;
    min-height: 590px;
    padding-top: 120px;
    font-size: 24px;
}

.post-type-archive-cultura .hero .texto,
.page-template-template-simbolos .hero .texto {
    max-width: 550px;
}

.post-type-archive-cultura .hero .texto p,
.page-template-template-simbolos .hero .texto p {
    line-height: 1.5;
}

.post-type-archive-cultura .fullWidth+.fullWidth,
.page-template-template-simbolos .fullWidth+.fullWidth {
    padding-top: 70px;
    background-image: url(imgs/bgCultura.svg);
    background-size: 1480px;
    padding-bottom: 70px;
}

.post-type-archive-cultura .fullWidth+.fullWidth .texto,
.page-template-template-simbolos .fullWidth+.fullWidth .texto {
    max-width: 550px;
    font-size: 24px;
    line-height: 1.5;
}

.post-type-archive-cultura .cardBox,
.page-template-template-simbolos .cardBox {
    display: flex;
    margin-top: 68px;
}

.post-type-archive-cultura .cardBox a span,
.page-template-template-simbolos .cardBox a span {
    min-height: 47px;
}

.post-type-archive-cultura .cardBox div:nth-of-type(1) b {
    background-image: url(imgs/cards/cinema.png);
}

.post-type-archive-cultura .cardBox div:nth-of-type(2) b {
    background-image: url(imgs/cards/pub.png);
}

.post-type-archive-cultura .cardBox div:nth-of-type(3) b {
    background-image: url(imgs/cards/musica.png);
}

.post-type-archive-cultura .cardBox div:nth-of-type(4) b {
    background-image: url(imgs/cards/personalidades.png);
}

.cultura.cardBox a {
    font-size: 27px;
}

.cardBox.cultura>div,
.cardBox.std>div {
    width: 275px;
    height: 340px;
}

.cardBox.cultura a:after,
.cardBox.std a:after {
    background-image: url(imgs/cards/flipCardBack.png);
}

.tax-tipo-cultura .heroBox {
    padding-top: 120px;
    padding-bottom: 60px;
    background-size: cover;
    background-image: var(--desktopBg);
}

.tax-tipo-cultura .heroBox a,
.single-cultura .heroBox a {
    color: black;
}

.tax-tipo-cultura .heroBox a:before,
.single-cultura .heroBox a:before,
.post-type-archive-presidente .lado_lado .breadcrumbs a:before,
body.single-presidente .lado_lado .breadcrumbs a:before {
    filter: invert();
}

.tax-tipo-cultura .heroContent {
    max-width: 520px;
    font-size: 25px;
    font-weight: 500;
    line-height: 1.5;
}

.tax-tipo-cultura .heroBox h1 {
    color: #9d7f4e;
    line-height: 1;
    width: fit-content;
    font-size: 40px;
    padding-bottom: 20px;
    margin-bottom: 30px;
}


.letterBarHorizontal {
    background: #c0c2be;
    padding: 40px 170px 0 170px;
    font-size: 0;
}

.letterBarHorizontal a {
    display: inline-block;
    width: 115px;
    height: 70px;
    font-size: 21px;
    font-weight: 900;
    text-decoration: none;
    letter-spacing: 20px;
    border-bottom: 10px solid #333;
}

.letterBarHorizontal a:hover {
    color: #555;
    border-bottom: 10px solid #555;
}

.letterBarHorizontal a.selected {
    color: var(--fla-vermelho);
    border-bottom: 10px solid var(--fla-vermelho);
}

.single-cultura .heroBox {
    padding-top: 120px;
    padding-bottom: 60px;
    font-size: 24px;
    background-size: cover;
    background-repeat: no-repeat;
}

.single-cultura .heroBox h1 {
    color: #9d7f4e;
    max-width: 520px;
    border-bottom: 2px solid black;
    font-size: 34px;
    padding-bottom: 20px;
    margin-bottom: 30px;
    font-size: 1.41em;
    padding-bottom: 0.58em;
    margin-bottom: 0.88em;
    line-height: 1.15;
}

.single-cultura .ficha_tecnica p {
    margin-bottom: 10px;
}

.single-cultura .ficha_tecnica {
    max-width: 450px;
}

.single-cultura .content>.carrossel {
    width: 500px;
    position: absolute;
    right: 50px;
    top: 300px;
    max-height: 500px;
}

.single-cultura .content>.carrossel img.hexagono-corte,
.single-personagem .heroBox img.hexagono-corte,
.single-herois .heroBox img.hexagono-corte {
    width: 500px;
    height: 435px;
    max-width: none;
    object-fit: cover;
    object-position: top;
}

.single-presidente .carrossel img,
.single-cultura .content>.carrossel img {
    display: block;
    margin: auto;
    max-height: 500px;
    max-width: 90%;
}

.single-cultura .carrossel img[src*=".jpg"] {
    box-shadow: 0 0 10px black;
}

.single-cultura .carrossel .slick-prev,
.single-cultura .carrossel .slick-next {
    filter: invert(1) brightness(0.7);
}

.single-cultura .sobre {
    background-color: var(--fla-vermelho);
    color: white;
    padding-top: 140px;
    padding-bottom: 120px;
    font-size: 24px;
    background-size: cover;
}

.single-cultura .sobre a {
    color: white;
}

.single-cultura .carrossel+.sobre {
    background-image: url(imgs/cinemaBg.png);
}

.single-cultura .sobre>*+* {
    margin-top: 40px;
    margin-top: 1.66em;
}

.single-cultura .saiba_mais {
    padding-top: 90px;
    padding-bottom: 90px;
}

.single-cultura .saiba_mais h3,
.single-mais_esportes .atletas h3 {
    color: var(--fla-vermelho);
    border-bottom: 2px solid black;
    width: fit-content;
    padding-bottom: 10px;
    margin-bottom: 20px;
}


.single-cultura .saiba_mais>*+* {
    margin-top: 5px;
}

.single-cultura .heroBox.cinema-teatro-e-tv {
    background-image: url(imgs/cinemaHeader.jpg);
}

.single-cultura .heroBox.publicacoes {
    background-image: url(imgs/pubBg.jpg);
}

.single-cultura .heroBox.musica {
    background-image: url(imgs/musicaBg.jpg);
}

.single-cultura .sobre iframe {
    display: block;
    margin: auto;
    max-width: 500px;
    aspect-ratio: 4/3;
    height: auto;
}

body>.container>.content.personalidades {
    background: black;
}

.single-cultura .content.personalidades .heroBox {
    background-color: black;
    color: white;
}

.content.personalidades .heroBox a {
    color: inherit;
}

.single-cultura .content.personalidades .heroBox a:before {
    filter: none;
}

.content.personalidades .heroBox h1 {
    color: inherit;
}

.content.personalidades>.carrossel {
    top: 220px;
}

.single-cultura .content.personalidades .carrossel+.sobre {
    background-image: none;
    background-color: #ccc;
    color: black;
}

.container.personalidades header .social:before {
    mix-blend-mode: normal;
    opacity: 0.6;
}

.container.personalidades header .social {
    z-index: 2;
}

.single-cultura .content.personalidades .carrossel+.sobre>* {
    z-index: 1;
    position: relative;
}

.single-cultura .content.personalidades .saiba_mais {
    background: white;
}

.post-type-archive-mais_esportes .lado_lado .texto {
    background-image: url(imgs/bandeira-mais-esportes.jpg);
}

.post-type-archive-mais_esportes .lado_lado h1,
.titulo h1 {
    font-size: 1.66em;
    text-transform: uppercase;
    border-bottom: 4px solid black;
    padding-bottom: 0.35em;
    margin-bottom: 0.6em;
    display: inline-block;
    line-height: 1.1;
}

.post-type-archive-mais_esportes .lado_lado .imagem {
    background-image: url(imgs/mais-esportes.jpg);
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
}

.single-mais_esportes .lado_lado .imagem {
    position: relative;
    padding: 0;
}

.single-mais_esportes .lado_lado .texto {
    background-image: url(imgs/single-mais-esportes.svg);
    background-size: cover;
    background-color: black;
    justify-content: normal;
    padding-top: 120px;
}

.single-mais_esportes .lado_lado .texto>div {
    width: 100%;
}

.single-mais_esportes .lado_lado .imagem>div {
    max-width: 100%;
}

.single-mais_esportes .lado_lado .imagem .carrosselTXT {
    position: absolute;
    color: white;
    left: -550px;
    bottom: 110px;
    max-width: 450px;
    font-size: 24px;
}

.single-mais_esportes .carrossel .slick-dots {
    bottom: -40px;
    left: 0;
}

.single-mais_esportes .carrossel img {
    max-width: none;
    height: 600px;
    width: 720px;
    object-fit: cover;
}

.titulo-sublinhado h1 {
    font-size: 1.66em;
    padding-bottom: 0.35em;
    margin-bottom: 0.6em;
    display: inline-block;
    line-height: 1.1;
    border-bottom: 2px solid;
}

.titulo-sublinhado-vermelho h1 {
    border-color: var(--fla-vermelho);
}

.single-mais_esportes .sobre {
    font-size: 24px;
    line-height: 1.5;
}

.single-mais_esportes .sobre p+p {
    margin-top: 2.08em;
}

.single-mais_esportes .carrossel .slick-dots li {
    background-image: linear-gradient(90deg, white 50%, var(--fla-vermelho) 10%);
}

.single-mais_esportes .atletas {
    background-image: url(imgs/atletas-bg.svg);
    background-repeat: no-repeat;
    background-size: cover;
    font-weight: 300;
    font-size: 24px;
    line-height: 1.6;
}

.single-mais_esportes .atletas h3:before,
.single-presidente .saiba_mais h3:before {
    content: "";
    display: block;
    width: 80px;
    height: 90px;
    background-image: url(imgs/icone-trapezios.svg);
    background-repeat: no-repeat;
    background-size: contain;
    margin-bottom: 40px;
}

.post-type-archive-presidente .lado_lado .texto {
    background: white;
    color: black;
}

.post-type-archive-presidente .lado_lado .texto h1 {
    color: #9d7f4e;
    border-bottom: 2px solid var(--fla-vermelho);
}

.post-type-archive-presidente .letterBarHorizontal {
    background: #9d7f4e;
}

.post-type-archive-presidente .letterBarHorizontal a.selected {
    color: white;
}

.post-type-archive-presidente .lado_lado .imagem {
    background-image: url(imgs/crf-bandeira.jpg);
    background-size: cover;
    background-position: center;
}

.post-type-archive-presidente .breadcrumbs a {
    color: black;
}


.single-presidente .lado_lado {
    align-items: stretch;
}

.single-presidente .lado_lado .texto {
    background: white;
    color: black;
}

.single-presidente .lado_lado h1 {
    color: #9d7f4e;
    text-transform: none;
}

.single-presidente .lado_lado .texto p+p {
    margin-top: 1em;
}

.single-presidente .lado_lado .imagem {
    background-image: url(imgs/bandeira-presidente.jpg);
    background-size: cover;
    align-items: center;
}

.single-presidente .lado_lado .carrossel .slick-arrow {
    filter: invert(55%) sepia(16%) saturate(1082%) hue-rotate(358deg) brightness(90%) contrast(89%);
}

.single-presidente .saiba_mais {
    background: black;
    color: white;
    padding-top: 90px;
    padding-bottom: 90px;
    font-size: 24px;
    line-height: 1.5;
}

.single-presidente .saiba_mais h3 {
    border-bottom: 2px solid var(--fla-vermelho);
    padding-bottom: 0.45em;
    margin-bottom: 0.9em;
    width: fit-content;
    line-height: 1.1;
}

body.single-presidente .breadcrumbs a {
    color: black;
}

body.single-presidente .breadcrumbs:before {
    filter: invert();
}

.page-template-template-colabore .lado_lado {
    background-image: url(imgs/colabore-bg.svg);
    background-repeat: no-repeat;
    background-size: cover;
    min-height: 800px;
}

.page-template-template-colabore .lado_lado .texto {
    background-image: none;
}

.page-template-template-colabore .lado_lado .texto a {
    color: white;
}

.page-template-template-colabore .lado_lado h1 {
    border-color: black;
}

.page-template-template-colabore .lado_lado .texto p {
    margin-bottom: 20px;
}

.page-template-template-curadoria .lado_lado {
    background-image: url(imgs/curadoria.jpg);
    background-repeat: no-repeat;
    background-size: cover;
}

.page-template-template-curadoria .blocks {
    background-image: url(imgs/curadoria4.svg);
    background-size: contain;
    padding: 30px 0;
    background-color: #efefee;
}

.page-template-template-curadoria .blocks .block {
    display: flex;
    /* font-size: 120%; */
}

.page-template-template-curadoria .blocks .block+.block {
    margin-top: 30px;
}

.page-template-template-curadoria .blocks .block img {
    max-height: 100%;
    max-width: 100%;
    display: block;
    margin: auto;
    box-shadow: 0 0 10px rgb(0 0 0 / 50%);
    /* clip-path: polygon(90% 0, 100% 15%, 100% 100%, 0 100%, 0 0); */
}

.page-template-template-hinos .lado_lado>div>div {
    width: 100%;
}

.defaultPage {
    padding: 100px 20px;
}

.page-template-template-hinos .txt {
    color: white;
    background-color: black;
}

.page-template-template-hinos .txt *+* {
    margin: 20px 0;
}

.page-template-template-hinos iframe {
    width: 100%;
    aspect-ratio: 16/9;
    height: auto;
}

.tax-tipo-personagem .lado_lado h1 {
    white-space: pre-line;
    color: var(--fla-vermelho);
    text-transform: uppercase;
    border-color: black;
}

.post-type-archive-manto-sagrado .manto {
    color: white;
}

.post-type-archive-manto-sagrado .manto .slick-slide div:before {
    content: "";
    width: 40px;
    height: 50px;
    display: block;
    background-image: url(imgs/icone-trapezios.svg);
    background-repeat: no-repeat;
    background-size: contain;
}

.banner-fla {
    color: white;
    text-transform: uppercase;
    background-position: center;
    background-size: cover;
    min-height: 300px;
    display: flex;
    align-items: center;
}

.banner-fla.escurecer {
    position: relative;
}

.banner-fla.escurecer:before {
    content: "";
    background: black;
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    opacity: 0.5;
}

.banner-fla.escurecer>div {
    position: relative;
}

.banner-fla h1 {
    white-space: pre-line;
    line-height: 1;
}

.fullWidth.txt.preto {
    background: black;
    color: white;
}

.fullWidth.txt>*+*,
.titulos-posts .txt>*+*,
.page-template-template-torcida-individual .txt p {
    margin: 0.7em auto;
}

.stdCnt .gallery img {
    height: auto;
    max-height: 350px;
    max-width: 480px;
    width: auto;
    display: block;
    margin: auto;
}

.fullWidth.stdCnt .gallery br {
    display: none;
}

.fullWidth.txt.preto .carrossel .slick-prev,
.fullWidth.txt.preto .carrossel .slick-next {
    filter: invert(1);
}

.fullWidth.stdCnt .carrossel,
.page-template-template-torcida-individual .historia .gallery {
    height: 400px;
    max-width: 500px;
    margin: 50px auto;
}

.stdCnt .carrossel .gallery-icon {
    display: flex;
    align-items: center;
    align-content: center;
    height: 400px;
}

.stdCnt iframe.instagram-media,
.stdCnt iframe[src*="instagram.com"] {
    height: revert-layer;
    aspect-ratio: revert-layer;
    margin: 20px auto !important;
}


.fullWidth.stdCnt .carrossel .gallery-caption {
    font-size: 80%;
    text-align: center;
}

.fullWidth.stdCnt .carrossel .slick-dots,
.historia.stdCnt .carrossel .slick-dots {
    bottom: 0;
}

.fullWidth.stdCnt .carrossel .slick-dots li,
.historia.stdCnt .carrossel .slick-dots li {
    background-image: linear-gradient(90deg, white 50%, #555555 10%);
}

.fullWidth.stdCnt.branco .carrossel .slick-dots {
    filter: invert(1);
}

.stdCnt img {
    width: 100%;
    height: auto;
    display: block;
}

.stdCnt iframe {
    max-width: 100%;
    height: auto;
    display: block;
    aspect-ratio: 16/9;
}

.single-noticias .fullWidth.stdCnt,
.post-type-archive-lendas-rubro-negras .fullWidth.stdCnt,
.post-type-archive-noticias .posts {
    background-image: url(imgs/noticiasBG.svg);
    background-repeat: no-repeat;
    background-size: 105%;
    background-position: center top;
}


.post-type-archive-noticias .posts>a {
    display: flex;
    padding: 20px 0;
    gap: 20px;
    text-decoration: none;
}

.post-type-archive-noticias .posts>a:hover h3 {
    text-decoration: underline;
}

.post-type-archive-noticias .posts img {
    box-shadow: 0 0 10px black;
    display: block;
}

.post-type-archive-noticias .posts time {
    color: var(--fla-vermelho);
    font-weight: 700;
    margin-bottom: 10px;
    display: block;
}

.post-type-archive-noticias .posts .excerpt {
    max-width: 600px;
    margin-top: 10px;
}

.page-template-template-patrimonio .content {
    background-image: url(imgs/patrimonioBG.svg);
    background-size: cover;
}

.page-template-template-patrimonio .lado_lado .imagem {
    background-size: cover;
    background-position: center;
}

.page-template-template-patrimonio h1 {
    max-width: 5.85em;
    text-transform: uppercase;
    border-color: #957c52;
}

.page-template-template-patrimonio .fullWidth.txt>div {
    background: #957c52;
    padding: 40px;
    box-shadow: inset 0 0 40px rgb(0 0 0 / 50%);
    color: white;
}

.page-template-template-patrimonio .fullWidth>div *+* {
    margin: 1em auto;
}

.page-template-template-patrimonio .fullWidth.missao>div {
    background: white;
    padding: 50px;
    box-shadow: inset 0 0 40px rgb(0 0 0 / 50%);
    clip-path: polygon(30px 0, 100% 0, 100% 100%, 0 100%, 0 30px);
    margin-top: 70px;
}

.single-noticias .destaque h1 {
    text-align: center;
    max-width: 800px;
    margin: 20px auto 0 auto;
    font-size: 250%;
    line-height: 1.1;
}

.single-noticias .destaque .excerpt {
    text-align: center;
    color: #9d7f4e;
    font-weight: 500;
    font-size: 120%;
    max-width: 650px;
}

.single-noticias .wp-post-image {
    margin-bottom: 40px;
}

.page-template-template-simbolos .cardBox div:nth-of-type(1) b {
    background-image: url(imgs/cards/escudos.png);
}

.page-template-template-simbolos .cardBox div:nth-of-type(2) b {
    background-image: url(imgs/cards/bandeiras.png);
}

.page-template-template-simbolos .cardBox div:nth-of-type(3) b {
    background-image: url(imgs/cards/mascotes.png);
}

.page-template-template-simbolos .cardBox div:nth-of-type(4) b {
    background-image: url(imgs/cards/padroeiro.png);
}

.container.notFound {
    background: black;
    color: white;
    text-align: center;
    line-height: 1;
    text-transform: uppercase;
    font-size: 18.5px;
}


.tax-tipo-titulo .lado_lado {
    background-image: url(imgs/titulos-bg.svg);
    background-size: cover;
}

.tax-tipo-titulo .lado_lado h1 {
    color: #9d7f4e;
    text-transform: uppercase;
}

.tax-tipo-titulo .lado_lado .texto {
    align-items: normal;
    line-height: 1.2;
}

.tax-tipo-titulo .lado_lado .texto a {
    color: white;
}

.tax-tipo-titulo .lado_lado .imagem {
    background-size: cover;
}


.selTitulo a {
    text-decoration: none;
    text-transform: uppercase;
}

.selTitulo>.masculino-feminino,
.post-type-archive-lendas-rubro-negras .lendasPosts .abas {
    display: flex;
    background: black;
}

.selTitulo>.masculino-feminino {
    position: relative;
    z-index: 1;
}

.selTitulo>.masculino-feminino>li {
    display: inline-block;
}

.selTitulo>.masculino-feminino>li>a,
.post-type-archive-lendas-rubro-negras .lendasPosts h2 {
    color: white;
    padding: 10px 20px;
    display: inline-block;
    min-width: 175px;
}

.selTitulo>.masculino-feminino>li.selected>a,
.post-type-archive-lendas-rubro-negras .lendasPosts h2.selected {
    background: var(--fla-vermelho);
}

.listaTitulos>a {
    display: none;
}

.listaTitulos {
    background-image: url(imgs/textura-titulos.jpg);
    position: relative;
    display: flex;
    min-height: 580px;
    gap: 20px;
    flex-wrap: wrap;
    justify-content: space-between;
    /* padding-top: 30px; */
}

.listaTitulos:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    mix-blend-mode: multiply;
}

.term-futebol .listaTitulos:before {
    background: var(--fla-vermelho);
}

.term-basquete .listaTitulos:before {
    background: #9d7f4e;
}

.term-remo .listaTitulos:before {
    background: #31312f;
}

.listaTitulos a {
    text-decoration: none;
    text-transform: uppercase;
    color: white;
    font-weight: 900;
    font-size: 21px;
    text-align: center;
    position: relative;
    height: 250px;
    display: flex;
    align-items: center;
    justify-content: center;
    /* overflow: hidden; */
}

.listaTitulos a:before {
    content: attr(data-num);
    opacity: 0.1;
    font-size: 250px;
    position: absolute;
    width: 100%;
    /* width: 250px; */
    line-height: 250px;
}

.term-futebol .listaTitulos a:before {
    opacity: 0.5;
    mix-blend-mode: soft-light;
}

.titulo-regioes {
    display: flex;
    gap: 20px;
    align-items: center;
    overflow: hidden;
}

.titulo-regioes li {
    border-left: 1.5px solid black;
    padding-left: 10px;
    font-size: 13px;
    margin: 20px 0;
    min-height: 50px;
    display: flex;
    align-items: center;
    position: relative;
}

.titulo-regioes li:after {
    content: "";
    display: block;
    width: calc(100% + 25px);
    height: 10px;
    background: black;
    position: absolute;
    bottom: -20px;
    left: -2px;
}

.titulo-regioes li.selected {
    border-left: 3px solid var(--fla-vermelho);
    border-left: 1.5px solid var(--fla-vermelho);
}

.titulo-regioes li.selected a {
    color: var(--fla-vermelho);
    /* font-weight: 600; */
}

.titulo-regioes li.selected:after {
    background: var(--fla-vermelho);
}


.titulos-posts {
    padding-top: 50px;
}

.titulos-posts h2 {
    text-transform: uppercase;
    /* max-width: 270px; */
    width: min-content;
    font-size: 36px;
    line-height: 1;
    border-bottom: 2px solid var(--fla-vermelho);
    padding-bottom: 5px;
    margin-bottom: 50px;
    margin-top: 50px;
}

.titulos-posts .titulo .ficha {
    background-image: url(imgs/titulo-bg.svg);
    background-size: cover;
    color: white;
}

.titulos-posts .titulo .ficha a {
    color: white;
}

.titulos-posts .ficha img {
    max-height: 400px;
    margin: auto;
    /* border: 1px solid #ccc; */
}

.term-futebol .titulos-posts .titulo .ficha {
    background-image: url(imgs/titulos-futebol-bg.svg);
    background-size: contain;
}

.titulos-posts .titulo h3 {
    font-weight: 900;
    font-size: 60px;
    line-height: 42px;
}

.titulos-posts .titulo .sobre_titulo {
    margin: 50px 0;
}

.term-futebol .titulos-posts .titulo h3 {
    color: var(--fla-vermelho);
}

.term-basquete .titulos-posts .titulo h3 {
    color: #9d7f4e;
}

.titulos-posts .txt h4 {
    font-size: 140%;
    font-weight: 900;
}

.titulos-posts>div {
    display: none;
}

.page-template-template-torcidas .hero {
    background-image: url(imgs/torcida-hero.jpg);
    background-size: cover;
    background-position: center;
    color: white;
}

.page-template-template-torcidas .hero .texto {
    max-width: 560px;
}

.page-template-template-torcidas .hero h1 {
    border-bottom: 2px solid var(--fla-vermelho);
}

.page-template-template-torcidas .hero+.fullWidth {
    background-image: url(imgs/torcida-bg.svg);
    background-size: cover;
}

.page-template-template-torcidas .cardBox {
    display: flex;
    justify-content: space-between;
}

.cardBox.std {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.page-template-template-torcidas .cardBox div b,
.cardBox.std div b {
    background-image: url(imgs/cards/card-torcida.png);
    font-size: 25px;
}

.page-template-template-torcidas .cardBox div:nth-of-type(2) b {
    /* padding-bottom: 25px; */
}

.page-template-template-torcida-individual .fullWidth.txt>div {
    padding: 160px 70px 70px 70px;
    position: relative;
    top: -70px;
    max-width: 990px;
    background: white;
    /* clip-path: polygon(30px 0, 100% 0, 100% 100%, 0 100%, 0 30px); */
}

.page-template-template-torcida-individual .banner-fla {
    align-items: normal;
    padding-top: 100px;
}

.page-template-template-torcida-individual .fullWidth.txt {
    background-image: url(imgs/torcida-bg.svg);
    background-size: cover;
}

.page-template-template-torcida-individual .listaTorcidas {
    margin: 50px 0;
}

.page-template-template-torcida-individual .listaTorcidas section {
    margin: 10px auto;
}

.page-template-template-torcida-individual .listaTorcidas section.selected {
    background-image: linear-gradient(180deg, white 65px, transparent 65px), url(imgs/fundo-listrado.svg);
    background-size: 1440px auto;
    padding: 10px 0;
}

.page-template-template-torcida-individual .listaTorcidas .historia,
.page-template-template-torcida-individual .listaTorcidas .descricao {
    display: none;
}

.page-template-template-torcida-individual .listaTorcidas section>button {
    font-size: 16px;
    cursor: pointer;
    outline-color: black;
    opacity: 0.5;
    margin: 5px auto;
    width: 100%;
    text-align: left;
    display: block;
    position: relative;
    border-bottom: 1px solid black;
    padding-bottom: 5px;
    max-width: 400px;
}

.page-template-template-torcida-individual .listaTorcidas section>button:after {
    content: '+';
    display: inline-block;
    font-size: 30px;
    line-height: 16px;
    font-weight: 100;
    opacity: 0.8;
    position: absolute;
    right: 0;
    top: 3px;
    transition: 0.3s all;
}

.page-template-template-torcida-individual .listaTorcidas .selected>button {
    opacity: 1;
    margin-bottom: 30px;
}

.page-template-template-torcida-individual .listaTorcidas .selected>button:after {
    transform: rotate(45deg);
}

.page-template-template-torcida-individual .listaTorcidas section>button:hover,
.page-template-template-torcida-individual .listaTorcidas section>button:focus-visible {
    opacity: 1;
}

.page-template-template-torcida-individual .listaTorcidas .selected .descricao {
    display: flex;
    align-items: center;
    max-width: 400px;
    margin: 10px auto;
}

.page-template-template-torcida-individual .listaTorcidas .selected .historia {
    display: block;
    font-size: 85%;
    padding: 20px;
}

.page-template-template-torcida-individual .listaTorcidas .descricao img {
    width: 140px;
    margin-right: 10px;
    margin-top: 10px;
}

.page-template-template-torcida-individual .listaTorcidas img {
    mix-blend-mode: darken;
}

.page-template-template-torcida-individual .historia iframe {
    margin: 20px auto;
}

.page-template-template-torcida-individual .historia .gallery {
    text-align: center;
    font-size: 85%;
}

.page-template-template-torcida-individual .historia .gallery.carrossel a:after {
    filter: invert(1);
}

.single-linha-do-tempo .eventos {
    background: black;
    color: white;
    padding-top: 60px;
}

.single-linha-do-tempo .eventos a {
    color: white;
}

.single-linha-do-tempo .eventos .gallery a {
    opacity: 1;
    text-decoration: none;
}

.stdCnt .carrossel a {
    display: block;
    width: 100%;
}

.stdCnt .carrossel a:after,
.carrossel.zoom a:after {
    content: "";
    width: 15px;
    height: 15px;
    background-image: url(imgs/zoom.svg);
    display: inline-block;
    background-size: cover;
    margin: 5px 0;
    opacity: 0.8;
}

.carrossel.zoom a {
    position: relative;
}

.carrossel.zoom a:after {
    position: absolute;
    bottom: 0;
    left: 5px;
}

.single-linha-do-tempo .tl-control a {
    color: white;
    font-size: 75%;
    opacity: 0.75;
    position: relative;
    line-height: 1.2;
}

.single-linha-do-tempo .tl-control a.voltar {
    text-align: center;
}

.single-linha-do-tempo .tl-control a.proximo {
    text-align: right;
}

.single-linha-do-tempo .tl-control a:hover {
    opacity: 1;
}

.single-linha-do-tempo .tl-control a:before {
    content: "";
    display: inline-block;
    width: 25px;
    height: 25px;
    position: absolute;
    top: -35px;
    background-repeat: no-repeat;
    background-position: center;
}

.single-linha-do-tempo .tl-control a.anterior:before {
    background-image: url(imgs/anterior3.svg);
}

.single-linha-do-tempo .tl-control a.voltar:before {
    background-image: url(imgs/tl-voltar.svg);
    left: 0;
    right: 0;
    margin: auto;
    top: -36px;
    width: 30px;
    height: 30px;
}

.single-linha-do-tempo .tl-control a.proximo:before {
    background-image: url(imgs/anterior3.svg);
    transform: scaleX(-1);
    right: 0;
}

.single-linha-do-tempo .tl-control.first a.proximo {
    opacity: 0;
    pointer-events: none;
}

.single-linha-do-tempo .tl-control.last a.anterior {
    opacity: 0;
    pointer-events: none;
}

.single-linha-do-tempo .tl-control.top a {
    text-decoration: none;
    display: flex;
    gap: 10px;
    align-items: center;
}

.single-linha-do-tempo .tl-control.top a.proximo {
    flex-direction: row-reverse;
}

.single-linha-do-tempo .eventos .tl-control.top {
    padding: 0;
    top: -40px;
}

.single-linha-do-tempo .tl-control.top a:before {
    position: relative;
    top: 0;
}

.single-linha-do-tempo .eventos .gallery {
    width: 450px;
    max-width: 100%;
}

.single-linha-do-tempo .stdCnt .gallery img,
.single-linha-do-tempo .stdCnt .carrossel .gallery-icon {
    max-height: 240px;
    justify-content: center;
    max-width: 420px;
}

.single-linha-do-tempo .stdCnt .gallery .wp-caption-text.gallery-caption {
    text-align: center;
    font-size: smaller;
}

.single-linha-do-tempo .gallery .slick-slide {
    display: flex;
    flex-direction: column;
    align-content: center;
    align-items: center;
    justify-content: center;
}

.single-linha-do-tempo .eventos iframe {
    max-width: 100%;
}

.single-linha-do-tempo .eventos hr {
    content: "";
    display: block;
    height: 2px;
    background: linear-gradient(90deg, white 50%, transparent 50%);
    background-size: 20px 100%;
    margin: 70px 0 40px 0;
    position: relative;
}

.single-linha-do-tempo .eventos .tl-control {
    position: relative;
    display: flex;
    justify-content: space-between;
    padding-top: 70px;
    padding-bottom: 35px;
}

.single-linha-do-tempo .eventos .tl-control:before {
    /* content: ""; */
    width: 35px;
    display: block;
    height: 35px;
    background-image: url(imgs/tl-voltar.svg);
    background-repeat: no-repeat;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    margin: auto;
}

.single-linha-do-tempo .eventos h4 {
    color: var(--fla-vermelho);
    font-size: 250%;
    max-width: 440px;
    line-height: 1.1;
    margin-bottom: 20px;
}

.single-linha-do-tempo .eventos date {
    font-size: 150%;
    font-weight: 900;
    margin-bottom: 20px;
    display: block;
}

.single-linha-do-tempo .eventos article section *+*:not(.slick-dots li) {
    margin: 0.8em auto;
}

.single-linha-do-tempo .eventos .slick-dots {
    bottom: -30px;
}

.single-linha-do-tempo .carrossel .slick-dots li {
    background-image: linear-gradient(90deg, white 50%, #bb0000 10%);
}

.codigoCustomizado {
    overflow: hidden;
}

.codigoCustomizado>* {
    margin-left: -240px;
}

.tourHolder {
    width: 100%;
    min-height: 80vh;
    margin: 0;
    background: black;
}

.tourHolder iframe {
    width: 100%;
    min-height: 80vh;
    display: block;
}

.hexagono-corte {
    clip-path: polygon(25% 0%, 75% 0%, 100% 50%, 75% 100%, 25% 100%, 0% 50%);
}

.home .menu_expandido {
    padding-top: 70px;
    padding-bottom: 70px;
    font-size: 25px;
    margin-bottom: 0 !important;
}

.home .museuBox.menu_expandido p {
    max-width: 830px;
}

.home .menu_expandido section {
    margin-top: 60px;
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 30px;
}

.home .menu_expandido section h3 {
    height: 160px;
    /* max-width: 535px; */
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    display: flex;
    align-content: center;
    justify-content: center;
    align-items: center;
    color: white;
    font-size: 30px;
    text-transform: uppercase;
    filter: drop-shadow(2px 4px 6px rgba(0, 0, 0, 0.5));
}

.home .menu_expandido ol {
    display: grid;
    grid-template-columns: 1fr 1fr;
    margin: 20px 0;
    gap: 10px 30px;
}

.home .menu_expandido li {
    list-style-type: none;
    display: block;
    width: 100%;
    border-bottom: 1px solid black;
    opacity: 0.5;
}

.home .menu_expandido li:hover {
    opacity: 1;
}

.home .menu_expandido li a {
    text-decoration: none;
    font-size: 23px;
    padding: 0;
}

.post-type-archive-lendas-rubro-negras .fullWidth.stdCnt {
    background-repeat: repeat;
}

.post-type-archive-lendas-rubro-negras .lendasPosts h2 {
    text-transform: uppercase;
    font-weight: normal;
    font-size: 100%;
    cursor: pointer;
}

.post-type-archive-lendas-rubro-negras .abas {
    width: max-content;
    margin: 0 auto 45px auto;
    position: sticky;
    top: 0;
    z-index: 2;
}

.menuOpen .post-type-archive-lendas-rubro-negras .abas {
    display: none;
}

.fixedMenu .post-type-archive-lendas-rubro-negras .abas {
    position: sticky;
    top: 120px;
    z-index: 1;
    left: 0;
    right: 0;
    transition: 0.5s box-shadow;
    box-shadow: 0px 0px 0px 0px black;
}

.fixedAbas .post-type-archive-lendas-rubro-negras .abas {
    box-shadow: 0px 4px 40px 10px black;
    max-width: 100vw;
}

.fixedAbas .admin-bar.post-type-archive-lendas-rubro-negras .abas {
    top: 32px;
}

.fixedAbas.fixedMenu .admin-bar.post-type-archive-lendas-rubro-negras .abas {
    top: 120px;
}

.post-type-archive-lendas-rubro-negras .lendasPosts .conteudo {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 20px;
    margin-bottom: 70px;
    display: none;
}

.post-type-archive-lendas-rubro-negras .lendasPosts .conteudo.selected {
    display: grid;
}

.post-type-archive-lendas-rubro-negras .lendasPosts img {
    box-shadow: 2px 3px 6px rgb(0 0 0 / 70%);
    margin-bottom: 10px;
    aspect-ratio: 16/9;
    object-fit: cover;
}

.post-type-archive-lendas-rubro-negras .lendasPosts p {
    display: none;
}

.post-type-archive-lendas-rubro-negras .lendasPosts h4 {
    font-weight: 500;
}

.post-type-archive-lendas-rubro-negras .lendasPosts section {
    position: relative;
    cursor: pointer;
}

.post-type-archive-lendas-rubro-negras .lendasPosts section:after {
    content: "";
    position: absolute;
    background-color: rgb(0 0 0 / 50%);
    background-image: url(imgs/play.svg);
    background-size: 50px;
    background-position: center;
    background-repeat: no-repeat;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    aspect-ratio: 16/9;
    opacity: 0;
    transition: opacity 0.3s;
}

.post-type-archive-lendas-rubro-negras .lendasPosts section:hover:after {
    opacity: 1;
}

.videoLightbox {
    position: fixed;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgb(0 0 0 / 70%);
    display: none;
    align-items: center;
    justify-content: center;
    z-index: 999;
}

.videoLightbox>div {
    width: 90%;
    aspect-ratio: 16/9;
    position: relative;
}

.videoLightbox>div:before {
    content: "";
    background-image: url(imgs/loading.gif);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    position: absolute;
    left: calc(50% - 20px);
    top: calc(50% - 20px);
    width: 40px;
    height: 40px;
    mix-blend-mode: hard-light;
}

.videoLightbox>div>i {
    position: absolute;
    width: 40px;
    height: 40px;
    right: -20px;
    top: -20px;
    background-image: url(imgs/close.svg);
    background-repeat: no-repeat;
    background-size: cover;
    cursor: pointer;
}

.videoLightbox.open {
    display: flex;
}

.videoLightbox iframe {
    width: 100%;
    height: auto;
    aspect-ratio: 16/9;
    position: relative;
}

.home .museuBox.destaques_lendas+.cards>div {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 20px;
    padding-top: 30px;
    min-height: 400px;
}

.home .museuBox.destaques_lendas+.cards a {
    font-size: 17px;
    font-weight: 500;
}

.home .museuBox.destaques_lendas+.cards img {
    margin-bottom: 10px;
    aspect-ratio: 16/9;
    transition: 0.3s all;
}

.home .museuBox.destaques_lendas+.cards a:hover {
    text-decoration: underline;
}

.home .museuBox.destaques_lendas+.cards a:after {
    content: "";
    aspect-ratio: 16/9;
    height: auto;
    background: #ff0001;
    transform: none;
    opacity: 0;
    mix-blend-mode: color;
    transition: 0.3s all;
}


.home .museuBox.destaques_lendas+.cards a:hover:after {
    opacity: 0.7;
}

html.testing div[vw].enabled {
    display: none;
}


/* small laptops */
@media (max-width: 1400px) {

    body[data-tipo=pagina-gavea] .conheca-acervo p {
        margin-left: auto;
        margin-right: auto;
    }

    body[data-tipo=pagina-gavea] .conheca-acervo,
    body[data-tipo=pagina-gavea] .dados-museu {
        padding-left: 20px;
        padding-right: 20px;
    }

    body[data-tipo=pagina-gavea] .cardBox {
        width: 275px;
        height: 346px;
        left: 0;
        right: 0;
        margin: auto;
        bottom: -175px;
    }

    body[data-tipo=pagina-gavea] .cardBox a {
        font-size: 32px;
    }

    body[data-tipo=pagina-gavea] .cardBox.virtual a b:before {
        font-size: 13px;
        top: 94px;
        padding: 10px;
    }

    body[data-tipo=pagina-gavea].page-template-template-museu .conheca-acervo {
        padding-bottom: 175px;
    }

    body[data-tipo=pagina-gavea] .conheca-acervo .botao {
        display: block;
        text-align: center;
        max-width: 400px;
        margin: 20px auto;
        font-weight: 600;
    }

    .botao-ingresso {
        font-size: 18px;
    }

    .page-museu-flamengo .conheca-acervo .botao {
        font-size: 17px;
    }

    body[data-tipo=pagina-gavea] .dados-museu {
        padding-top: 190px;
        padding-bottom: 1px;
    }

    body[data-tipo=pagina-gavea] .audioguia {
        font-size: 15px;
        text-align: center;
    }

    body[data-tipo=pagina-gavea] .dados-museu .local iframe {
        width: 100%;
        height: 300px;
        margin-bottom: 50px;
    }

    body[data-tipo=pagina-gavea] .titulos-circulo {
        margin: auto;
        padding: 50px;
    }

    body[data-tipo=pagina-gavea] .titulos-circulo p {
        font-size: 14px;
        margin-bottom: 25px;
    }

    body[data-tipo=pagina-gavea] .titulos-circulo h3 {
        font-size: 16px;
        padding-bottom: 10px;
        margin-bottom: 20px;
    }

    .titulos-circulo h3:after {
        top: 25px;
        width: 10px;
        height: 10px;
        left: -10px;
    }

    body[data-tipo=pagina-gavea] .dados-museu .local {
        max-width: 500px;
        margin: 60px auto;
        font-size: 14px;
        text-align: center;
    }

    body[data-tipo=pagina-gavea] .dados-museu .local h3 {
        font-size: 14px;
        padding-bottom: 10px;
        margin-bottom: 10px;
    }

    body[data-tipo=pagina-gavea] .dados-museu .local p+h3 {
        margin-top: 25px;
    }

    body[data-tipo=pagina-gavea] .dados-museu .local h3:before {
        width: 20px;
        height: 20px;
    }

    body[data-tipo=pagina-gavea] .dados-museu .local h3:nth-of-type(3):before {
        background-position: 0 3px;
    }

    body[data-tipo=pagina-gavea].page-template-template-tour-gavea .dados-museu .local {
        margin-left: auto;
        margin-right: auto;
    }
}

/* Small screens */
@media (max-width: 1099px) {

    body.admin-bar {
        padding-top: 46px;
    }

    .museuBox.museu_fisico+.cards>div {
        /* min-height: 213.33vw; */
    }

    .home .museuBox+.cards>div>div+div {
        margin-top: 50px;
    }

    .home .museuBox.museu_fisico+.cards>div+div {
        margin-top: 60px;
    }

    .home .museu_virtual+.cards a b:before {
        top: 95px;
    }

    .home .museuBox.museu_virtual .avatar {
        width: 250px;
        height: 300px;
        position: relative;
        top: 0;
        display: block;
        left: 0;
        margin: 20px auto;
        z-index: 1;
    }

    .home .museuBox.museu_virtual+.cards {
        padding: 120px 20px 60px 20px;
        position: relative;
        top: -120px;
        margin-bottom: -100px;
        background-position: center 30px;
    }

    .home .carrossel img {
        max-width: none;
        width: 100%;
    }

    #menu-menu-topo {
        max-width: 300px;
        transition: 0.3s all;
    }

    #menu-menu-topo.subSel {
        transform: translateX(-100vw);
    }

    #menu-menu-topo .sub-menu {
        position: absolute;
        left: 100vw;
        top: 0;
        display: none;
        bottom: 0;
    }

    #menu-menu-topo .active .sub-menu {
        display: flex;
        flex-direction: column;
        justify-content: flex-start;
    }

    #menu-menu-topo a[href="#voltar"] {
        text-transform: lowercase;
        text-align: right;
        font-weight: 100;
        position: relative;
    }

    #menu-menu-topo a[href="#voltar"]:before {
        content: "";
        background-image: url(imgs/arrow.svg);
        background-repeat: no-repeat;
        background-size: contain;
        background-position: center;
        width: 15px;
        height: 18px;
        display: inline-block;
        transform: scaleX(-1);
        position: relative;
        top: 3px;
        right: 3px;
    }

    #menu-menu-topo a[href="#voltar"]:after {
        content: attr(title);
        position: absolute;
        top: 15px;
        left: 5px;
        /* color: black; */
        font-weight: 600;
        text-transform: initial;
        opacity: 0.5;
    }

    html.menuOpen header .social {
        display: none;
    }

    html.menuOpen header {
        position: absolute;
    }

    html.menuOpen header .topBar {
        position: fixed;
        top: 0;
        z-index: 3;
        width: 100%;
        background: black;
    }

    html.menuOpen header .menu-container {
        top: var(--fla-header-height);
        position: fixed;
        bottom: 0;
        overflow-y: scroll;
        overflow-x: hidden;
    }

    html.menuOpen body>.container>.content {
        overflow: hidden;
    }

    .lado_lado {
        flex-direction: column;
    }

    .lado_lado>div {
        min-height: 280px;
        padding: 20px;
        width: 100%;
    }

    .post-type-archive-acervo .categorias div {
        display: flex;
        justify-content: space-between;
    }

    .tax-tipo-acervo .cabecalho {
        padding: 20px 20px 100px 20px;
    }

    .tax-tipo-acervo .itens {
        margin-top: -100px;
        padding: 20px;
    }

    .tax-tipo-acervo .itens a {
        width: 155px;
        height: 150px;
        height: 215px;
        background-size: auto 150px;
    }

    .tax-tipo-acervo .itens a b {
        font-size: 11px;
    }

    .acervoBox.single .breadcrumbs>a:first-of-type {
        display: none;
    }

    .acervoBox.single .breadcrumbs>a {
        margin-left: 0;
    }

    .acervoBox.single .texto {
        padding: 80px 20px 50px 20px;
    }

    .acervoBox.single .item {
        /* padding: 20px 0; */
    }

    .acervoBox.single .item>div {
        max-width: 100%;
    }

    .acervoBox.single .carrossel .slick-dots,
    .rel .carrossel .slick-dots {
        bottom: -20px;
    }

    .acervoBox.single .carrossel .slick-dots li,
    .rel .carrossel .slick-dots li {
        background-image: linear-gradient(90deg, #333 50%, var(--fla-vermelho) 10%);
        mix-blend-mode: multiply;
    }

    .rel>div {
        padding: 50px 20px;
    }

    .rel .carrossel img {
        max-width: 150px;
        display: block;
        margin: auto;
    }

    .rel .carrossel .cardHolder {
        width: 150px;
        height: 200px;
    }

    .rel .carrossel .card.composite {
        width: 150px;
        height: 180px;
    }

    .rel .carrossel .card,
    .rel .carrossel .card+.card {
        margin: 0;
    }

    .post-type-archive-herois .heroBox,
    .single-herois .heroBox,
    .single-personagem .heroBox,
    .single-personagem .heroBox {
        background: black;
        padding: 50px 20px 20px 20px;
        /* background-image: url(imgs/bgHeroisMobile.svg); */
        background-size: cover;
        background-position: center;
        background-repeat: no-repeat;
    }

    .single-herois .heroBox,
    .single-personagem .heroBox,
    .single-personagem .heroBox {
        background-color: transparent;
    }

    .post-type-archive-herois .heroBox h1,
    .single-herois .heroBox h1,
    .single-personagem .heroBox h1,
    .single-personagem .heroBox h1 {
        font-size: 25px;
        padding-bottom: 10px;
        margin-bottom: 20px;
    }

    .post-type-archive-herois .heroBox .heroContent,
    .single-herois .heroBox .heroContent,
    .single-personagem .heroBox .heroContent,
    .single-personagem .heroBox .heroContent {
        line-height: 1.25;
    }

    .post-type-archive-herois header .social,
    .single-herois header .social,
    .single-personagem header .social,
    .single-personagem header .social {
        z-index: 1;
    }

    .post-type-archive-herois header .social:before,
    .single-herois header .social:before,
    .single-personagem header .social:before {
        opacity: 0.5;
    }

    .post-type-archive-herois .heroBox img,
    .single-herois .heroBox img,
    .single-personagem .heroBox img {
        margin: 35px 0;
        z-index: 1;
        position: relative;
    }

    .letterBarHorizontal,
    .listNamesAlphabet,
    .letterBarVertical {
        display: none !important;
    }

    .showNameList .listNamesAlphabet,
    .showNameList .letterBarVertical {
        display: flex !important;
    }

    .listNamesAlphabet>ul {
        min-width: 100%;
    }

    .listNamesAlphabet {
        background-color: black;
        padding: 0 60px 50px 20px;
        margin-top: -20px;
        background-image: url(imgs/bgHeroisMobileList.svg);
        background-attachment: fixed;
        background-position: bottom;
        background-size: cover;
    }

    .tax-tipo-cultura .listNamesAlphabet {
        min-height: calc(100vh - 200px);
    }

    .showNameList .letterBarVertical {
        position: fixed;
        right: 15px;
        top: 140px;
        bottom: 140px;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        align-items: center;
    }

    .letterBarVertical a {
        color: white;
        text-decoration: none;
        font-size: 11px;
        font-weight: 900;
        display: block;
    }

    .letterBarVertical a.disabled {
        opacity: 0.5;
    }

    .listNamesAlphabet li {
        border-bottom: 1px solid white;
    }

    .listNamesAlphabet a {
        color: white;
        text-decoration: none;
        font-size: 16px;
        padding-left: 5px;
        padding-bottom: 10px;
        margin-top: 10px;
        display: inline-block;
    }

    .listNamesAlphabet li.firstLetter:before {
        content: attr(data-letter);
        color: white;
        display: block;
        font-weight: 900;
        margin-left: 7px;
        opacity: 0.5;
        font-size: 16px;
        margin-top: 10px;
    }

    .single-herois .content:before,
    .single-personagem .content:before,
    .content.personalidades:before {
        /* content: ""; */
        position: absolute;
        top: 410px;
        width: 110%;
        height: 100%;
        background-image: url(imgs/diagonalVermelha.svg);
        right: -20px;
        background-repeat: no-repeat;
        z-index: 1;
        background-size: contain;
        /* background-position: -20px center; */
    }

    body.single-herois .content,
    body>.container>.content.personalidades,
    body.single-personagem .content,
    body>.container>.content.personalidades {
        background-image: url(imgs/diagonalVermelha.svg);
        background-size: cover;
        background-repeat: no-repeat;
        background-position: 0 420px;
        background-color: black;
    }

    .rel .carrossel .card span {
        top: 135px;
        left: 33px;
        right: 0;
        margin: auto;
        max-width: 150px;
        font-size: 12px;
        line-height: 1;
    }

    .infoBox {
        padding: 20px;
        font-size: 14px;
        mix-blend-mode: screen;
    }

    .lado_lado.museu {
        flex-direction: column-reverse;
    }

    .lado_lado.museu .imagem {
        height: 64vw;
        background-position: bottom;
    }

    .botao-ingresso {
        font-size: 14px;
        width: 100%;
        text-align: center;
        position: relative;
        padding-left: 65px;
        max-width: 400px;
        margin: 30px auto;
    }

    .botao-ingresso:before {
        margin: 0;
        position: absolute;
        left: 20px;
    }

    .fullWidth.hero {
        padding: 20px;
        padding-top: 60px;
    }

    .post-type-archive-lugares-historicos .hero {
        padding-top: 70px;
        padding-bottom: 90px;
    }

    .titulo-grande h1 {
        font-size: 25px;
        padding-bottom: 3px;
        margin-bottom: 20px;
        line-height: 1.2;
    }

    .linksLugares .mansory {
        position: relative;
        top: -80px;
    }

    .linksLugares .mansory a {
        height: 270px;
        background-size: cover;
        background-position: center center;
        display: block;
        margin: 20px auto;
        aspect-ratio: 4/3;
    }

    .single-lugares-historicos .carrossel.principal,
    .page-template-template-torcida-individual .carrossel.principal {
        max-width: 100%;
        top: -80px;
        right: 0;
        left: 0;
        margin: auto;
        height: 250px;
    }

    .single-lugares-historicos .carrossel.principal .slick-slide,
    .page-template-template-torcida-individual .carrossel.principal .slick-slide {
        height: 250px;
    }

    .single-lugares-historicos .carrossel.principal img,
    .page-template-template-torcida-individual .carrossel.principal img {
        max-height: 100%;
        max-width: 100%;
        margin: 25px;
    }

    .single-lugares-historicos .hero {
        min-height: 325px;
    }

    .single-lugares-historicos .carrossel.principal .slick-dots,
    .page-template-template-torcida-individual .carrossel.principal .slick-dots {
        bottom: 0;
    }

    .single-lugares-historicos .texto>div,
    .page-template-template-torcida-individual .fullWidth.txt>div {
        padding: 180px 20px 40px 20px;
        max-width: 90%;
        margin: auto;
        margin-bottom: -50px;
    }

    .single-lugares-historicos .texto p {
        font-size: 12px;
        margin-bottom: 22px;
        line-height: 17px;
    }

    .post-type-archive-cultura .cardBox,
    .page-template-template-simbolos .cardBox {
        display: flex;
        flex-direction: column;
        align-items: center;
        margin-top: 20px;
    }

    .post-type-archive-cultura .fullWidth+.fullWidth,
    .page-template-template-simbolos .fullWidth+.fullWidth {
        padding: 20px;
        background-image: url(imgs/bgCulturaMobile.svg);
        background-size: cover;
        background-position: 0 365px;
        background-repeat: no-repeat;
    }

    .post-type-archive-cultura .fullWidth+.fullWidth .texto,
    .page-template-template-simbolos .fullWidth+.fullWidth .texto {
        max-width: 100%;
        margin: auto;
        font-size: 16px;
        padding: 20px;
    }

    .post-type-archive-cultura .hero,
    .page-template-template-simbolos .hero {
        background-image: none;
        background-color: #333;
        box-shadow: 0 0 50px black inset;
        padding: 0;
    }

    .post-type-archive-cultura .hero:before,
    .page-template-template-simbolos .hero:before {
        content: "";
        display: block;
        width: 100%;
        height: 73vw;
        background-image: url(imgs/culturaMobile.jpg);
        background-size: cover;
    }

    .post-type-archive-cultura .hero .texto,
    .page-template-template-simbolos .hero .texto {
        padding: 40px;
        font-size: 16px;
        line-height: 1.1;
    }

    .tax-tipo-cultura>.container {
        background-color: white;
        /* height: auto; */
    }

    .tax-tipo-cultura .heroBox {
        padding: 0;
        background-image: none;
    }

    .tax-tipo-cultura .heroBox:before {
        content: "";
        background-image: var(--mobileBg);
        width: 100%;
        height: 73vw;
        display: block;
        background-size: cover;
    }

    .tax-tipo-cultura .heroContent {
        padding: 0 20px;
        max-width: 100%;
        font-size: 14px;
    }

    .tax-tipo-cultura .breadcrumbs {
        padding: 20px 0 0 20px;
    }

    .tax-tipo-cultura .heroBox h1 {
        font-size: 25px;
        padding-bottom: 12px;
        margin-bottom: 18px;
    }

    .tax-tipo-cultura .letterBarHorizontal {
        padding: 20px;
        display: flex;
        justify-content: space-between;
        margin-top: 25px;
    }

    .letterBarHorizontal a {
        width: auto;
        font-size: 14px;
        height: 40px;
    }

    .single-cultura .fullWidth {
        padding: 20px;
    }

    .single-cultura .heroBox {
        padding-top: 80px;
        font-size: 16px;
    }

    .single-cultura .heroBox.cinema-teatro-e-tv {
        background-image: none;
    }

    .single-cultura .content>.carrossel {
        position: relative;
        left: auto;
        right: auto;
        top: auto;
        width: 100%;
        max-width: 100%;
        margin: auto;
        background-image: url(imgs/cinemaMobile.svg);
        background-position: top right;
        background-repeat: no-repeat;
        background-size: contain;
    }

    .content.personalidades .carrossel {
        background-image: none;
        top: auto;
        /* background-color: black; */
        margin: 30px auto;
    }

    .single-cultura .carrossel .slick-dots {
        bottom: -10px;
    }

    .single-cultura .carrossel .slick-dots li {
        filter: brightness(0.8);
    }

    .single-cultura .sobre {
        font-size: 16px;
    }

    .single-cultura .breadcrumbs a {
        font-size: 15px;
    }

    .content.personalidades .heroBox {
        z-index: 1;
        position: relative;
    }

    .content.personalidades .carrossel>* {
        z-index: 1;
    }

    .post-type-archive-mais_esportes .lado_lado>div {
        min-height: 350px;
        background-size: cover;
    }

    .showNameList .post-type-archive-mais_esportes .lado_lado .texto,
    .showNameList .post-type-archive-presidente .lado_lado .texto {
        min-height: auto;
        background-image: none;
        background-color: black;
        padding: 8px 20px;
    }

    .showNameList .heroBox h1,
    .showNameList .heroBox .imagem,
    .showNameList .heroBox p,
    .showNameList .heroContent,
    .showNameList .heroBox img,
    .showNameList .heroBox .botao,
    .showNameList footer,
    .showNameList .tax-tipo-personagem .lado_lado *:not(.breadcrumbs):not(a) {
        display: none !important;
    }

    .showNameList .tax-tipo-personagem .lado_lado {
        min-height: 80px;
        background-image: none !important;
        background-color: black;
    }

    .showNameList .tax-tipo-cultura .heroBox:before {
        display: none;
    }

    .showNameList .tax-tipo-cultura .breadcrumbs {
        background: black;
        padding-top: 60px;
    }

    .fullWidth.min-padding {
        padding: 20px;
    }

    .single-mais_esportes .carrossel img {
        width: 100%;
        height: 73vw;
    }

    .single-mais_esportes .lado_lado .texto {
        padding-top: 60px;
    }

    .single-mais_esportes .sobre,
    .single-mais_esportes .atletas {
        font-size: 16px;
    }

    .single-mais_esportes .lado_lado .imagem .carrosselTXT {
        position: relative;
        background: black;
        left: auto;
        bottom: 0;
        text-align: center;
        font-size: 14px;
        padding: 10px 0;
        min-height: 120px;
        display: flex;
        align-items: center;
        background-image: url(imgs/single-mais-esportes.svg);
        background-size: cover;
        background-color: black;
        max-width: 100%;
    }

    .single-mais_esportes .carrossel .slick-dots {
        bottom: 100px;
        left: auto;
    }

    .post-type-archive-presidente .lado_lado .texto {
        padding-top: 50px;
    }

    .post-type-archive-presidente .lado_lado .imagem {
        display: flex;
        flex-direction: column;
        justify-content: flex-end;
        padding-bottom: 0;
    }

    .showNameList .breadcrumbs a {
        color: white !important;
    }

    .showNameList .breadcrumbs a:before {
        filter: none !important;
    }

    .single-presidente .saiba_mais {
        font-size: 16px;
        padding: 65px 20px;
    }

    .single-presidente .carrossel {
        height: 400px;
        padding-top: 10px;
    }

    .single-presidente .carrossel img {
        position: absolute;
        left: 0;
        top: 0;
        bottom: 0;
        right: 0;
        margin: auto;
    }

    .single-presidente .carrossel .slick-slide {
        position: relative;
        height: 400px;
    }

    .single-presidente .carrossel .slick-dots {
        bottom: -30px;
    }

    .page-template-template-colabore .lado_lado {
        background-image: url(imgs/colabore-bg-mobile.svg);
        background-position: -5px 0;
    }

    .page-template-template-curadoria .lado_lado {
        background-image: url(imgs/curadoria-mobile.jpg);
    }

    .page-template-template-curadoria .blocks .block {
        flex-direction: column;
        max-width: 90%;
        margin: auto;
        padding: 20px 0;
    }

    .page-template-template-curadoria .blocks .block img {
        margin-bottom: 20px;
    }

    .page-template-template-hinos .lado_lado {
        background-image: url(imgs/hinos-mobile.jpg);
        background-size: cover;
        min-height: 400px;
    }

    .page-template-template-hinos .txt {
        background-image: url(imgs/hinos-mobile.svg);
        background-size: 100% auto;
        padding: 20px 60px 20px 20px;
        background-position: right;
    }

    .page-template-template-hinos .lado_lado>div {
        min-height: 200px;
    }

    .tax-tipo-personagem .lado_lado {
        background-size: auto 800px;
        min-height: 770px;
        justify-content: normal;
        background-position: center;
    }

    .tax-tipo-personagem.term-basquete .lado_lado {
        background-image: url(imgs/idolos-basquete-mobile2.jpg);
    }

    .tax-tipo-personagem.term-futebol .lado_lado {
        background-image: url(imgs/idolos-futebol-mobile2.jpg);
    }

    .tax-tipo-personagem.term-remo .lado_lado {
        background-image: url(imgs/idolos-remo-mobile2.jpg);
    }

    .tax-tipo-personagem .lado_lado .botao {
        border-color: var(--fla-vermelho);
        margin-top: 40px;
    }

    .post-type-archive-manto-sagrado .lado_lado .texto {
        background-image: url(imgs/manto-sagrado-mobile-texto.jpg);
        background-position: bottom;
        background-size: cover;
    }

    .post-type-archive-manto-sagrado .lado_lado .imagem {
        background-image: url(imgs/manto-sagrado-mobile-camisa.jpg);
        background-size: cover;
        background-position: center;
        /* min-height: 74vw; */
    }

    .post-type-archive-manto-sagrado .manto {
        background-image: url(imgs/manto-sagrado-camisa-bg-mobile.svg);
        background-size: 1000px auto;
        background-position: 0 -5px;
    }

    .post-type-archive-manto-sagrado .manto h3 {
        font-size: 100px;
        /* width: 135px; */
        overflow-wrap: break-word;
        line-height: 80px;
        text-align: center;
        margin: 40px 0;
    }

    .post-type-archive-manto-sagrado .manto .slick-slide {
        display: flex;
        flex-direction: column;
        align-items: center;
    }

    .post-type-archive-manto-sagrado .manto figure {
        width: 100%;
        height: 70vw;
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .post-type-archive-manto-sagrado .manto img {
        width: auto;
        height: auto;
        max-height: 100%;
        max-width: 90%;
    }

    .post-type-archive-manto-sagrado .manto .slick-slide div {
        max-width: 80%;
        font-size: 14px;
        margin: 20px 0;
    }

    .post-type-archive-manto-sagrado .manto .slick-dots {
        bottom: 20px;
    }

    .post-type-archive-manto-sagrado .manto .carrossel {
        margin-bottom: 0;
        padding-bottom: 30px;
    }

    .banner-fla {
        /* padding-top: 70px; */
        padding-left: 20px;
    }

    .banner-fla.banner_mobile {
        background-image: var(--mobile-header) !important;
        aspect-ratio: var(--ratio-mobile);
    }

    .fullWidth.txt,
    .fullWidth.stdCnt {
        padding: 30px 20px;
    }

    .fullWidth.stdCnt .gallery img,
    .historia.stdCnt .gallery img {
        max-width: 100%;
    }

    .post-type-archive-noticias .posts {
        padding: 20px;
        background-size: 200%;
        background-position: left top;
        background-repeat: repeat;
    }

    .post-type-archive-noticias .posts>a {
        flex-direction: column;
        max-width: 300px;
        margin: auto;
    }

    .post-type-archive-noticias .posts>a>div+div {
        margin-top: 30px;
    }

    .page-template-template-patrimonio .lado_lado.empty>div {
        min-height: 100px;
    }

    .page-template-template-patrimonio .lado_lado.empty .imagem {
        display: none;
    }

    .page-template-template-patrimonio .fullWidth.missao>div {
        margin: 50px 20px 20px 20px;
    }

    .page-template-template-simbolos .hero:before {
        background-image: url(imgs/simbolos-mobile.jpg);
    }

    .parent-simbolos.page-child .banner-fla {
        padding-top: 220px;
    }

    .parent-simbolos.page-child .fullWidth.stdCnt,
    .page-template-default .diagonal_fundo_cinza {
        background-image: url(imgs/simbolos-mobile-bg.svg);
        background-size: 100%;
        background-repeat: no-repeat;
        background-color: #f1f3ef;
    }

    .parent-simbolos.page-child h1 {
        border-color: black;
    }

    .tax-tipo-titulo .lado_lado {
        flex-direction: column-reverse;
    }

    .titulo-regioes {
        overflow: scroll;
        padding: 0 20px;
    }

    .titulo-regioes li {
        min-height: 70px;
    }

    .listaTitulos {
        flex-direction: column;
        align-items: center;
    }

    .titulos-posts.fullWidth {
        padding: 0 20px;
    }

    .titulos-posts .titulo .ficha {
        margin-left: -20px;
        margin-right: -20px;
        padding: 20px;
    }

    .titulos-posts .carrossel {
        margin: 20px 0;
    }

    .titulos-posts .carrossel .slick-dots {
        bottom: -20px;
    }

    .titulos-posts .carrossel.largeGal .slick-dots {
        bottom: -25px;
    }

    .titulos-posts .titulo iframe {
        width: 100%;
        height: 300px;
        margin: 20px auto;
    }

    .listaTitulos a {
        width: 90%;
    }

    .page-template-template-torcidas .hero {
        padding-top: 8px;
        padding-bottom: 320px;
    }

    .page-template-template-torcidas .cardBox {
        display: flex;
        flex-direction: column;
        align-items: center;
        padding: 70px 20px;
    }

    .page-template-template-torcida-individual .fullWidth.txt {
        padding: 0;
    }

    .page-template-template-torcida-individual .fullWidth.txt>div {
        /* padding: 20px; */
    }

    .page-template-template-torcida-individual .banner-fla {
        padding-bottom: 150px;
    }

    .page-template-template-torcida-individual .carrossel .slick-dots {
        filter: brightness(0.5);
    }

    .page-template-template-torcida-individual .listaTorcidas .descricao img {
        width: 100px;
        margin-right: 5px;
    }

    .page-template-template-torcida-individual .listaTorcidas article {
        font-size: 80%;
        margin-right: 5px;
    }

    .single-linha-do-tempo .eventos {
        padding-left: 20px;
        padding-right: 20px;
    }

    .single-linha-do-tempo .eventos h4 {
        font-size: 200%;
    }

    .single-linha-do-tempo .eventos date {
        font-size: 120%;
    }

    .single-linha-do-tempo .eventos section {
        border-left: 2px solid var(--fla-vermelho);
        padding-left: 15px;
        position: relative;
        margin-bottom: 60px;
    }

    .single-linha-do-tempo .eventos section>* {
        max-width: 100%;
    }

    .single-linha-do-tempo .eventos section:after {
        content: "";
        display: block;
        background-image: url(imgs/tl-arrow-mobile.svg);
        background-repeat: no-repeat;
        background-size: 70px;
        width: 100px;
        height: 50px;
        position: absolute;
        left: -2px;
        bottom: -40px;
    }

    .single-linha-do-tempo .tl-control a {
        max-width: 90px;
    }

    .single-linha-do-tempo .tl-control a.voltar {
        max-width: 100px;
    }

    .single-linha-do-tempo .stdCnt img {
        max-width: calc(100vw - 60px);
    }

    .single-linha-do-tempo .stdCnt .gallery img,
    .single-linha-do-tempo .stdCnt .carrossel .gallery-icon {
        max-width: 100%;
    }

    .codigoCustomizado {
        width: 100%;
    }

    .codigoCustomizado>* {
        margin-left: 0px;
        max-width: 100%;
    }

    .codigoCustomizado:before,
    .codigoCustomizado:after {
        content: "";
        position: fixed;
        width: 20px;
        height: 100vh;
        z-index: 100000;
        /* background: blue; */
        top: 0;
    }

    .codigoCustomizado:before {
        left: 0;
        width: 40px;
    }

    .codigoCustomizado:after {
        right: 0;
    }


    .home .menu_expandido section,
    .home .menu_expandido ol {
        grid-template-columns: 1fr;
    }

    .home .menu_expandido {
        max-width: calc(100% - 40px);
        font-size: 16px;
    }

    .home .menu_expandido li a {
        font-size: 16px;
    }

    .home .menu_expandido section {
        margin-top: 25px;
    }

    .home .menu_expandido section h3 {
        height: calc(100vw/3.3);
        max-height: 160px;
    }

    .fixedMenu.menuOpen .home .menu_expandido section h3 {
        /* iOS Safari bug */
        filter: none;
    }

    .home .menu_expandido ol {
        max-width: 530px;
        margin: 20px auto;
    }

    .post-type-archive-lendas-rubro-negras .lendasPosts .conteudo {
        grid-template-columns: 1fr;
        margin-bottom: 35px;
    }

    .post-type-archive-lendas-rubro-negras .lendasPosts h2 {
        /* margin-bottom: 35px; */
        font-size: 85%;
        min-width: 50%;
    }

    .videoLightbox>div>i {
        width: 30px;
        height: 30px;
        top: -30px;
        right: -12px;
    }

    .home .museuBox.destaques_lendas+.cards {
        min-height: 930px;
        padding-bottom: 150px;
    }

    .home .museuBox.destaques_lendas+.cards>div {
        grid-template-columns: 1fr;
    }

    .home .lendas {
        margin-top: -80px;
    }

    .acervoBox.single .carrossel .slick-slide {
        height: 500px;
    }

    .acervoBox.single .carrossel img {
        max-width: 100%;
    }

    .home .museuBox.destaques_lendas+.cards span {
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        overflow: hidden;
    }

    .single-cultura .sobre iframe {
        max-width: 100%;
    }

    .post-type-archive-manto-sagrado .cardBox {
        flex-direction: column;
        padding: 50px 0;
    }

    .post-type-archive-lendas-rubro-negras .abas {
        max-width: 100%;
    }

    .fixedAbas .post-type-archive-lendas-rubro-negras .abas {
        position: fixed;
        width: 100%;
        left: 0;
    }

    .fixedMenu .post-type-archive-lendas-rubro-negras .abas {
        top: 67px;
        z-index: 3;
        box-shadow: none;
        /* box-shadow: 0px 4px 40px 10px black; */
    }

    .fixedAbas .admin-bar.post-type-archive-lendas-rubro-negras .abas {
        top: 46px;
    }

    .fixedAbas.fixedMenu .admin-bar.post-type-archive-lendas-rubro-negras .abas {
        top: 46px;
    }

    .fixedAbas .admin-bar.post-type-archive-lendas-rubro-negras header .social {
        top: 65px;
    }

    .single-cultura .content>.carrossel img.hexagono-corte,
    .single-personagem .heroBox img.hexagono-corte,
    .single-herois .heroBox img.hexagono-corte {
        width: 95vw;
        height: 82.65vw;
        width: calc(100vw - 20px);
        height: calc(92.3vw - 20px);
        margin: 20px auto;
        overflow: hidden;
    }

    .single-linha-do-tempo .eventos .tl-control.top {
        display: none;
    }

}

/* Larger screens */
@media (min-width: 1100px) {
    :root {
        --fla-header-height: 120px;
    }

    .admin-bar .container {
        /* top: 32px; */
    }

    body.admin-bar {
        padding-top: 32px;
    }

    body>.container {}

    body>.container>.content {
        max-width: 1440px;
        position: relative;
        /* left: 50%; */
        /* margin-left: -720px; */
    }

    header {
        z-index: 2;
    }

    header .logo {
        width: 250px;
        height: 85px;
        left: 0;
        top: 20px;
    }

    .menuToggle {
        right: 0;
        top: 20px;
    }

    .menuToggle i {
        width: 34px;
        height: 20px;
        background-position: 0 9px;
    }

    .menuToggle:before,
    .menuToggle:after {
        width: 34px;
    }

    .menuToggle:after {
        top: 18px;
    }

    #menu-menu-topo.subSel>li:nth-of-type(n+5)>a {
        opacity: 0.5;
    }

    #menu-menu-topo.subSel>li.active>a {
        opacity: 1;
    }

    header .social {
        top: 3px;
        right: 60px;
        padding: 0;
        width: 190px;
    }

    header .ingresso {
        right: 280px;
        width: 120px;
        height: 20px;
        top: 20px;
    }

    header .social:before {
        display: none;
    }

    header .social a {
        width: 30px;
        height: 30px;
    }

    header .social a[href*="flamengo.com.br"] {
        height: 36px;
        width: 30px;
        margin-top: -5px;
    }

    html.menuOpen .menu-container {
        background-image: url(imgs/bgMenuDesktop.jpg);
        /* background-size: contain; */
        background-position: bottom right;
        background-repeat: no-repeat;
        max-height: calc(100vh - var(--fla-header-height));
        overflow-y: scroll;
    }

    .menu-container .sub-menu {
        /* padding-left: 30px; */
        display: none;
        position: absolute;
        left: calc(50% - 150px);
        top: 15px;
        bottom: 0;
    }

    #menu-menu-topo .menu-item-has-children.active .sub-menu {
        display: flex;
        flex-direction: column;
        justify-content: center;
    }

    #menu-menu-topo .menu-item-has-children.active a:after {
        opacity: 1;
        left: 20px;
    }

    #menu-menu-topo a[href="#voltar"] {
        display: none;
    }

    .home .carrossel {
        height: 540px;
        flex-direction: row;
        background-size: initial;
    }

    .home .carrossel>* {
        width: 50%;
        height: 100%;
    }

    .home .carrossel .slide {
        height: 100%;
        width: 100%;
    }

    .home .carrossel .slide>img {
        /* width: 720px; */
        /* position: absolute; */
        right: 0;
        height: 540px;
    }

    .home .carrossel .slide>div {
        width: 100%;
        height: 540px;
        text-align: left;
        position: relative;
    }

    .home .carrossel .slide>div>* {
        max-width: 385px;
    }

    .home .carrossel .slide h3 {
        font-size: 32px;
        margin-bottom: 40px;
    }

    .home .carrossel .slide p {
        font-size: 24px;
    }

    .home .carrossel .slide a {
        margin: 20px 0;
        position: relative;
        left: calc(50% - 195px);
        font-size: 19px;
        margin-top: 40px;
    }

    .home .carrosselIMG:after {
        top: 330px;
        width: 100%;
        right: 0;
        height: 220px;
        background-size: cover;
        background-position: bottom;
    }

    .home .carrosselIMG:before {
        content: "";
        background-image: url("./trapezioHeaderSocial.svg");
        position: absolute;
        top: 0;
        right: 0;
        width: 100%;
        height: 100px;
        z-index: 1;
        background-repeat: no-repeat;
        mix-blend-mode: multiply;
        background-position: top right;
    }

    .carrossel .slick-dots {
        bottom: 40px;
        text-align: left;
        left: calc(25% - 15px);
    }

    .carrossel .slick-dots li {
        width: 25px;
        height: 8px;
    }

    .home .museuBox {
        max-width: 1100px;
        margin: 50px auto;
    }

    .home .museuBox h2 {
        font-size: 50px;
        line-height: 1.1;
    }

    .home .museuBox p {
        max-width: 790px;
        font-size: 25px;
        line-height: 34px;
    }

    .home .museuBox+.cards {
        display: flex;
        flex-direction: row;
        justify-content: center;
        background-image: url(imgs/museu_fisico-trapezio-desktop.svg);
        background-size: cover;
        padding: 0 20px;
        min-height: 440px;
    }

    .home .museuBox+.cards>div>div {
        width: 255px;
        height: 326px;
    }

    .home .museuBox.museu_fisico+.cards>div {
        display: flex;
        /* min-width: 530px; */
        padding-top: 50px;
        justify-content: center;
        gap: 20px;
    }

    .home .museuBox.museu_virtual+.cards {
        background-image: url(imgs/museu_virtual-trapezio-desktop.svg);
        background-position: top;
        background-size: cover;
        display: flex;
        align-items: flex-start;
        padding-top: 20px;
    }

    .home .museuBox+.cards>div {
        display: flex;
        justify-content: space-between;
        width: 1110px;
        min-height: 385px;
        flex-direction: row;
        align-items: flex-start;
    }

    .home .museuBox.museu_virtual+.cards>div>div {
        /* margin: 0; */
    }

    footer .patrocinio {
        padding: 100px 0;
    }

    footer .menu {
        margin-left: 170px;
    }

    footer .menu li {
        margin: 30px 15px 30px 0;
        font-size: 22px;
    }

    footer .copywrite {
        font-size: 21px;
        padding: 0;
    }

    .home .cards div,
    .cardBox>div {
        perspective: 1000px;
    }

    .home .cards a,
    .cardBox a {
        position: relative;
        transform-style: preserve-3d;
        transition: transform 0.5s;
    }

    .home .cards a b,
    .cardBox a b {
        backface-visibility: hidden;
    }

    .home .cards a:after,
    .cardBox a:after {
        content: "SAIBA\aMAIS";
        position: absolute;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        display: flex;
        justify-content: center;
        align-items: center;
        transform: rotateY(180deg);
        backface-visibility: hidden;
        background-image: url(imgs/flipCardBack.png);
        background-size: 100%;
        background-repeat: no-repeat;
    }

    .home .cards>div>div:hover a,
    .cultura.cardBox>div:hover a,
    .cardBox.std>div:hover a {
        transform: rotateY(180deg);
    }

    .lado_lado {
        min-height: 600px;
    }

    .lado_lado .texto {
        display: flex;
        align-items: flex-end;
        font-size: 24px;
        line-height: 34px;
    }

    .lado_lado>div {
        min-height: 600px;
        display: flex;
        flex-direction: column;
        width: 50%;
        justify-content: center;
        padding: 20px;
    }

    .lado_lado>div>div {
        max-width: 530px;
    }

    .lado_lado .categorias {
        display: flex;
        align-items: flex-start;
    }

    .tax-tipo-acervo .cabecalho {
        /* min-height: 590px; */
        padding: 110px 0 230px 0;
        background-position: left;
    }

    .tax-tipo-acervo .itens a {
        width: 255px;
        height: 250px;
        height: 315px;
        background-size: auto 250px;
    }

    .tax-tipo-acervo .cabecalho h1 {
        margin-left: 100px;
        margin-bottom: 40px;
    }

    .tax-tipo-acervo .cabecalho h1:before {
        position: absolute;
        left: -100px;
    }

    .acervoBox.single .item {
        padding-left: 40px;
    }

    .post-type-archive-herois .heroBox,
    .single-herois .heroBox,
    .single-personagem .heroBox {
        min-height: 575px;
        /* background-image: url(imgs/bgHerois.svg); */
        background-size: cover;
        position: relative;
        padding: 120px 170px;
        background-color: black;
    }

    .post-type-archive-herois .heroBox h1,
    .single-herois .heroBox h1,
    .single-personagem .heroBox h1 {
        font-size: 41px;
        padding-bottom: 15px;
        margin-bottom: 30px;
        max-width: 480px;
    }

    .post-type-archive-herois .heroBox .heroContent,
    .single-herois .heroBox .heroContent,
    .single-personagem .heroBox .heroContent {
        max-width: 540px;
        font-size: 24px;
        line-height: 1.4;
    }

    .post-type-archive-herois .heroBox img,
    .single-herois .heroBox img,
    .single-personagem .heroBox img {
        position: absolute;
        top: 70px;
        right: 140px;
        width: 575px;
        z-index: 1;
    }

    .single-herois .heroBox img,
    .single-personagem .heroBox img {
        bottom: 70px;
        margin: auto;
    }

    .post-type-archive-herois .heroBox .botao,
    .post-type-archive-mais_esportes .lado_lado .botao,
    .post-type-archive-presidente .lado_lado .botao,
    .vejaLista {
        display: none;
    }

    .fullWidth {
        padding-left: 170px;
        padding-right: 170px;
        max-width: 1440px;
    }

    .listNamesAlphabet {
        background: black;
    }

    .listNamesAlphabet li {
        border-bottom: 1px solid white;
        opacity: 0.5;
    }

    .listNamesAlphabet li:hover {
        opacity: 1;
    }

    .listNamesAlphabet a {
        color: white;
        text-decoration: none;
        font-size: 24px;
    }

    .listNamesAlphabet li {
        display: none;
    }

    .listNamesAlphabet ul[data-letter-block="A-H"] li[data-letter-block="A-H"],
    .listNamesAlphabet ul[data-letter-block="I-P"] li[data-letter-block="I-P"],
    .listNamesAlphabet ul[data-letter-block="Q-Z"] li[data-letter-block="Q-Z"] {
        display: list-item;
    }

    .listNamesAlphabet ul {
        display: block;
        display: grid;
        grid-template-columns: 1fr 1fr;
        padding: 70px 0;
        gap: 15px 30px;
    }

    .letterBarVertical {
        display: none;
    }

    .colunas {
        display: flex;
        gap: 60px;
    }

    .colunas>* {
        flex: 1 1 50%;
    }

    .single-herois .content:before,
    .single-personagem .content:before,
    .single-cultura .content.personalidades:before {
        content: "";
        position: absolute;
        top: 0;
        width: 840px;
        height: 100%;
        background-image: url(imgs/diagonalVermelha.svg);
        right: -3px;
        background-repeat: no-repeat;
        z-index: 1;
        pointer-events: none;
    }

    .post-type-archive-lugares-historicos .hero,
    .single-lugares-historicos .hero {
        min-height: 700px;
        padding-top: 125px;
        font-size: 24px;
    }

    .post-type-archive-lugares-historicos .hero .texto,
    .single-lugares-historicos .hero .texto {
        max-width: 565px;
    }

    .titulo-grande h1 {
        font-size: 40px;
        padding-bottom: 5px;
        margin-bottom: 25px;
    }

    .linksLugares .mansory {
        display: grid;
        grid-template-columns: 1fr 1fr 1fr;
        gap: 20px;
        align-items: start;
        top: -180px;
        position: relative;
    }

    .linksLugares .mansory a {
        height: 270px;
        width: 350px;
        background-size: cover;
        background-position: center center;
        display: block;
        position: relative;
        display: flex;
        align-items: center;
        justify-content: center;

    }

    .linksLugares .mansory a:before {
        content: "";
        background-image: url(imgs/crfOverlay.png);
        background-size: cover;
        position: absolute;
        left: 0;
        bottom: 0;
        right: 0;
        top: 0;
        opacity: 0;
        transition: 0.3s all;
    }

    .linksLugares .mansory a:after {
        content: attr(title);
        position: absolute;
        color: white;
        text-transform: uppercase;
        text-align: center;
        width: 85%;
        font-weight: bold;
        font-size: 20px;
        border-bottom: 1px solid white;
        padding-bottom: 7px;
        opacity: 0;
        transition: 0.3s all;
    }

    .linksLugares .mansory a:hover:after,
    .linksLugares .mansory a:hover:before {
        opacity: 1;
    }

    .tax-tipo-cultura .heroBox {
        min-height: 550px;
    }

    .content.personalidades>.carrossel {
        z-index: 1;
    }

    .single-mais_esportes .content:after {
        content: "";
        display: block;
        height: 110px;
        background-image: linear-gradient(90deg, #a81c15 50%, #bc2a20 50%);
    }

    .fullWidth.min-padding {
        padding-top: 50px;
        padding-bottom: 120px;
    }


    .page-template-template-curadoria .blocks .block {
        max-width: 1100px;
        margin: auto;
        align-items: center;
    }

    .page-template-template-curadoria .blocks .block .img {
        width: 550px;
        margin-right: 2%;
        height: 330px;
        flex: 0 0 550px;
        /* filter: drop-shadow(0 0 10px rgb(0 0 0 / 50%)); */
        display: flex;
    }

    .page-template-template-hinos .lado_lado {
        background-image: url(imgs/hinos.jpg);
        background-size: cover;
        min-height: 400px;
    }

    .page-template-template-hinos .lado_lado>div {
        min-height: 400px;
    }

    .page-template-template-hinos .txt {
        background-image: url(imgs/hinos.svg);
        background-size: cover;
        padding-top: 100px;
        padding-bottom: 100px;
        font-size: 120%;
    }

    .tax-tipo-personagem .lado_lado .botao {
        display: none;
    }

    .tax-tipo-personagem.term-basquete .lado_lado {
        background-image: url(imgs/idolos-basquete.jpg);
    }

    .tax-tipo-personagem.term-futebol .lado_lado {
        background-image: url(imgs/idolos-futebol.jpg);
    }

    .tax-tipo-personagem.term-remo .lado_lado {
        background-image: url(imgs/idolos-remo.jpg);
    }


    .post-type-archive-manto-sagrado .lado_lado {
        background-image: url(imgs/manto-sagrado.jpg);
        background-size: cover;
        background-position: center;
    }

    .post-type-archive-manto-sagrado .manto {
        background-image: url(imgs/manto-sagrado-camisa-bg.svg);
        background-size: cover;
        background-position: center;
        min-height: 800px;
        position: relative;
        /* display: flex; */
        align-items: center;
        /* width: 100%; */
    }

    .post-type-archive-manto-sagrado .manto .carrossel {
        --height: 800px;
        height: var(--height);
    }

    .post-type-archive-manto-sagrado .manto button {
        filter: invert(1);
    }

    .post-type-archive-manto-sagrado .manto figure {
        width: 600px;
        height: 600px;
        display: flex;
        align-items: center;
        justify-content: center;
        position: absolute;
        left: 250px;
        top: 0;
        /* border: 1px solid; */
    }

    .post-type-archive-manto-sagrado .manto img {
        width: auto;
        width: 600px;
        height: auto;
        height: 600px;
        max-width: 600px;
        max-height: 600px;
        object-fit: contain;
        /* border: 1px solid; */
    }

    .post-type-archive-manto-sagrado .manto h3 {
        font-size: 110px;
        width: 290px;
        overflow-wrap: break-word;
        line-height: 505px;
        text-align: left;
        position: absolute;
        left: 10px;
        top: 100px;
    }

    .post-type-archive-manto-sagrado .manto .slick-slide {
        /* display: flex; */
        position: relative;
        height: 600px;
        align-items: end;
        /* padding-left: 20px; */
        /* border: 1px solid; */
    }

    .post-type-archive-manto-sagrado .manto .slick-slide div {
        position: absolute;
        bottom: 0;
        right: 0;
        width: 250px;
    }

    .post-type-archive-noticias .lado_lado {
        background-image: url(imgs/noticias.jpg);
        background-size: cover;
        background-position: center;
        min-height: 300px;
    }

    .banner-fla {
        aspect-ratio: var(--ratio);
        min-height: 300px;
        /* padding-top: 70px; */
    }

    .banner-fla h1 {
        font-size: 40px;
    }

    .post-type-archive-noticias .posts {
        padding-top: 40px;
        padding-bottom: 40px;
    }

    .page-template-template-patrimonio .lado_lado .texto {
        align-items: normal;
        padding-left: 170px;
    }

    .page-template-template-patrimonio .lado_lado,
    .page-template-template-patrimonio .lado_lado>div {
        min-height: 400px;
    }

    .page-template-template-patrimonio .lado_lado.empty {
        min-height: 200px;
        padding-top: 80px;
    }

    .page-template-template-patrimonio .lado_lado.empty>div {
        min-height: 200px;
    }

    .page-template-template-patrimonio .fullWidth.missao>div {
        max-width: 960px;
        padding-left: 100px;
        padding-bottom: 200px;
    }

    .page-template-template-patrimonio .fullWidth.txt>div {
        max-width: 960px;
    }

    .page-template-template-patrimonio .fullWidth.txt>div,
    .page-template-template-patrimonio .fullWidth.missao>div {
        font-size: 160%;
    }

    .page-template-template-patrimonio .fullWidth.txt {
        padding-top: 30px;
        padding-bottom: 30px;
        position: relative;
        top: -150px;
        left: 100px;
    }

    .fullWidth.stdCnt.txt {
        padding-top: 50px;
        padding-bottom: 50px;
    }

    .single-presidente .carrossel {
        height: 530px;
        width: 530px;
    }

    .page-template-template-simbolos .hero {
        background-image: url(imgs/simbolos.jpg);
    }

    .parent-simbolos.page-child .fullWidth.stdCnt,
    .page-template-default .diagonal_fundo_cinza {
        background-image: url(imgs/simbolos-bg.svg);
        background-size: cover;
    }

    .page-escudos h1,
    .page-mascotes h1 {
        border-color: black;
    }

    .page-bandeiras h1,
    .page-padroeiro h1 {
        color: #9d7f4e;
    }

    .titulos-posts .titulo .ficha {
        margin-left: -170px;
        margin-right: -170px;
        padding: 50px 170px;
        position: relative;
        min-height: 450px;
    }

    .page-template-template-torcidas .hero {
        height: 960px;
        padding-top: 150px;
        font-size: 145%;
        line-height: 1.2;
    }

    .page-template-template-torcidas .cardBox {
        padding-bottom: 140px;
        padding-top: 50px;
        max-width: 900px;
        margin: auto;
    }

    .page-template-template-torcida-individual .carrossel .slick-prev,
    .page-template-template-torcida-individual .carrossel .slick-next,
    .single-linha-do-tempo .eventos .gallery .slick-arrow {
        filter: invert(16%) sepia(73%) saturate(3477%) hue-rotate(352deg) brightness(90%) contrast(130%);
    }

    .page-template-template-torcida-individual .listaTorcidas {
        padding: 70px 0;
        margin: auto;
    }

    .page-template-template-torcida-individual .listaTorcidas section {
        break-inside: avoid;
    }

    .page-template-template-torcida-individual .listaTorcidas article {
        font-size: 85%;
        margin-right: 20px;
    }

    .single-linha-do-tempo .eventos article {
        display: flex;
        gap: 50px;
    }

    .single-linha-do-tempo .eventos article section {
        /* display: flex; */
        gap: 50px;
        align-items: center;
    }

    .single-linha-do-tempo .eventos .txt {
        flex-basis: 520px;
        font-size: 120%;
    }

    .single-linha-do-tempo .eventos .featured_img {
        max-width: 550px;
        position: relative;
    }

    .single-linha-do-tempo .eventos .featured_img img {
        display: block;
        margin: auto;
        /* width: auto; */
        /* height: auto; */
    }

    .single-linha-do-tempo .eventos .featured_img:before {
        content: "";
        background-image: url(imgs/tl-arrow.svg);
        display: block;
        width: 270px;
        height: 80px;
        background-size: 100%;
        background-repeat: no-repeat;
        margin: 20px 0;
        /* position: absolute; */
        /* top: -120px; */
    }

    .single-linha-do-tempo .eventos .featured_img:after {
        content: "";
        background-image: url(imgs/tl-arrow-bottom.svg);
        display: block;
        width: 495px;
        height: 15px;
        background-size: 100%;
        background-repeat: no-repeat;
        margin: 20px auto;
    }

    /* SlickJS onload fix */
    .single-acervo .item .carrossel {
        width: 530px;
    }

    .post-type-archive-manto-sagrado .cardBox {
        padding-bottom: 50px;
        padding-top: 50px;
        max-width: 650px;
        margin: auto;
    }

    .single-cultura .content.personalidades .carrossel+.sobre,
    .infoBox {
        min-height: 700px;
    }

    .single-linha-do-tempo .eventos .tl-control.bottom {
        text-decoration: none;
        justify-content: center;
    }

    .single-linha-do-tempo .eventos .tl-control.bottom a {
        text-decoration: none;
    }

    .single-linha-do-tempo .eventos .tl-control.bottom .anterior,
    .single-linha-do-tempo .eventos .tl-control.bottom .proximo {
        display: none;
    }

}


/* Large screens */
@media (min-width: 1400px) {

    .single-cultura .content>.carrossel {
        right: 200px;
    }

    .tax-tipo-titulo .lado_lado .texto {
        padding-left: 170px;
    }

    .titulos-posts .titulo .ficha {
        display: flex;
        justify-content: space-between;
    }

    .titulos-posts .titulo .ficha .txt {
        width: 480px;
    }

    .titulos-posts .titulo .ficha .carrossel {
        width: 550px;
        height: 510px;
        position: absolute;
        right: 170px;
        top: -30px;
        /* background: black; */
    }

    .titulos-posts .titulo .ficha .slick-slide {
        height: 510px;
        display: flex;
    }

    .titulos-posts .ficha .slick-slide img {
        max-width: 540px;
        max-height: 510px;
    }

    .titulos-posts .titulo .sobre_titulo {
        display: flex;
        gap: 30px;
    }

    .titulos-posts .titulo .sobre_titulo .video iframe {
        width: 550px;
        height: 400px;
    }

    .listaTitulos a {
        width: 300px;
    }

    body[data-tipo=pagina-gavea] .dados-museu .local {
        display: flex;
        margin: 120px 0;
        font-size: 22px;
        max-width: 1024px;
        justify-content: space-between;
    }

    body[data-tipo=pagina-gavea] .titulos-circulo>h3 {
        margin-top: 50px;
    }

    .page-template-template-tour-gavea .conheca-acervo {
        display: flex;
        justify-content: space-between;
    }

}