/*  ———————————————————————————————————————————————— Monitor grande ———————————————————————————————————————————————— */
@media screen and (min-width: 1690px) {


    .year-button {
        display: block;
        font-size: 36px;

    }


    #historialYears {
        float: inline-start;
        display: inline-block;
        vertical-align: top;
        margin-top: -245px;
        margin-left: 250px;
        position: sticky;
        top: 115px;
        margin-bottom: 150px;
    }


    .homepageIntro h1 {
        font-size: 180px;
    }

    .homepageIntro h1 span {
        border-top: 20px solid #B41E24;
        padding: 0px 720px;
    }

    .content404 img {
        width: 500px;
    }

    .pageContent,
    .menuUL,
    .footerWidth {
        width: 1590px;
    }

    .coralistasContainer {
        grid-template-columns: repeat(8, 1fr);
    }

    .twoColumnImage {
        width: 770px;
    }

    .texto {
        width: calc(1590px - 820px);
    }

    .reconhecimentoTexto {
        width: calc(100% - 80px);
    }

    .audicoesImg {
        width: 975px;
    }

    #agendaContainer {
        width: 1435px;
    }

    .patrocinios img,
    .parcerias img {
        width: 187px;
    }

    #historialContainer {
        width: 1175px;
        margin-left: 415px;
        margin-top: -245px;
        display: block!important;
    }

    .historialTitle,
    .historialDesc {
        max-width: 1000px;
    }

    .galleryContainer,
    .destaqueContainer {
        column-count: 4;
    }


    .contactosLocation iframe {
        width: 770px;
        height: 500px;
    }

    .contactosInfoContainer iframe {
        height: 850px;
        /* object-fit: cover; */
    }

    .DVDs {
        grid-template-columns: repeat(8, 1fr);
    }

    .DVDs .example-image {
        margin-bottom: 0px;
    }

    .homepageInfo {
        width: 1590px;
    }

    .homepageInfoContact img {
        width: 770px;
    }

    .homepageVideos {
        width: 1590px;
        padding: calc((100vw - 1590px) / 2);
    }

    .homepageVideoBlock {
        width: 100%;
    }

    .homepageVideos iframe {
        height: 290px;
    }

}



@media screen and (max-width: 1690px) and (min-width: 1280px) {
    .year-button {
        font-size: 30px;
    }
}

/*  ———————————————————————————————————————————————— Portáteis pequenos ———————————————————————————————————————————————— */
@media screen and (max-width: 1279px) and (min-width: 1075px) {

    .homepageInfoBlock{
        height: 300px;
    }
    
    .menuItem{
        margin: 0px 8px;
    }

    .vinteAnosImg{
        width: 360px;
    }
    .vinteAnosInfo{
        width: calc(100% - 410px);
    }

    h2 {
        font-size: 28px;
    }

    .pageContent,
    .menuUL,
    .footerWidth {
        width: 975px;
    }

    .episodio {
        width: calc(970px / 2);
    }

    .imagemCoralista {
        height: 145px;
    }


    .audicoesImg {
        width: 590px;
    }

    #agendaContainer {
        width: 820px;
    }

    .galleryContainer {
        column-gap: 20px;
        column-count: 2;
        width: 100% !important;
    }

    .imageBlock img {
        margin-bottom: 20px;
    }

    .destaqueContainer {
        column-count: 2;
    }


    .twoColumnImage,
    .twoColumnContent .texto,
    .reconhecimentoList {
        width: 463px;
    }

    #historialYears {
        margin-left: 170px;
    }

    #historialContainer {
        width: 805px;
        margin-top: -110px;
        margin-left: 170px;
    }

    .historialTitle,
    .historialDesc {
        max-width: calc(100% - 170px);
    }


    .galleryContainer iframe {
        width: 100%;
        height: auto;
        margin-bottom: 20px;
    }


    .galleryContainer iframe {
        height: 230px;
    }

    .contactosLocation iframe {
        width: 463px;
        height: 293px;
    }

    .DVDs {
        grid-template-columns: repeat(4, 1fr);
    }

    .DVDs .example-image {
        height: 280px;
    }

    .homepageVideos {
        width: 975px;
        padding: calc((100vw - 975px) / 2);
    }

    .homepageVideos iframe {
        width: 100%;
        height: 160px;
    }

    .homepageInfo {
        width: 975px;
    }

    .homepageInfoContact img,
    iframe {
        width: calc((975px - 50px)/2);
    }
}



/*  ———————————————————————————————————————————————— Tablet grande ———————————————————————————————————————————————— */

@media screen and (max-width: 1074px) and (min-width: 819px) {
    #galeriaDropDown{
        width: 99px!important;
    }

    .homepageInfoBlock{
        height: 300px;
    }
    
    .historialTitle, .historialDesc{
        max-width: 70%;
    }
    
    .cvID {
        display: inline-block;
        vertical-align: top;
        width: calc(100% - 210px);
    }

    .cv{
        float: right;
        position: absolute;
        left: 0;
        margin-top: -10px;
    }

    .vinteAnosImg{
        height: fit-content;
        width: 360px;
    }
    .vinteAnosInfo{
        width: calc(100% - 410px);
    }

    .menuItem a::after {
        /* bottom: 1px; */
    }

    .homepageIntro {
        height: 70vh;
    }

    .homepageIntro h1 {
        font-size: 100px;
        top: 30%;
    }

    .homepageIntro h1 span {
        padding: 0px 320px
    }

    .homepageQuote{
        margin-top: calc(70vh + 80px);
    }

    .content404 img {
        width: 230px;
    }

    .pageContent,
    .menuUL,
    .footerWidth {
        width: 770px;
    }

    .menuItem,
    .menuItem a,
    .menuItem a:visited {
        margin: 0px 4px;
        font-size: 16px!important;
    }

    .menuActive::after{
        bottom: -2px !important;
    }

    .episodio {
        width: calc(970px / 2);
    }

    .imagemCoralista {
        height: 145px;
    }

    /* .chefeDeNaipeBanner {
        width: 145px;
    } */


    .audicoesImg {
        width: 590px;
    }

    #agendaContainer {
        width: 615px;
    }

    .galleryContainer {
        column-gap: 20px;
    }



    .twoColumnImage,
    .twoColumnContent .texto,
    .reconhecimentoList {
        width: 100%;
        height: 310px;
        object-fit: cover;
        margin-left: 0;
        margin-top: 30px;
    }

    .twoColumnImage{
        margin-top: 0px;
    }

    .reconhecimentoList {
        height: 480px;
    }

    .reconhecimentoTexto {
        width: calc(100% - 79px);
    }

    h2 {
        font-size: 28px;
        margin-bottom: 20px;
    }

    .coralistasContainer {
        grid-template-columns: repeat(4, 1fr);
    }

    .imagemCoralista {
        height: 180px;
    }

    .destaqueContainer {
        column-count: 2;
    }


    .audicoesContainer {
        display: grid;
    }

    .audicoesImg {
        width: 100%;
        margin-bottom: 50px;
        grid-row: 1;
    }

    .audicoesContent div {
        padding-right: 0;
        padding-top: 0;
    }

    .audicoesContent {
        display: flex;
        gap: 50px;
        width: 100%;
    }

    .audicoesContent div:last-of-type {
        width: 210px;
    }


    .cocContent {
        vertical-align: top;
        position: relative;
        height: 130px;
        /* margin-left: 15px; */
        margin-top: 10px;
        display: block;
        margin-left: 0px;
        height: 120px;
    }

    .episodio {
        width: calc((100%) / 2 - 33px);

    }

    .episodio:nth-child(odd) {
        margin-right: 62px;
    }

    .COCthumbnail {
        width: 100%;
        height: 200px;
    }

    h3 {
        font-size: 30px;
    }

    .episodio {
        margin-bottom: 50px;
    }

    .newTabCOC {
        top: 5px;
        right: 10px;
    }

    .year-button {
        display: inline-block;
        margin: 0px 10px 20px 0px;
        width: 74px;
        text-align: center;
    }



    #historialYears {
        display: inline-block;
        margin-left: 160px;
        margin-top: -260px;
        width: 615px;
        background-color: #FFF8EF !important;
        z-index: 1;
    }

    #historialContainer {
        width: 610px;
        margin-top: -80px;
        margin-left: 160px;
    }

    .historialTitle,
    .historialDesc {
        max-width: 440px;
    }

    .galleryContainer {
        column-count: 2;
    }

    .imageBlock {
        margin-bottom: -30px;
    }

    .galleryContainer iframe {
        height: 170px;
        margin-bottom: 15px;
    }

    .contactosLocation iframe {
        width: 360px;
    }

    .DVDs {
        grid-template-columns: repeat(4, 1fr);

    }

    .DVDs .example-image {
        height: 200px;
        /* margin-bottom: 25px; */
    }

    .homepageInfo {
        width: 770px;
    }

    .homepageInfoContact img {
        width: calc((770px - 50px)/2);
    }

    .homepageVideos {
        column-count: 2;
        width: 770px;
        padding: calc((100vw - 770px) / 2);
    }

    h3 {
        font-size: 25px;
    }
}


/*  ———————————————————————————————————————————————— Tablet Pequeno & Telemóveis Grandes ———————————————————————————————————————————————— */
@media screen and (max-width: 818px) and (min-width: 600px) {


    .homepageInfoBlock{
        height: 390px;
    }

    .historialTitle, .historialDesc {
        max-width: calc(100% - 170px);
    }


    .cvIntro{
        margin-top: 40px;
    }

    .cvSubtitle{
        margin-top: auto;
        margin-bottom: 0px;
    }
    
    h1 {
        font-size: 35px !important;
    }
    
    .homepageIntro h1{
        font-size: 65px !important;
    }
    
    .patrocinios img, .parcerias img {
            width: calc((100% - 120px) / 3);
    }

    .menuItem a::after {
        bottom: 1px;
    }

    .homepageImageSeparator {
        height: 250px;
    }

    .homepageVideos {
        width: 100%;
        column-count: 1;
        padding-top: 50px;
    }

    .homepageInfoContact img{
        width: calc((100% - 40px) / 2);
    }

    .homepageVideoBlock{
        width: calc(100% - 40px);
    margin: auto;
    margin-bottom: 50px;
    }

    .pageContent,
    .menuUL,
    .footerWidth {
        width: calc(100% - 50px);
    }


    .hideMobile {
        width: calc(100% - 50px);
    }


    .DVDs {
        grid-template-columns: repeat(4, 1fr);
        gap: 30px;
    }

    .footerLink {
        margin: 0px 14px;
    }


    .direcaoBlockGroup {
        column-gap: 30px;
    }

    .direcaoBlock {
        margin-bottom: 30px;
    }

    .blockRightContent {
        margin-left: 20px;
        width: 120px;
    }

    .vozContainer h2 {
        font-size: 26px;
        font-size: 3.5vw;
    }

    .episodio {
        width: calc((100% / 2) - 17px);
        /* margin-right: 30px; */
    }

    .containerTemporadasCoc>.temporada1:nth-child(odd),
    .containerTemporadasCoc>.temporada2:nth-child(even),
    .containerTemporadasCoc>.temporada3:nth-child(even) {
        margin-right: 30px;
    }

    .COCthumbnail {
        width: 100%;
        height: 180px;
    }

    .cocContent {
        margin-left: 0;
        margin-top: 10px;
    }






    .galleryContainer {
        column-count: 2;
        column-gap: 30px;
    }

    .example-image,
    .galleryContainer iframe {
        margin-bottom: 30px;
        height: 200px;
    }

    .destaqueContainer {
        column-count: 2;
        column-gap: 30px;
    }

    .homepageIntro h1 span {
        padding: 0px 200px;
    }

    .homepageQuote {
        width: calc(100% - 50px);
        margin-top: calc(100vh + 80px)!important;
        margin: 40px auto;
    }

    .homepageInfo {
        width: calc(100% - 50px);
    }

    .homepageInfoContainer,
    .homepageInfoContact {
        column-gap: 30px;
        margin-top: 30px;
    }

    .homepageVideos iframe {
        height: 200px;
    }

    .coralistasContainer {
        grid-template-columns: repeat(4, 1fr);
    }


}





/*  ———————————————————————————————————————————————— MOBILE ———————————————————————————————————————————————— */
@media screen and (max-width: 599px) {


    .vinteAnosImg{
        width: 100%!important;
    }
    
    .vinteAnosInfoColumn{
        text-align: center;
        break-inside: avoid;
    }

    .vinteContainer {
        display: flex
    ;
        gap: 50px;
        flex-direction: column-reverse;
    }
    .cvID .cv {
        margin-top: 30px;
    }

    .direcaoBlock{
        height: 70vw;
        margin: auto;
    }

    .coralistasDropDownArrow{
        width: 30px;
    }

    .blockSubTitle{
        margin-bottom: 0;
    }

    .straightLineContainer {
        margin-bottom: 20px!important;
    }

   

    .cv{
        margin-top: 0;
    }

    .backArrow{
        /* display: none; */
    }

    .cvPage{
        margin-top: 150px;
    }

    .cvH1{
        font-size: 5vw!important;
    }
.cvID{
    width: calc(100% - 180px);
}

    .cvImage{
        width: 150px;
    }

    .cvIntro{
        /* margin-top: 40px; */
    }

    .cvSubtitle{
        margin-top: auto;
        margin-bottom: 0px;
    }


    .riderContent {
        column-count: 1;
    }

    .contactosLocation iframe {
        width: 100%;
    }

    .contactosPage p {
        font-size: 3.5vw;
    }

    .contactosNome{
        font-size: 20px!important;
    }

    .contactosLocation,
    .contactosInfoContainer {
        display: flex;
        flex-direction: row;
        gap: 20px;
        flex-direction: column;
        margin-top: 50px;
    }

    .socioByYear h2 {
        width: auto;
        min-width: 105px;
    }


    .destaqueContainer {
        column-count: 1;
    }

    .menuItem a::after {
        background: transparent;
    }

    .homepageIntro h1 {
        font-size: 15vw !important;
        text-align: center;
        margin: auto;
        line-height: 15vw;
    }

    .homepageIntro h1 span {
        padding: 0 30px;
    }

    .homepageQuote {
        width: calc(100% - 40px);
        margin: 50px auto;
        margin-top: calc(100vh + 50px);
    }

    .homepageInfo {
        width: calc(100% - 40px);
    }

    .homepageInfoContainer,
    .homepageInfoContact {
        display: block;
        margin-top: 20px;
    }

    .homepageInfoContact iframe {
        width: 100%;
    }

    .homepageInfoBlock {
        margin-bottom: 20px;
        height: auto;
        text-align: end;
    }

    .homepageInfoContact img {
        display: none;
    }

    .homepageInfoBlock a{
        display: inline-block;
        position: relative;
        bottom: auto;
        margin-bottom: 30px;
    }

    .homepageInfoBlock p{
        text-align: left;
    }

    .historialTitle {
        max-width: calc(100% - 170px);
        margin-bottom: 10px;
    }

    .historialDesc {
        max-width: 100%;
    }

    .pageContent,
    .menuUL,
    .footerWidth {
        width: calc(100% - 40px);
    }

    .hideMobile {
        width: calc(100% - 40px);
    }

 

    .before-overlay {
        position: sticky;
        top: 141px;
        left: 20px;
        width: calc(100vw - 40px);
        height: 55px;
        background: #FFF8EF;
        z-index: 1;
    }

    /* .mobileYearsHistorial::before {
        content: "";
        position: absolute;
        background-color: #FFF8EF;
        opacity: 1;
        width: calc(100vw - 40px);
        height: 65px;
        transition: 250ms;
        z-index: -1;
    }

    .mobileYearsHistorial.hide-before::before {
        opacity: 0;
    } */

   

    .DVDs {
        grid-template-columns: repeat(2, 1fr);
        gap: 20px;
    }

    .homepageInfoContact img,
    iframe {
        width: calc((100% - 30px) / 2);
        height: 480px;
    }

    .homepageVideos {
        padding: 20px;
        width: calc(100% - 40px);
        column-count: 1;
        gap: 30px;
        padding-top: 40px;
    }

    .homepageVideoBlock {
        margin-bottom: 50px;
    }

    .DVDs .example-image {
        margin-bottom: -4px;
        height: 50vw;
    }

    .direcaoBlockGroup {
        column-gap: 20px;
        margin-bottom: 10px;
    }

    .direcaoBlock {
        display: block;
        height: 300px;
    }

    .blockImage {
        width: calc((100vw - 60px) / 2) !important;
        height: calc((100vw - 60px) / 2) !important;
        object-fit: COVER;
    }

    .blockRightContent {
        margin-left: 0;
        margin-top: 10px;
    }

    .straightLineContainer h2,
    .straightLineContainer h2 span {
        font-size: 28px;
    }

    .vozContainer h2 {
        font-size: 28px;
    }

    .vozContainer h2 span {
        font-size: 18px;
    }

    .coralistasSubTituloVoz {
        vertical-align: middle;
        line-height: 35px;
    }

    .vozContainer,
    .straightLineContainer {
        margin-bottom: 30px;
    }

    .straightLineContainer {
        margin-bottom: 20px;
    }

    .episodio {
        width: 100%;
        padding-bottom: 40px;
        margin-bottom: 20px;
    }

    .temporada1,
    .temporada2,
    .temporada3 {
        border-bottom: 3px solid #B41E24;
    }


    .COCthumbnail {
        height: auto;
        width: 100%;
    }

    .cocContent {
        margin-left: 0;
        margin-top: 15px;
        width: 100%;
        height: 90px;
    }

    .nomesCOC {
        font-size: 14px;
        width: 100%;
        display: flex;
    }

    .vozContainer h2 span {
        font-size: 14px;
        display: block;
        width: 10px;
    }

    .vozContainer h2 {
        line-height: 10px;
        padding-top: 30px;
    }

    .vozContainer,
    .straightLineContainer {
        margin-bottom: 0px;
    }

    .cocButtons button {
        padding: 0;
        font-size: 3.7vw;
        margin-right: 8px;
    }

    .cocButtons {
        margin-top: 20px;
        margin-bottom: -40px;
        background-color: #FFF8EF;
        position: sticky;
        top: 80px;
        padding: 30px 0px;
        z-index: 1;
        text-align: center;
        display: flex;
        /* text-align: center; */
        /* align-items: center; */
        justify-content: center;
    }


    .coralistasContainer {
        grid-template-columns: repeat(2, 1fr);
        margin-top: 30px;
        margin-bottom: 0px;
    }

    .imagemCoralista {
        height: auto;
    }

    .audicoesContent {
        display: block;
    }

    .audicoesContent div {
        margin-bottom: 20px;
    }

    .footerWidth ul {
        display: block;
    }

    .footerLink {
        margin-left: 0;
        margin-bottom: 30px;
    }

    .footerRightSide {
        text-align: end;
    }

    .socialMedia {
        gap: 30px;
    }

    .socialMedia a img {
        height: 35px;
    }

    .footerWidth {
        align-items: normal;
    }

    .footerRightSide {
        display: block;
        position: relative;
    }

    .coroLogoFooter {
        position: absolute;
        right: 0;
        bottom: 0;
        height: 90px !important;
    }

    .galleryContainer {
        column-count: 1;
        column-gap: 20px;
    }

    .example-image {
        margin-bottom: 20px;
        height: 180px;
    }

    .galleryContainer iframe {
        height: 250px;
        margin-bottom: 18px;
    }

    .cell {
        padding: 15px 10px;
        font-size: 14px;
        line-height: 17px;
    }

    #concertTable .cell:nth-of-type(1) {
        width: 100px;
    }

    #concertTable .cell:nth-of-type(3) {
        /* width: 200px; */
    }

    #agendaContainer {
        width: 100%;
    }

    tr:first-of-type>td {
        font-size: 3vw;
    }


    .sideMenu a {
        margin: 0 2%;
    }


  

    .patrocinios,
    .parcerias {
        column-count: 2;
        gap: 50px;
        margin: 50px 0px 80px 0;
    }

    .cmvLogo {
        width: 100%;
    }

    .patrocinios img,
    .parcerias img {
        margin-bottom: 50px !important;
        width: 100%;
        margin: 0;
    }
}





/*  ———————————————————————————————————————————————— MENU HOVER ———————————————————————————————————————————————— */
@media screen and (min-width: 818px) {

    nav>ul>li:hover .dropdownItemList,
    nav>ul>li a:focus-within+ul {
        display: block !important;
    }

}




/*  ———————————————————————————————————————————————— GLOBAL tablet and phone ———————————————————————————————————————————————— */

@media screen and (max-width: 818px) {
    .navbar>ul {
        /* display: none; */

    }

    .year-button:first-of-type{
        padding-top: 5px;
    }

    .blackout {
        position: fixed;
        top: 0;
        left: 0;
        width: 100vw;
        height: 100vh;
        background-color: black;
        opacity: 0.6;
        z-index: 2;
    }


    .year-button {
        width: auto;
        display: block;
        padding: 7px 25px;
        font-size: 22px;
        border: 2px solid #B41E24;
        opacity: 1;
        color: rgba(0, 0, 0, 0.1);
        margin: -1px;
    }

    .year-button:hover {
        background-color: #B41E24;
        color: rgba(255, 255, 255, 1);
    }

    #submenu {
        width: 100%;
        background-color: #FFF8EF;
        position: absolute;
        z-index: 3;
        height: auto;
        max-height: 100vw;
        overflow-x: hidden;
        overflow-y: scroll;
    }

    .mobileYearsHistorial {
        display: block;
        z-index: 3;
        position: relative;
        width: fit-content;
        position: sticky;
        top: 143px;
    }




    .dropDownArrowYears {
        width: 23px;
        /* float: right; */
        /* margin-top: 10px; */
        line-height: 60px;
        vertical-align: middle;
    }

    #about-button:hover {
        background-color: #B41E24;
        color: #FFF8EF;
    }

    #about-button[aria-expanded="true"]::after {

        /* content: "▲"; Arrow up to indicate expanded */

    }

    #about-button[aria-expanded="false"]::after {

        content: "";
        /* Arrow down to indicate collapsed */

    }

    ⇵ #submenu[hidden] {

        display: none;

    }

    #about-button {
        background-color: transparent;
        border: 2px solid #B41E24;
        color: #B41E24;
        font-family: 'LexendDeca Bold';
        padding: 5px 10px;
        font-size: 22px;
        background-color: #FFF8EF;
        width: auto;
        display: block;
        margin-left: -1px;
    }

 #historialYears {
        display: none;
    }


    .vinteAnosImg{
        display: block;
        width: 50%;
        height: fit-content;
    }
    
    .vinteAnosInfo{
        width: auto;
    }
   

    .newTabCOC {
        right: 0;
    }

    #coc2 {
        margin: 0 5vw;
    }

    .nomesCOC li {
        width: 100%;
    }

    .lb-nav a.lb-prev {
        opacity: 0.5;
    }


    .lb-nav a.lb-next {
        opacity: 0.5;
    }

    .navbar {
        z-index: 4;
    }

    .menuIn {
        animation: menuIn 1000ms forwards;

    }

    @keyframes menuIn {
        0% {
            top: calc(-100vh - 10px);
            opacity: 0;
        }

        100% {
            top: 0vh;
            opacity: 1;
        }
    }


    .menuOut {
        animation: menuOut 1000ms forwards;

    }

    @keyframes menuOut {
        0% {
            top: 0vh;
            opacity: 1;
        }

        100% {
            top: calc(-100vh - 10px);
            opacity: 0;
        }
    }





    .menuUL {
        background-color: #010C20;
        height: 100vh;
        position: fixed;
        top: calc(-100vh - 10px);
        left: 0;
        width: 100vw !important;
        transition: 0ms;
        padding-top: 10px;
    }

    .menuLogo a {
        padding: 22px 25px 17px 20px;
    }

    .menuItem {
        display: block !important;
        text-align: left;
        float: none;
        /* padding: 15px 25px; */
        /* border-bottom: 1px solid white; */
        margin: 0;
    }

    .menuItem,
    .menuItem a,
    .menuItem a:visited {
        margin: 0;
        position: relative;
    }

    .menuItem a,
    .menuItem a:visited {
        width: 100%;
        height: 100%;
        padding: 20px 25px;
        text-decoration: underline;
    }

    .menuActive::after {
        display: none;
    }

    .menuActive {
        text-decoration: none !important;
        background-color: #B41E24;
    }

    .has-submenu .menuItem .menuActive {
        background-color: green !important;
    }

    .menuItem:nth-child(odd) {
        background-color: #0E1C35;
    }

    .menuActive::after {
        border-bottom-left-radius: 5px !important;
        border-bottom-right-radius: 5px !important;
        height: 16px !important;
    }

    .dropdownItemList {
        position: relative;
        margin-top: 0;
        padding-top: 0;
        display: block;
        z-index: 0;
        border-bottom-left-radius: 0px;
        border-bottom-right-radius: 0px;
    }

    .has-submenu span {
        display: inline-block;
        width: 130px !important;
    }

    .has-submenu {
        padding: 0px 0px 0px 25px;
        display: flex !important;
        align-items: center; /* Aligns vertically */
    }

    .has-submenu>ul {
        display: inline-block;
        /* position: absolute; */
        width: calc(100% - 120px) !important;
        ;
    }

    .has-submenu>ul>li {
        color: white;
    }

    .has-submenu>ul>li>a {
        padding: 20px 0px 20px 25px;
    }

    .has-submenu>button {
        display: none;
    }

    /* .has-submenu:first-of-type>ul li{
        border-left: 5px solid #0E1C35;
        border-bottom: 5px solid #0E1C35;
    } */




    :last-of-type.subMenuItem {
        border-bottom-left-radius: 0px;
        border-bottom-right-radius: 0px;
        border-bottom: 0px;
    }

    .has-submenu:last-of-type ul {
        background-color: #0E1C35;
    }


    .menuUL li.has-submenu:nth-child(6) ul li {
        border: none;
        border-left: 5px solid #0E1C35;
        border-bottom: 5px solid #0E1C35;
    }

    .menuUL li.has-submenu:nth-child(7) ul li {
        border: none;
        border-left: 5px solid #010C20;
        border-bottom: 5px solid #010C20;
    }

    .menuUL li.has-submenu:nth-child(6) ul li:last-of-type,
    .menuUL li.has-submenu:nth-child(7) ul li:last-of-type {
        border-bottom: none;

    }

    .straightLineContainer {
        margin-bottom: 20px
    }

    .straightLineContainer h2 span {
        display: block;
        margin-top: 10px;
    }

    .DVDs .example-image {
        height: 55vw;
    }

    .reconhecimentoTexto {
        width: calc(100% - 80px);
    }

    .texto {
        width: 100%;
    }

    .pageContent {
        margin-top: 110px;

    }

    h1 {
        margin-bottom: 40px;
        color: white;
        position: fixed;
        top: 0;
        z-index: 4;
        font-size: 6vw !important;
        text-align: center;
        margin: auto;
        left: 0;
        right: 0;
        width: fit-content;
        top: 24px;
        display: inline-block;
        line-height: 34px;
    }

    .hideMobile {
        display: block;
    }

    .hideMobile {
        position: relative;
        margin: auto;
        margin-top: -18px;
    }

    #homeLogoMobile {
        position: absolute;
        left: 0;
    }

    #openMobileMenu,
    #closeMobileMenu {
        z-index: 2;
        position: absolute;
        right: -15px;
        background-color: transparent;
        width: 60px;
        border: none;
    }

    #closeMobileMenu {
        display: none;
    }

    #openMobileMenu:hover {
        cursor: pointer;
    }

    #openMobileMenu img,
    #closeMobileMenu img {
        width: 100%;
    }


    .twoColumnImage {
        width: 100%;
    }

    .twoColumnContent .texto {
        margin-left: 0;
        margin-top: 20px;
    }

    .reconhecimentoList {
        margin-left: 0;
        margin-top: 20px;
        width: 100%;
    }

    .sideMenu {
        width: 100%;
        text-align: center;
        z-index: 1;
        margin-bottom: 0px;
        background-color: #FFF8EF;
        top: 80px;
        padding: 20px 0px;
        /* padding-bottom: 80px; */
    }

    .sideMenu a {
        display: inline-block;
        margin: 0 10px;
        text-decoration: underline;
    }



    .sideMenuSelected::before {
        left: 50%;
        top: 100%;
        transform: translateX(-50%);
    }

    #concertTable .row:first-of-type {
        top: 140px;
    }

    #agendaContainer {
        width: 100%;
    }

    .cell {
        font-size: 16px;
    }


    #historialYears {
        margin-left: 0;
        margin-top: 0px;
        top: 143px;
        background-color: #FFF8EF;
        z-index: 1;
    }

    .year-button {
        display: inline-block;
        font-size: 30px;
        margin: 5px 0px;
        width: 100%;
        margin: -1px;
        padding: 10px 0;
    }

    #historialContainer {
        margin-left: 0;
        margin-top: 0;
        width: 100%;
    }

    .gallerySpan {
        margin-bottom: -30px;
    }

    .pagination {
        position: sticky;
        top: 140px;
        text-align: center;
        padding: 20px 0;
        background-color: #FFF8EF;
    }

    .galeriaFotosMain,
    .galeriaVideosMain {
        width: 100%;
    }

    .audicoesContainer {
        display: grid;
    }

    .audicoesImg {
        width: 100%;
        margin-bottom: 30px;
        grid-row: 1;
    }

    .audicoesContent div {
        padding-right: 0;
        padding-top: 0;
    }

    .audicoesContent {
        display: block;
        gap: 50px;
        width: 100%;
    }

    .audicoesContent div:last-of-type {
        width: 210px;
    }
}



/*  ———————————————————————————————————————————————— TALL ———————————————————————————————————————————————— */
@media screen and (min-height: 926px) {
    .footerMediaQuery {
        bottom: 0 !important;
        position: absolute;
    }
}