/*    ::  CONFIGURAÇÕES INICIAIS    ::  CONFIGURAÇÕES INICIAIS    ::  CONFIGURAÇÕES INICIAIS    */
/*    ::  CONFIGURAÇÕES INICIAIS    ::  CONFIGURAÇÕES INICIAIS    ::  CONFIGURAÇÕES INICIAIS    */
/*    ::  CONFIGURAÇÕES INICIAIS    ::  CONFIGURAÇÕES INICIAIS    ::  CONFIGURAÇÕES INICIAIS    */

*{
    box-sizing: border-box; /* paddings e borders nao aumentam a dimensao */
}

/* For Remove outline for anchor tag */
a {outline : none;}
/* Remove contorno (no firefox era azul) dos links de texto e imagem */
a, a img {outline : none;}
/* Remove contorno dos botões */
button { outline: none; }
/* Remove contorno dos botões */
input { outline: none; }
/* Desativar clicar em links... 
a[disabled] {
    pointer-events: none;
    cursor: default;
}*/
h1, h2, h3, h4, h5, h6{margin:0; font-size:inherit; font-weight:inherit;}

:root{

    /* CORES */
    --mpVerde:#65c9c0;
    --mpBegeAreia:#e7c99e;
    --mpBegeFundo1:#e7ddcf;
    --mpBegeFundo2:#eaddba;
    --mpBegeFundo3:#e7e7e7;
    --mpBegeFundo4:#e7e3dd;
    --mpBrancoNuvem:#f9f1e8;
    --mpLinkHover:#2c7391;
    --mpLinkSaberMais: rgba(0,0,0,0.05);
    --mpLinkSaberMaisHover: rgba(255,255,255,0.6);
    --mpBannerBorder:#ead059;
    --corTitulo1:#976636; /*a67c52;*/
    --corTitulo2:#704b25;
    --corTitulosTabela:#cbaf8f;
    --preto:#000;
    --cinza1:#111111;
    --cinza2:#222222;
    --cinza3:#333333;
    --cinza4:#444444;
    --cinza5:#555555;
    --cinza6:#666666;
    --cinza7:#777777;
    --cinza8:#888888;
    --cinza9:#999999;
    --branco1: #ffffff;
    --branco2: #eeeeee;
    --branco3: #dddddd;
    --branco4: #cccccc;
    --branco5: #bbbbbb;
    /* LARGURAS */
    --largura1:90%;

    /* TIPOS DE LETRA  */
    --txtNormal: sans-serif;
    --txtMPLinks: montserrat;
    --txtPTitulos: maiandra; 

    /* ALERTAS */
    --txtcorAlerta:#480803;
    --txtcorVermelhoEscuro1:#851109;
    --txtcorVermelhoClaro1:#d29793;
    --alertaTrue:rgb(119, 178, 96);
    --alertaFalse:rgb(235, 122, 104);
    --alertaPergunta:rgb(235, 167, 94);

    /* BOLINHAS */
    --bolinhaLaranja:#d2834b;
    --bolinhaRoxa:#9990c5;
    --bolinhaAmarela:#c2a93a;
    --bolinhaRosa:#d499b0;
    --bolinhaAzul:#30a79d;
    --bolinhaVerde:#9bab4b;
    --bolinhaCastanha:#8d845c;
    --bolinhasFundo:#e7ddcf;

    /* FLORES DOS EVENTOS */
    --florLaranja:#d2834b;
    --florRoxa:#9990c5;
    --florAmarela:#c2a93a;
    --florRosa:#d499b0;
    --florAzul:#30a79d;
    --florVerde:#9bab4b;
    --florCastanha:#8d845c;
    --florFundo:#e7ddcf;

/* 	--tit1:neusharp; 
	--tit2:sui_generis;
	--txt1:sansation; 
	--txt2:comfortaa; 
    --branco1:rgb(255,255,255);
    --branco2:rgb(215, 215, 215);
    --branco3:rgb(230, 230, 230);
    --branco4:rgb(240, 240, 240);
    --preto1:rgb(0,0,0);
    --preto2:rgb(34, 34, 34);
    --preto3:#333;
    --cor1:#534741;
    --cor1B:#d1baad;
    --cor2:rgb(150, 150, 150);
    --corIcoEstado:rgb(240,240,240);
    --cor2B:rgba(150, 150, 150, 0.3);
    --cor3:#E8E5E2;
    --txtcor1:#C7B299;
    --txtcor2:#c49050;
    --txtcor3:#56340a;
    --txtcor4:#3f2608;
    --txtcor5:#7a5f42;
    --txtcorAlerta:#480803;
    --txtcorVermelhoEscuro1:#851109;
    --txtcorVermelhoClaro1:#d29793;
    --alertaTrue:rgb(119, 178, 96);
    --alertaFalse:rgb(235, 122, 104);
    --alertaPergunta:rgb(235, 167, 94);
    --borderRadiusDivs:5px;
    --brInputs:4px;
    --padding1:20px;
    --padding2:15px;
    --padding3:10px;
    --padding4:5px;
    --larg1:100%;
    --larg2:50%;
    --larg3:33.3%; */
}
@font-face{
	font-family:"allison";
	src: url('../fonts/allison.ttf') format('truetype'), url('../fonts/allison.woff') format('woff'), url('../fonts/allison.otf') format('otf');
    size-adjust: 150%;
}
@font-face{
	font-family:"montserrat";
	src: url('../fonts/montserrat_medium.ttf') format('truetype'), url('../fonts/montserrat_medium.woff') format('woff'), url('../fonts/montserrat_medium.otf') format('otf');
}
@font-face{
	font-family:"maiandra";
	src: url('../fonts/maiandra.ttf') format('truetype'), url('../fonts/maiandra.woff') format('woff'), url('../fonts/maiandra.otf') format('otf');
}
@font-face{
	font-family:"qwitcher";
	src: url('../fonts/qwitcher_grypen.ttf') format('truetype'), url('../fonts/qwitcher_grypen.woff') format('woff'), url('../fonts/qwitcher_grypen.otf') format('otf');
    size-adjust: 200%;
}
@font-face{
	font-family:"comforterBrush";
	src: url('../fonts/comforter_brush.ttf') format('truetype'), url('../fonts/comforter_brush.woff') format('woff'), url('../fonts/comforter_brush.otf') format('otf');
    size-adjust: 120%;
}
@font-face{
	font-family:"italiano";
	src: url('../fonts/italianno.ttf') format('truetype'), url('../fonts/italianno.woff') format('woff'), url('../fonts/italianno.otf') format('otf');
    size-adjust: 150%;
}

body{
    margin:0;
    padding:0;
    font-family: var(--txtNormal);
    background-color:var(--mpBegeFundo1);
}
a{
    text-decoration: none;
	user-select: none;
}
ul{
    list-style-type: none;
    margin:0;
    padding:0;
}
li{
    list-style-type: none;
    margin:0;
    padding:0;
}
input[type="submit"], input[type="button"], input[type="reset"]{
    background-color: var(--florLaranja);
    color:#fff;
    border:0;
    padding:8px 20px;
}
input[type="submit"]:hover, input[type="button"]:hover, input[type="reset"]:hover{
    background-color: var(--cinza5);
    color:var(--mpBegeFundo4);
    cursor:pointer;
}
.limpador{
    width:100%;
    clear:both;
}
.nolog{
    opacity:0.4;
    width:40%;
}
#cxNoLogLock{
    text-align:center;
    padding-top:35vh;
    padding-bottom:30vh;
}
#noLogLock{
    max-width:400px;
}
textarea{
    resize: none;
}
/*    ::  FIM DAS CONFIGURAÇÕES INICIAIS    ::  FIM DAS CONFIGURAÇÕES INICIAIS    ::  FIM DAS CONFIGURAÇÕES INICIAIS    */
/*    ::  FIM DAS CONFIGURAÇÕES INICIAIS    ::  FIM DAS CONFIGURAÇÕES INICIAIS    ::  FIM DAS CONFIGURAÇÕES INICIAIS    */
/*    ::  FIM DAS CONFIGURAÇÕES INICIAIS    ::  FIM DAS CONFIGURAÇÕES INICIAIS    ::  FIM DAS CONFIGURAÇÕES INICIAIS    */
#contentorTudo{
    width:100%;
    margin:0;
    padding:0;
    overflow: hidden;
    min-height:100vh;
}
.linhaTotal{
    width:100%;
    margin:0;
    padding:0;
}
.linhaTotal::after{
    content:'';
    clear:both;
}
.limpador{
    clear:both;
}
.padrao{
    background-image: url('../imagens/padrao_yoga_e_espiritualidade.png');
    background-repeat:repeat;
    background-size: 250px;
}
.separadorPrincipal{        /* separadorSol 1 e 2  */
    display:flex;
    justify-content: space-between;
    align-items: flex-end;
    flex-wrap: nowrap;
    padding-top:60px;
    margin-bottom:50px;
    margin-left:auto;
    margin-right:auto;
    width: 40%;
    max-width:600px;
}
.cxSeparadorSimples{
    width: 25%;
    overflow: hidden;
}
.separadorSol{
    min-height: 60px;
    max-height: 90px;
    width:42%;
    background-image: url('../imagens/separador_sol.svg');
    background-repeat: no-repeat;
    background-size: 100%;
    background-position: center; 
}
.separadorSimples{
    margin-top:10px;
    margin-bottom:20px;
    margin-left:auto;
    margin-right:auto;
    display:block;
    width: 100%;
    min-width: 120px;
    height: 7px;
    background-image: url('../imagens/separador_simples.svg');
    background-repeat: repeat-x;
    background-size: 5px;
}
.titulo1{
    text-align: center;
    font-family:maiandra;
    font-size:1.4rem;
    color:var(--corTitulo1);
    margin:30px;
    font-weight: bold;
}
.titulo1 a:link, .titulo1 a:visited{
    color:var(--corTitulo1);
}
.titulo1 a:hover, .titulo1 a:active{
    color:var(--florLaranja);
}
.imgLarguraTotal{
    width:100%;
    display:block;
}
.mpFundoBege2{
    background-color: var(--mpBegeFundo4);
}
.link::after {    
    content: "";
    display:inline-block;
    width:14px;
    position:relative;
    top:3px;
    content: url("../imagens/icones/corrente_escura.svg");
    background-repeat: no-repeat;
    margin-left:10px;
    opacity:0.8;
}
.notYetOnBD{
    font-style: italic;
}

.verTodos{
    display:inline-block;
    padding:10px;
    padding-left:20px;
    padding-right:18px;
    margin:60px;
    margin-top:10px;
    color:var(--cinza2);
    /*box-shadow: x y blur spread cor inset */
    box-shadow: 0 4px 4px 1px rgba(0, 0, 0, 0.2), 0 6px 10px 1px rgba(0, 0, 0, 0.19);
}
.verTodos:link, .verTodos:visited{
    background-color: var(--mpBegeAreia);
} 
.verTodos:hover,.verTodos:active{
    background-color: var(--branco5);
}
.separadorPontinhos{
    background-image: url(../imagens/icones/ponto.svg);
    background-repeat:repeat-x;
    background-position: center;
    background-size: 4px 4px;
    height:5px;
}
.cxOutras{
    padding:10px;
    margin-left: auto;
    margin-right: auto;
    text-align:center;
    max-width:1200px;
}

.divIlustraPaginas{
    margin-left:auto;
    margin-right:auto;
    padding:0;
    text-align: center;
    width: fit-content;
    max-width: 70%;
}

.imgIlustraPaginas{
    /*box-shadow: x y blur spread cor inset */
    box-shadow: 0 4px 4px 1px rgba(0, 0, 0, 0.2), 0 6px 10px 1px rgba(0, 0, 0, 0.19);
    max-width:60%;
}
#tableInputFileIlustra, #tableInputFilePrograma{
    margin:0;
    padding:0;
    width:100%;
}
#tableInputFileIlustra td:first-child, #tableInputFilePrograma td:first-child{
    width:400px;
}
#tableInputFileIlustra input[type='file'], #tableInputFitableInputFileProgramaleIlustra input[type='file']{
    margin:0;
    padding:0;
    vertical-align:middle,
}
input::file-selector-button {
    border-width: 0;
    font-family: var(--txt1);
    background-color: var(--corTitulo1);
    color: #fff;
    padding: 5px;
    font-size:0.8rem;
    padding-right: 5px;
    padding-left: 5px;
    cursor: default;
}
input::file-selector-button:hover {
    background-color: var(--florLaranja);
    cursor: pointer;
}
.minIlustra{
    max-width:200px;
}
.seCoisoCliqueP{
    font-family:maiandra;
    font-size:1.1rem;
}
.seCoisoCliqueA:link, .seCoisoCliqueA:visited{
    font-size:1.2rem;
    color:var(--corTitulo1);
    font-weight: bold;
}
.seCoisoCliqueA:hover, .seCoisoCliqueA:active{
    color:var(--florLaranja);
}
.verLogs:link, .verLogs:visited{
    font-size:1rem;
    color:var(--corTitulo1);
}
.verLogs:hover, .verLogs:active{
    color:var(--florLaranja);
}
#conteudoLogs{
    line-height: 24px;
}
/* ############################ HEADER  ############################  */
#contentorHeader{
    width:100%;
    background-image: url('../imagens/padrao_yoga_e_espiritualidade.png');
    background-color:var(--mpBegeAreia);
    position:fixed;
    z-index:5;
}
header{
    width:100%;
    height: 100px;
    margin:0;
    padding:0;
    background-color: var(--mpBegeAreia);
    display:flex;
    justify-content: space-between;
}
        header #navMenuTopo{
            width:96%;
            margin-left:auto;
            margin-right:auto;
            padding:0;
            display:flex;
            flex-wrap: nowrap;
            justify-content: space-around;
            font-family:var(--txtMPLinks);
            /* background-color: #9ee79e; */
        }
            header #divRedesSociaisELogo{
                margin:0;
                padding:10px;
                /* background-color: #9ee79e; */
                width:10%;
                min-width:140px;
                display:flex;
                flex-wrap: nowrap;
                justify-content: space-between;
                align-items:center;
                align-content:center;
            }
                header .logoHeader{
                    height:80px;
                    /* background-color: #d7e79e; */
                    margin:0;
                    padding:0;
                }
                header .logoRS{
                    height:20px;
                    /* background-color: #d7e79e; */
                    margin:0;
                    padding:0;
                }
            header #naveg1{
                width:90%;
                /* background-color: #d7e79e; */
                display:flex;
                flex-wrap: nowrap;
                justify-content: center;

            }
                header #naveg1 #navMenuParte1{
                    margin:0;
                    padding:0;
                    /* background-color: #9edae7; */
                    display:flex;
                    justify-content: right;
                    align-items:center;
                    align-content:center;
                    flex-grow: 0.38; /* width:38%; */
                    flex-wrap: wrap;
                }
                #divAssinatura{
                    margin:0;
                    padding:0;
                    /* background-color: #e7b09e; */
                    display:flex;
                    justify-content: center;
                    align-items:center;
                    flex-grow: 0.24; /* width:24%; */
                    padding-left:10px;
                    padding-right:10px;
                }
                    #assinatura{
                        width:100%;
                        width: 200px;
                    }
                header #naveg1 #navMenuParte2{
                    margin:0;
                    padding:0;
                    /* background-color: #e29ee7; */
                    display:flex;
                    justify-content: left;
                    align-items:center;
                    align-content:center;
                    flex-grow: 0.38; /* width:38%; */
                    flex-wrap: wrap;
                }
        header #navMenuTopo a:not(#divRedesSociaisELogo a):not(.subMenu a){
            padding:10px;
            padding-top:6px;
            padding-bottom:6px;
        }
        header a:link, header a:visited{
            color:#111111;
        }
        header a:hover, header a:active{
            color:var(--mpLinkHover);
        }
        header .linksMenuTopo{
            text-transform: uppercase;
            font-size:0.9rem;
            letter-spacing: 2px;
        }
    .icoLock{
        width:16px;
        opacity:0.7;
    }
    .icoLock:hover{
        opacity:1;
    }

    #divAssinatura2{
        width:200px;
        padding-left:20px;
        padding-right:20px;
    }
    #divAssinatura2 img{
        width:100%;
    }
header #navMenuAR{
    margin:0;
    padding:0;
    width:100%;
    margin-left:40px;
}



/*       INÍCIO DE TABELA ÍCONE MENU      */

.tabelaIconeMenu{
    position:relative;
    top:7px;
    height:20px;
    width:24px;
    /* margin-left:15px; */
}
.tabelaIconeMenu td{
    border:none;
    border-top:2px solid var(--cinza1);
}
.subMenu:hover .tabelaIconeMenu td{
    border-top:2px solid var(--mpLinkHover);
}
/*       FIM DE TABELA ÍCONE MENU      */

/*       INÍCIO DE SUBMENU AR     */

nav .subMenu{
    text-align: left;
    margin:0;
    padding:3px 10px;
    /* background-color: yellow; */
}
nav .subMenu ul{
    display:none;
    position:absolute; 
    background-color: var(--mpBegeAreia); 
    /* background-color: yellowgreen; */
    padding: 12px 6px 6px 6px;
    z-index:6;
    right:0px;
}
nav .subMenu:hover ul{
    display:block;
}
nav .subMenu:hover ul li{
    padding:8px;
}
#navMenuAR.navARBig{
    display:flex;
    justify-content: flex-end;
    align-items:center;
    align-content:center;
    flex-wrap: wrap;
}
#navMenuAR.navARSmall{
    display:none;
}
/*       FIM DE SUBMENU AR     */

/*       INÍCIO DE SUBMENU MOBILE     */
.menuMobile{
    width:100%;
    margin-right:0px;
    padding:0;
    margin-left:20px;
}
.contentorFlexAssinatura2{
    display:flex;
    justify-content: center;
    align-items:center;
    align-content:center;
    flex-wrap: nowrap;
    width:100%;
}
.menuMobile .subMenu{
    text-align: left;
    margin:0;
    padding:3px 10px;
    /* background-color: yellow; */
}
.menuMobile .subMenu ul{
    display:none;
    position:absolute; 
    background-color: var(--mpBegeAreia); 
    /* background-color: yellowgreen; */
    padding: 12px 6px 6px 6px;
    z-index:6;
    right:0px;
}
.menuMobile .subMenu:hover ul{
    display:block;
}
.menuMobile .subMenu:hover ul li{
    padding:8px;
}
/*       FIM DE SUBMENU MOBILE     */
/* ############################ FIM DO HEADER  ############################  */

/* ############################ MAIN BANNER & SEGUNDO MENU    ############################  */
#cobreBannerESegundoMenu{
    width:100%;
    background-image: url('../imagens/padrao_yoga_e_espiritualidade.png'), linear-gradient(
        to bottom,
/*         var(--mpBegeAreia) 0%, */
        var(--mpBegeAreia) 18%,
        var(--mpBegeFundo1) 18%
/*         var(--mpBegeFundo1) 100% */
      );
    margin-top : 100px;  /*  devido ao banner estar position:fixed */
}
#mainBanner{
    width:92%;
    margin-left:auto;
    margin-right:auto;
    border:10px solid var(--mpBegeFundo3);
    position: relative;
    text-align: center;
    display: flex;
    justify-content: center;
    overflow: hidden;
    /* align-items:flex-start; */
    align-items:center;  /* qdo o banner for do ANIMATE este valor tem de ser alterado flex-start */
    max-height:85vh; /* impede o banner de assambarcar toda a altura do browser */
    /*box-shadow: x y blur spread cor inset */
    box-shadow: 0 4px 4px 1px rgba(0, 0, 0, 0.2), 0 6px 10px 1px rgba(0, 0, 0, 0.19);

}
.divImgBanner{
    position:relative !important;/* para colocar texto por cima */
    margin-left:auto;
    margin-right:auto;
    display:none;
    overflow: hidden;
    text-align: center;
    aspect-ratio: 9/4 !important;
}
.divCxTexto{
    position:absolute;
    /*border: 3px solid #000;*/
    z-index: 2;
}
#dCxTexto1{
    top:10%;
    left:45%;
    width:50%;
}
#dCxTexto2{
    top:25%;
    left:45%;
    width:50%;
}
#dCxTexto3{
    bottom:6%;
    left:5%;
    width:90%;
}
#dCxTexto4{
    top:16%;
    left:5%;
    width:90%;
}
.imgMainBanner{
    width:101%;
    animation-name: animaBanner;
    animation-duration: 14s;
}
.bannerAtivo{
    display:block;
    width:110%; 
}
/* ANIMAÇÃO altera banner  */
@keyframes animaBanner {
    0% {
        width: 105%;
    }
    80% {
        width: 101%;
    }
}
#dCxTexto1 .bannerTxt1{
    font-size:calc(8px + 1.4vw);
    color:var(--cinza5);
    /* text-shadow: -1px -1px 0 #555, 1px -1px 0 #555, -1px 1px 0 #555, 1px 1px 0 #555; */
    text-align: right;
    line-height: 120%;
    font-family:italiano;
}
#dCxTexto1 .bannerTxt2{
    font-size:calc(4px + 1.1vw);
    color:var(--cinza3);
    text-shadow: -1px -1px 0 #eee, 1px -1px 0 #eee, -1px 1px 0 #eee, 1px 1px 0 #eee;
    text-align: right;
    font-family:montserrat;
}
#dCxTexto2 .bannerTxt1{
    font-size:calc(8px + 1.4vw);
    color:var(--branco1);
    text-shadow: -1px -1px 0 #333, 1px -1px 0 #333, -1px 1px 0 #333, 1px 1px 0 #333;
    text-align: right;
    line-height: 110%;
    font-family:italiano;
}
#dCxTexto2 .bannerTxt2{
    font-size:calc(8px + 1.4vw);
    color:var(--branco1);
    text-shadow: -1px -1px 0 #333, 1px -1px 0 #333, -1px 1px 0 #333, 1px 1px 0 #333;
    text-align: right;
    line-height: 110%;
    font-family:italiano;
}
#dCxTexto3 .bannerTxt1{
    font-size:calc(8px + 1.4vw);
    color:var(--branco1);
    text-shadow: -1px -1px 0 #333, 1px -1px 0 #333, -1px 1px 0 #333, 1px 1px 0 #333;
    text-align: center;
    margin:0;
    font-family:italiano;
    line-height: 60%;
}
#dCxTexto3 .bannerTxt2{
    font-size:calc(4px + 1.1vw);
    color:var(--branco1);
    text-shadow: -1px -1px 0 #333, 1px -1px 0 #333, -1px 1px 0 #333, 1px 1px 0 #333;
    text-align: center;
    font-family:montserrat;
    line-height: 60%;
}
#dCxTexto4 .bannerTxt1{
    font-size:calc(8px + 1.4vw);
    color:var(--branco1);
    text-shadow: -1px -1px 0 #333, 1px -1px 0 #333, -1px 1px 0 #333, 1px 1px 0 #333;
    text-align: center;
    margin:0;
    font-family:italiano;
    line-height: 130%;
}
#dCxTexto4 .bannerTxt2{
    font-size:calc(4px + 1.1vw);
    color:var(--branco1);
    text-shadow: -1px -1px 0 #333, 1px -1px 0 #333, -1px 1px 0 #333, 1px 1px 0 #333;
    text-align: center;
    font-family:montserrat;
    line-height: 10%;
}

.bannerTxt1{
    animation-name: animaBannerTexto1;
    animation-duration: 11s;
}
/* ANIMAÇÃO texto do banner  */
@keyframes animaBannerTexto1 {
    0% {opacity:0; }
    10% {opacity:0; }
    30% {opacity:1; }
}
.bannerTxt2{
    animation-name: animaBannerTexto2;
    animation-duration: 11s;
}
/* ANIMAÇÃO texto do banner  */
@keyframes animaBannerTexto2 {
    0% {opacity:0; }
    45% {opacity:0; }
    65% {opacity:1; }
    100%{opacity:1; }
}

/* INÍCIO DE SEGUNDO MENU : Menu Bolinhas  */

#segundoMenu{
    width:1000px;
    max-width: 90%;
    margin-left:auto;
    margin-right:auto;
}
.contentorFlex{
    display:flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    padding-bottom:50px;
}
.cxinhasSegundoMenu{
    width:21%;
    /* min-width:184px; */
    margin:2%;
    display:flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: flex-start;
    align-content: flex-start;
}

.cxinhasSegundoMenu a{
    width:100%;
}
.tituloBolinhas{
    text-align: center;
    font-family: maiandra;
    font-size: 1.4rem;
    margin:20px;
    font-weight: bold;
}

.aTitBolinhas:hover + .bolinhasSegundoMenu .soParaAsBolinhas {
    background-color: var(--mpBegeFundo2);
    border-width: 6px;
    border-color:var(--corTitulosTabela);
}
.cxinhasSegundoMenu:first-child .tituloBolinhas{
    color:var(--bolinhaLaranja);
}
.cxinhasSegundoMenu:nth-child(2) .tituloBolinhas{
    color:var(--bolinhaAzul);
}
.cxinhasSegundoMenu:nth-child(3) .tituloBolinhas{
    color:var(--bolinhaRosa);
}
.cxinhasSegundoMenu:nth-child(4) .tituloBolinhas{
    color:var(--bolinhaAmarela);
}
.cxinhasSegundoMenu:nth-child(5) .tituloBolinhas{
    color:var(--bolinhaRoxa);
}
.cxinhasSegundoMenu:nth-child(6) .tituloBolinhas{
    color:var(--bolinhaVerde);
}
.bolinhasSegundoMenu{  
    width:60%;
    display:flex;
    justify-content: center;
    margin-bottom:10px;
}

.soParaAsBolinhas{
    width:100%;
    aspect-ratio: 1/1;
    background-color: var(--bolinhasFundo);
    border-width: 4px;
    border-style: solid;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    display:flex;
    justify-content: center;
    align-items: center; 
}
.imgBolinhaSegundoMenu{
    max-width:78%;
    max-height:78%;
}

.cxinhasSegundoMenu:first-child .soParaAsBolinhas{
    border-color:var(--bolinhaLaranja);
}
.cxinhasSegundoMenu:first-child .soParaAsBolinhas:hover{
    border-color:var(--corTitulosTabela);
}

.cxinhasSegundoMenu:nth-child(2) .soParaAsBolinhas{
    border-color:var(--bolinhaAzul);
}
.cxinhasSegundoMenu:nth-child(2) .soParaAsBolinhas:hover{
    border-color:var(--corTitulosTabela);
}

.cxinhasSegundoMenu:nth-child(3) .soParaAsBolinhas{
    border-color:var(--bolinhaRosa);
}
.cxinhasSegundoMenu:nth-child(3) .soParaAsBolinhas:hover{
    border-color:var(--corTitulosTabela);
}

.cxinhasSegundoMenu:nth-child(4) .soParaAsBolinhas{
    border-color:var(--bolinhaAmarela);
}
.cxinhasSegundoMenu:nth-child(4) .soParaAsBolinhas:hover{
    border-color:var(--corTitulosTabela);
}

.cxinhasSegundoMenu:nth-child(5) .soParaAsBolinhas{
    border-color:var(--bolinhaRoxa);
}
.cxinhasSegundoMenu:nth-child(5) .soParaAsBolinhas:hover{
    border-color:var(--corTitulosTabela);
}

.cxinhasSegundoMenu:nth-child(6) .soParaAsBolinhas{
    border-color:var(--bolinhaVerde);
}
.cxinhasSegundoMenu:nth-child(6) .soParaAsBolinhas:hover{
    border-color:var(--corTitulosTabela);
}

.soParaAsBolinhas:hover{
    background-color: var(--mpBegeFundo2);
    border-width: 4px;
    /*box-shadow: x y blur spread cor inset */
    /* box-shadow: 0 4px 2px 0 rgba(0, 0, 0, 0.2), 0 4px 2px 0 rgba(0, 0, 0, 0.19); */
}

.textoBolinhas{
    width:100%;
    text-align: justify;
    font-family: maiandra;
    font-size: 1rem;
    color:var(--cinza3);
}
/* FIM DE SEGUNDO MENU : Menu Bolinhas  */

/* ############################ FIM DE MAIN BANNER & SEGUNDO MENU  ############################  */

/* ############################ IMAGEM RECORTADA         ############################  */
.contentorSeccaoDaImagemRecortada{
    position:relative;
    font-family: maiandra;
    /* min-height: 800px; */ 
}
.contentorSeccaoDaImagemRecortada img{
    min-width:1000px;
    max-width:1400px;
   
}
.contentorImagemRecortada{
    display:flex;
    justify-content: right;
    /* position:absolute;
    right:0; */
    /* font-family: maiandra;
    background-image: url('../imagens/mp/bamboo_shiva.webp');
    min-height: 800px; 
    background-repeat: no-repeat;
    background-size: 100%;
    background-position: left;  */
}

.tbView{
    display:none;    
}
.mbView{
    display:none;    
}
.textoPorCimaDaImagemRecortada{
    /* background-color: yellowgreen; */
    top:0px;
    padding:40px;
    position: absolute;
    /* top:calc(18px + 1.4vw); */ /* ALTERAR media queries em função do min-width da .contentorSeccaoDaImagemRecortada img */
    display:flex;
    flex-direction: column;
    flex-wrap: nowrap;
    justify-content:space-around;
    width: 60%; /* ALTERAR media queries em função do min-width da .contentorSeccaoDaImagemRecortada img */
    max-width:800px;
    height:100%;
}


.tit1imgRecortada{
    line-height: calc(28px + 1.4vw);
    color:var(--cinza4);
    text-shadow: -1px -1px 0 #e7ddcf, 1px -1px 0 #e7ddcf, -1px 1px 0 #e7ddcf, 1px 1px 0 #e7ddcf;
    font-family: allison;
    font-size:calc(18px + 1.4vw);
    font-weight: bold;
    margin:0;
    padding-bottom:30px;
}
.tit2imgRecortada{
    color:#333333;
    font-family: maiandra;
    font-size:calc(14px + 0.6vw);
}
.txtimgRecortada{
    /* background-color: yellow; */
    color:#111111;
    font-size:calc(12px + 0.6vw);
}

.btSaberMais{
    padding:10px;
    padding-left:20px;
    padding-right:18px;
    display: inline;
    color:var(--cinza2);
    /*box-shadow: x y blur spread cor inset */
    box-shadow: 0 4px 4px 1px rgba(0, 0, 0, 0.2), 0 6px 10px 1px rgba(0, 0, 0, 0.19);
}
.btSaberMais:link, .btSaberMais:visited{
    background-color: var(--mpBegeAreia);
} 
.btSaberMais:hover,.btSaberMais:active{
    background-color: var(--branco5);
}
/* ############################ FIM DE IMAGEM RECORTADA  ############################  */


/* ############################ CAIXA EVENTOS  ############################  */
.tabelaEventos{
    width:100%;
    font-family:maiandra;
    font-size:1rem;
    padding-bottom:50px;
    border-spacing: 0px;
}
.tabelaEventos td{
    padding-top:20px;
    padding-bottom:20px;
    
}
.tabelaEventos td{
    /*border:1px solid #000;*/
    margin:0;
}
.tabelaEventos .tdEsq{
    text-align: right;
    width:45%;
    min-height:60px;
}
.tabelaEventos .tdCentro{
    background-image: url(../imagens/icones/ponto.svg);
    background-repeat:repeat-y;
    background-position: center;
    background-size: 3px 3px;
    width:10%;
    min-width:80px;
    text-align: center;
    vertical-align: top;
}
.tabelaEventos .tdCentro img{
    position:relative;
    top:-8px;
}
.tabelaEventos .tdDir{
    text-align: left;
    width:45%;
    min-height:60px;
}
.icoFlorEvento{
    /*box-shadow: x y blur spread cor inset */
    box-shadow: 0 4px 4px 1px rgba(0, 0, 0, 0.2), 0 6px 10px 1px rgba(0, 0, 0, 0.19);
    padding:5%;
    width:40%;
    aspect-ratio: 1/1;
    border-radius:50%;;
    -webkit-border-radius:50%;
    -moz-border-radius:50%;
    -ms-border-radius:50%;
    -o-border-radius:50%;
}
.florRosa{
    background-color: var(--florRosa);
}
.florLaranja{
    background-color: var(--florLaranja);
}
.florRoxa{
    background-color: var(--florRoxa);
}
.florAmarela{
    background-color: var(--florAmarela);
}
.florAzul{
    background-color: var(--florAzul);
}
.florVerde{
    background-color: var(--florVerde);
}
.florCastanha{
    background-color: var(--florCastanha);
}
.tit1Eventos{
    color:var(--corTitulo1);
    font-weight:bold;
    margin:0;
    padding:0;
}
.txtEventos{
    color:var(--cinza3);
    font-size:0.9rem;
    margin-top: 3px;
    padding:0;
}
.eventoPassado{
    opacity:0.4;
}
/* ############################ FIM DE CAIXA EVENTOS  ############################  */
/* ############################ PUBLICACOES  ############################  */

.cxinhasPosts{
    position:relative;
    width:30.3%;            /*  Alterar nas media queries  */
    margin:1.5%;
    background-color: var(--mpBrancoNuvem);
    text-align: left;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}
.cxImagemPost{
    aspect-ratio: 3/2;
    overflow: hidden;
}
.imgCxPost{
    width:100%;
    min-height: 100%;
}
.zoomavel:hover{
    cursor: pointer;
}
.infoPostFlex{
    display:flex;
    flex-wrap: nowrap;
}
.conteudoData{
    padding:0;
}
.dataPost{
    margin:0;
}
.etiquetaData{
    font-family: maiandra;
    background-color: var(--mpBegeAreia);
    text-align: center;
    display:inline-block;
    padding:8px;
    margin-top:0;
}
.etiquetaData p{
    margin:0;
    padding:0;
}
.etiquetaDataDia{
    font-size:1.8rem;
}
.etiquetaDataMes{
    font-size:1.1rem;
}
.etiquetaDataAno{
    font-size:0.9rem;
}
.conteudoPost{
    font-family: maiandra;
    margin:0;
    padding-left:10px;
    padding-right:8px;
    text-align: left;
    margin-bottom:80px !important; /* manter o bt abaixo */
}
.tituloPost{
    margin:0;
    padding:0;
    font-size:1rem;
    color:var(--corTitulo2);
    font-weight: bold;
}
.resumoTextoPost{
    margin:0;
    margin-top:20px;
    padding:0;
    font-size:0.9rem;
    color: var(--preto);
}
.btLerPost{
    padding:10px;
    padding-left:16px;
    padding-right:14px;
    position:absolute;
    bottom:10px;
    right:10px;
    color:var(--cinza2);
}
.btSecundario{
    padding:10px;
    padding-left:16px;
    padding-right:14px;
    position:absolute;
    bottom:10px;
    left:10px;
    color:var(--cinza2);
}
.btSecundarioInativo{
    padding:10px;
    padding-left:16px;
    padding-right:14px;
    position:absolute;
    bottom:10px;
    left:10px;
    background-color: var(--mpBegeFundo4);
    color: var(--cinza9);
    pointer-events: none;
}
.btLerPost:link, .btLerPost:visited, .btSecundario:link, .btSecundario:visited{
    background-color: var(--mpBegeAreia);
} 
.btLerPost:hover,.btLerPost:active, .btSecundario:hover, .btSecundario:active{
    background-color: var(--branco5);

}
/* ############################ FIM DE PUBLICACOES  ############################  */
/* ############################ FOOTER  ############################  */

#contentorFooter{
    background-color:#111111;
    color:var(--mpBegeAreia); 
    text-align:center;
    padding:20px;
    font-family:maiandra;
}
.footerLinks{
    margin-left:40px;
}
.footerLinks a:link, .footerLinks a:visited{
    color: var(--mpBegeAreia);
}
.footerLinks a:hover, .footerLinks a:active{
    color:var(--mpBannerBorder);
}



/* ############################ FIM DE FOOTER  ############################  */

/* ############################ IMAGENS ZOOMÁVEIS  ############################  */
#preview{
	position:fixed;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
	background-color: rgba(0, 0, 0, 0.85);
	z-index: 8;
	text-align:center;
}
#preview img{
	margin-left:auto;
	margin-right: auto;
	margin-top:3vh;
	max-width:90vw;
	max-height: 96vh;
	border:3px solid var(--tit1);
    background-color: var(--cor2);
    background-color: var(--mpBegeFundo4);
}
/* ############################ FIM DE IMAGENS ZOOMÁVEIS  ############################  */

/* ############################ PÁGINAS SECUNDÁRIAS  ############################  */
#cobreBannerSec{
    width:100%;
    background-image: url('../imagens/padrao_yoga_e_espiritualidade.png');
    background-repeat: repeat;
    background-size: 200px;
    background-color: var(--mpBegeAreia);
    margin-top : 100px;  /*  devido ao banner estar position:fixed */
}
.cxComPadrao{
    background-image: url('../imagens/padrao_yoga_e_espiritualidade.png');
    background-repeat: repeat;
    background-size: 200px;
}
.caixaTodoConteudo, .caixaTodoConteudo2{
    width:92%;
    margin:0;
    margin-left:auto;
    margin-right:auto;
    /*min-height:80%;  impede o banner de assambarcar toda a altura do browser */
    background-color: var(--mpBegeFundo1);
}
.caixaTodoConteudo{
    margin-bottom:10px;
    padding:20px;
}
.caixaTodoConteudo2{
    margin-bottom:0px;
    padding:30px;
    padding-top:0px;
    padding-bottom:0px;
}
.conteudoPagina{
    margin-left:auto;
    margin-right:auto;
    max-width:1400px;
}

.mainTitPaginas{
    font-size: calc(16px + 0.4vw);
    margin:0;
    font-family: maiandra;
    margin-bottom:20px;
    padding-top:20px;
}
/* .tit1PaginasSec{
    font-size: calc(16px + 0.4vw);
    margin:0;
    font-family: maiandra;
    margin-bottom:20px;
    padding-top:0;
} */
.tit2PaginasSec, .tituloPoliticas{
    font-size: calc(16px + 0.4vw);
    margin:0;
    font-family: maiandra;
    margin-bottom:70px;
    text-align: center;
}
.divCitacao{
    text-align: right;
    margin:0;
    margin-top:60px;
}
.introPaginasSec{
    line-height: 180%;
}
.textoPaginasSec{
    line-height: 180%;
}
.citacaoPaginasSec{
    color: var(--cinza7);
    font-style: italic;
    font-size: 1.1rem;
}
.autorCitacaoPaginasSec{
    color: var(--corTitulo1);
    font-style: italic;
    font-size: 1.1rem;
}
.textoPoliticas{
    line-height: 180%;
    margin-top:30px;
}
.textoPoliticasComLista, .textoResolucaoDeDisputasComLista{
    line-height: 180%;
    margin:0;
    margin-top:30px;
}
.listaPoliticas, .listaResolucaoDeDisputasComLista{
    margin-left:30px;
    margin-bottom:30px;
    line-height: 140%;
}
.textoResolucaoDeDisputas{
    line-height: 180%;
    margin-top:30px;
}

/* ############################ FIM DE PÁGINAS SECUNDÁRIAS  ############################  */
/* ############################ TABELA DE CONTEÚDOS         ############################  */
.tabelaConteudo{
    width:100%;
    margin:0;
    padding:0;
    border-spacing: 3px;
}
.tabelaConteudo tr:first-child td:first-child{
    border-radius: 10px 0 0 0;
    -webkit-border-radius: 10px 0 0 0;
    -moz-border-radius: 10px 0 0 0;
    -ms-border-radius: 10px 0 0 0;
    -o-border-radius: 10px 0 0 0;
}
.tabelaConteudo tr:first-child td:last-child{
    border-radius: 0 10px 0 0;
    -webkit-border-radius: 0 10px 0 0;
    -moz-border-radius: 0 10px 0 0;
    -ms-border-radius: 0 10px 0 0;
    -o-border-radius: 0 10px 0 0;
    width: 1%;
    white-space: nowrap;
    padding-left:20px;
    padding-right:20px;
    text-align: center;
}
.tabelaConteudo tr:first-child td{
    background-color: var(--corTitulosTabela);
    /* padding-left:40px; */
    text-align: center;
}
.tabelaConteudoTdBorder{
    border-bottom: 1px solid var(--corTitulo1);
}
.tabelaConteudo td.tdCentro{
    text-align: center;
}
.tabelaConteudo td{
    padding:6px;
}
.tabelaConteudo p:not(.btFecharDetalhes){
    color:var(--corTitulo1);
    margin:0;
    padding:0;
}
.tabelaConteudo p:hover{
    color:var(--cinza1);
    cursor: pointer;
}
.cxDescAula, .cxDescAula2{
    width:100%;
    display:flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
.cxDescAula{
    border: 1px solid var(--corTitulo1);
    border-top:none; 
    background-color: var(--mpBegeFundo4);
}

.cxDescAula .cxDetalhe, .cxDescAula2 .cxDetalhe{
    overflow: hidden;
    width: 50%;
    min-width: 300px;
}
.cxDescAula .cxFechar{
    /* width: 9%; */
    text-align: center;
    padding-top:5px;
}
.cxFechar{
    border: 1px solid var(--corTitulo1);
    border-top:none; 
    border-bottom:none; 
    background-color: var(--mpBegeFundo4);
}
.cxDescAula .cxDetalhe div.tit, .cxDescAula2 .cxDetalhe div.tit{
    /* color:var(--florLaranja); */
    color:var(--corTitulo2);
    font-size:1.2rem;
}
.cxDescAula .cxDetalhe div.txt, .cxDescAula2 .cxDetalhe div.txt{
    color:var(--cinza2);
}
.cxDescAula .cxDetalhe div:not(.imgsDesc), .cxDescAula2 .cxDetalhe div:not(.imgsDesc){
    margin:10px;
    padding:0;
}
.negrito{
    font-weight: bold;
}
.sublinhado{
    text-decoration:underline;
}
.italico{
    font-style: italic;
}

.maisInfo{
    width:14px;
    margin-left:6px;
    position:relative;
    top:-3px;
}
.galImgsDesc{
    display:flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: flex-start;
    align-content: flex-start;
}
.imgsDesc, .imgsDesc2{    
    width:18%; /* alterar nas media queries*/ 
    aspect-ratio: 5/3;
    margin:1%;
    overflow: hidden;
    display:flex;
    justify-content: center;
    align-items: center;
    align-content: center;
    /* padding:3px 3px; */
    border: 2px solid var(--florLaranja);
}
.imgsDesc{    
    border: 2px solid var(--florLaranja);
}
.imgsDesc img, .imgsDesc2 img{    
    width:200%;
}
.btFecharDetalhes{
    /* max-width:50px; */
    padding:7px;
    padding-left:14px;
    padding-right:14px;
    margin:10px;
    color:var(--cinza2);
    background-color: var(--mpBegeAreia);
    font-size: 0.9rem;
    display: inline-block;
    cursor:pointer;
}
.btFecharDetalhes:hover{
    background-color: var(--branco5);
}

#btAqui{
    /* max-width:50px; */
    padding:7px;
    padding-left:14px;
    padding-right:14px;
    margin:18px;
    color:var(--branco2);
    background-color: var(--florLaranja);
    font-size: 0.9rem;
    font-style: normal;
    display: inline-block;
    cursor:pointer;
}
#btAqui:hover{
    background-color: var(--branco5);
    color: var(--cinza2);
}

.mapaResponsivo1, .mapaResponsivo2{
    overflow:hidden;
    aspect-ratio: 5/3;
    position:relative;
}
.mapaResponsivo1{
    padding:5px;
    border: 2px solid var(--florLaranja);
}
.mapaResponsivo2{
    padding:10px;
    border: 3px solid var(--florLaranja);
}
.mapaResponsivo1 iframe, .mapaResponsivo2 iframe{
    left:0;
    top:0;
    height:100%;
    width:100%;
    position:absolute;
}
 
/* ############################ FIM DE TABELA DE CONTEÚDOS  ############################  */

.pagDetalhesTitulo1{
    color:var(--corTitulo1) ;
    font-family: maiandra;
    font-size: 1.5rem;
}
.pagDetalhesTitulo2{
    color:var(--corTitulo1) ;
    font-family: maiandra;
    font-size: 1.1rem;
}
.pagDetalhesTxt{
    color:var(--cinza1) ;
    font-family: sans-serif;
    font-size: 1rem;
    margin:5px;
    line-height: 150%;
}
.cxCartaz{
    text-align: center;
}
.cxCartaz .cxCartazInterna{
    display:inline-block;
    text-align: center;
    width:40%;
    max-width: 800px;
    min-width: 300px;
}
.cxCartaz .cxCartazInterna .cartazImg{
    width: 100%;
    /*box-shadow: x y blur spread cor inset */
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}
.cxBtsInscricaoEPdf{
    margin:30px;
    display:flex;
    justify-content: center;
    align-items: center;
    align-content: center;
}
.btPInscrever, .btPInscreverInativo{
    padding:12px;
    padding-left:20px;
    padding-right:20px;
    margin:10px;
    color:var(--branco2);
    background-color: var(--florLaranja);
    font-size: 1rem;
    display: inline-block;
    cursor:pointer;
}
.btPInscrever:hover{
    background-color: var(--branco5);
    color: var(--cinza2);
}
.btPInscreverInativo{
    background-color: var(--cinza6);
    color: var(--cinza2);
    cursor:default;
    pointer-events: none;
}
.pagDetalhesMapa{
    width:100%;
}
.aqui{
    font-style: italic;
    color: var(--corTitulo2);
    font-size: 1.1rem;
}
.encheVertical{
    min-height: 300px;
}
.logoRS2{
    height:20px;
    margin:5px;
}
/* FORMULÁRIOS */

.ftable{
	width:100%;
}
.ftable td:first-child{
    vertical-align: top;
    padding-right:10px;
}
.ftable select{
	padding-top:4px;
	padding-bottom:4px;
}
.ftable td{
	padding-top:5px;
	padding-bottom:5px;
}
.ftits{
	width:20%;
    min-width: 100px;
	font-family:maiandra;
	font-size:1.1rem;
	color: var(--corTitulo2);
    padding-right:30px;
}
.finput, .ftextarea{
	font-family:sans-serif;
	font-size:0.9rem;
	color:#000;
	width:100%;
}
.ftextarea{
    min-height: 140px;
}
.apresentarDados td{
    padding:10px 20px 2px 20px;
    border-bottom:1px solid var(--corTitulo1);
}
.apresentarDados td:first-child{
    text-align: center;
    width: fit-content;
    padding:10px 20px 2px 0px;
}
.apresentarDados a:link, .apresentarDados a:visited{
    color:var(--corTitulo2);
}
.apresentarDados a:hover, .apresentarDados a:active{
    color:var(--bolinhaLaranja);
}

/* ##############  ALERTAS & CONFIRMAÇÕES ############################################      */
#sistAlerta{
    font-family:var(--txt4);
    font-weight: bold;
    width:100%;
    height: 100vh;
    position:fixed;
    background-color: rgba(0,0,0,0.6);
    z-index:8;
}
/* caixa das mensagens de alerta */
.bdAlerta{
    margin:0;
    margin-top:20vh;
    padding:40px;
    padding-bottom: 20px;
    margin-left:auto;
    margin-right:auto;
    text-align:justify;
    width:40%;
    max-width:500px;
}
.bdAlerta strong{
    font-weight: bold;
}
.bdAlerta p{
    width:100%;
    text-align: center;
}
.bdAlertaTrue{
    background-color: var(--alertaTrue);
}
.bdAlertaFalse{
    background-color: var(--alertaFalse);
}
.bdAlertaPergunta{
    background-color: var(--alertaPergunta);
}
.maisDetalhes{
    cursor:pointer;
    color:#56340a;
}
.maisDetalhes:hover{
    cursor:pointer;
    color:#ddd;
}
.bdAlerta .detalhes{
    font-size:0.9em;
    font-weight: lighter;
    font-style: italic;
    /*background-color:#999;*/
    color:#ddd;
    display:none;
    margin-top:4px;
    padding:4px;
    text-align: justify;
}
/* botões da caixa das mensagens de alerta */
.btAlerta{
    display: inline-block;
    width:100%;
    text-align: center;
}
.btAlerta input:not(:first-child){
    margin-left:20px;
}
.btAlerta input{
    padding:10px;
    padding-left:15px;
    padding-right:15px;
    color:aliceblue;
    background-color: rgb(40,40,40);
    border:0px;
    min-width:80px;
}
.btAlerta input:hover{
    background-color: rgb(80,80,80);
    cursor:pointer;
}
/* ##############  FIM DE ALERTAS & CONFIRMAÇÕES ############################################      */

/*  LOGIN       LOGIN       LOGIN       LOGIN       LOGIN       LOGIN   */
/*  LOGIN       LOGIN       LOGIN       LOGIN       LOGIN       LOGIN   */
/*  LOGIN       LOGIN       LOGIN       LOGIN       LOGIN       LOGIN   */
#ecranLogin{
    margin:0;
    width:100%;
    height:100vh;
    padding-top:12vh;
    text-align: center;
    z-index:8;
    background-color: rgba(25, 25, 25, 0.95);
    position:fixed;
}
#cxLogin{
    width:20%;
    margin-left:auto;
    margin-right:auto;
    min-width: 400px;
    padding:2.5%;
    padding-bottom:2%;
    font-family: var(--maiandra);
    text-align: right;
    background-color: var(--mpBegeFundo4);
}
#cxLogin .fdbkLogo{
    font-size:1.1rem;
    margin:0;
    padding:4px;
    font-weight: bold;
    color:var(--cor1);
    text-align: center;
}
#cxLogin input{
    font-size:1.1em;
}
#cxLogin input:not(:first-child){
    margin-top:10px;
}
#cxLogin input:not([type="submit"]){
    width:100%;
    height:30px;
}
#cxLogin input[type="submit"]{
    width:25%;
    border:0;
    background-color: var(--corTitulo2);
    color:var(--branco2);
    padding:6px;
}
#cxLogin input[type="submit"]:hover{
    background-color: var(--florLaranja);
    color:var(--branco1);
    cursor:pointer;
}


/*   AER    */
/*   AER    */
.tabApresentaDados{
    width:100%;
}
.tabApresentaDados td:not(.crudTabX td){
    padding: 15px 0;
}
.tabApresentaDadosCU td{
    padding:7px 0;
}

.tabApresentaDadosTit1{
    font-size: 1.2rem;
    font-family: maiandra;
    color:var(--corTitulo2);
    font-weight: bold;
}
.tabApresentaDadosTit2{
    vertical-align: top;
    font-size: 1rem;
    font-weight: bold;
    font-family: maiandra;
    color:var(--corTitulo1);
    width:20%;
    min-width:150px;
    padding-right:10px;
}

.bannerBackoffice{
    max-width:400px;
}

/* TABTUD0      TABTUD0      TABTUD0      TABTUD0      TABTUD0      TABTUD0      */
/* TABTUD0      TABTUD0      TABTUD0      TABTUD0      TABTUD0      TABTUD0      */
/* TABTUD0      TABTUD0      TABTUD0      TABTUD0      TABTUD0      TABTUD0      */
.tabContactosRecebidos{
    width:100%;
}
.tabContactosRecebidos .lido td{
    color: var(--cinza7);
}
.tabContactosRecebidos a:link, .tabContactosRecebidos a:visited{
    color:var(--corTitulo2);
}
.tabContactosRecebidos a:hover, .tabContactosRecebidos a:active{
    color:var(--florLaranja);
}
.tabContactosRecebidos tr:first-child td{
    padding-left:20px;
    padding-right:20px;
    font-family: var(--txt3);
    border-bottom:1px solid var(--corTitulo1);
    font-weight: bold;
}
.tabContactosRecebidos tr:not(:first-child) td{
    padding-left:8px;
    padding-right:8px;
    font-family: var(--txt3);
    border-bottom:1px solid var(--corTitulo1);
}

.tabTudo{
    min-width:300px;
    width:60%;
    /* é este font-size q controla as listagens CRUD */
    font-size:0.9rem;
}
#divTabFiltros{
    width:60%;
}
span.mais{
    font-size: 2rem;
    position: relative;
    top:2px;
}
.tabTudo td{
    padding-left:8px;
    padding-right:8px;
    font-family: var(--txt3);
    border-bottom:1px solid var(--corTitulo1);
}
.tabTudo td:first-child{ /* célula 1/3 do nome, antes dos icones editar e apagar */
    font-size:0.9rem;
    padding-right:100px;
}
.tabTudo td:not(:first-child){
    text-align:center;
    width:4%;
}
.tabTudo tr{
    background-color: var(--cor2B);
}
.tabTudo tr:hover{
    background-color:  var(--cor3);
}
.tabTudo span.crudDetalhes{
    font-size:0.8em;
    font-style: italic;
    color:var(--preto3);
}
.ico{
    width:21px;
    margin-top: 3px;
    opacity: 0.5;
}
.icoMail{
    width:26px;
    margin-top: 3px;
    opacity: 0.5;
}

.ico:hover, .icoMail:hover{
    opacity: 1;
    cursor:pointer;
}
.icoEdTab{
    position:relative;
    top:5px;
    width:18px;
    top:2px;
    opacity: 0.7;
    margin-left:10px;
}
.icoEdTab2{
    position:relative;
    top:3px;
    width:16px;
    opacity: 0.7;
    margin-left:10px;
}
.icoEdTab3{
    position:relative;
    top:2px;
    width:15px;
    opacity: 0.7;
    margin-left:10px;
}
.icoimo:hover{
    transform:scale(1.2);
    -webkit-transform:scale(1.2);
    -moz-transform:scale(1.2);
    -ms-transform:scale(1.2);
    -o-transform:scale(1.2);
}
.crudLink{
    width:100%;
    margin-top:7px;
}
.crudLink span:first-child{
    position:relative;
    top:-2px;
}
.crudLink span:nth-child(2){
    position:relative;
    top:-3px;
}
.tabTudoAd{
    font-weight: bolder;
    font-size:1.2rem;
    font-family: var(--preto2);
}
.tabTudoAdP{
    font-weight: bolder;
    font-size:1.1rem;
    font-family: var(--preto2);
}
.tabTudoAd:link, .tabTudoAd:visited, .tabTudo .crudLink:link, .tabTudo .crudLink:visited{
    color:var(--cinza2);
}
.tabTudoAd:hover, .tabTudoAd:active, .tabTudo .crudLink:hover, .tabTudo .crudLink:active{
    color:var(--corTitulo1);
}
/*  CRUDTAB       CRUDTAB       CRUDTAB       CRUDTAB       CRUDTAB       CRUDTAB     */
/*  CRUDTAB       CRUDTAB       CRUDTAB       CRUDTAB       CRUDTAB       CRUDTAB     */
/*  CRUDTAB       CRUDTAB       CRUDTAB       CRUDTAB       CRUDTAB       CRUDTAB     */
.crudAgrega:link,.crudAgrega:visited{
    color:var(--txtcor3);
}
.crudAgrega:hover,.crudAgrega:active{
    color:var(--txtcor2),
}
#crudArea, .crudAreas{
    width:100%;
    min-height:50vh;
} 
#crudAreaX{
    width:60%;
    padding:1%;
    max-width:800px;
    max-width:400px;
    margin-left: auto;
    margin-right: auto;
    margin-top:10vh;
} 
.crudTabX, .crudTabX2{
    padding:10px;
    width:60%;
    min-width:400px;
    margin:0;
}
.crudTabX2 tr td:first-child{
    width:25%;
}
.crudTabX2{
    border-spacing: 10px;;
}
.crudTabX{
    background-color: var(--mpBegeAreia);
}
.crudTabX tr td:first-child{
    text-align:left;
}

.crudTab, .crudTab2{
    padding:10px;
    width:100%;
}
.crudTab .tdDetalhesCliente{
    color:var(--preto2);
    font-size:0.9rem;
}

.crudBar{
    width:30%;
    float:right;
}
.crudLi{
    color:var(--branco4);
    padding:10px;
    padding-bottom:6px;
    margin-bottom:1px;
    background-color: var(--cor2);
}
.crudLi:not(:first-child){
    margin-top:20px;
}
.crudLiItem{
    color:var(--preto1);
    padding:10px;
    padding-bottom:6px;
    margin-bottom:1px;
    background-color: var(--cor2B);
}
.crudLiItem a:link,.crudLiItem a:visited{
    color:var(--preto1);
}
.crudLiItem a:hover,.crudLiItem a:active{
    color:#c49050;
}
.crudTab td:not(#tab2colspan td):not(#historico .tdHist1):not(#historico .tdHist2):not(#tableInputFileIlustra td):not(#tableInputFilePrograma td){
    padding-top:15px;
}
#historico {
    padding:0;
    font-size:0.8em;
    width:100%;
}
#historico tr:hover {
    background-color: rgba(250, 250, 250, 0.4);
}
#historico .tdHist1{
    padding:0;
    padding-right:20px;
}
#historico .tdHist2{
    color:#555;
    padding-right:40px;
}
.divComissoes{
    display:flex;
    flex-wrap: wrap;
    justify-content: left;
}
.divComissoes .comissoesStuff{
    max-width: 30%;
}
.comissoesStuff:first-child{
    width: 20%;
}
.comissoesStuff:not(:first-child){
    margin-left: 10%;
}
.comissoesStuff:nth-child(2){
    width: 20%;
}
.comissoesStuff:last-child{
    max-width: 50%;
}
#tab2colspan td{
    padding:0;
    vertical-align: top;
}
#tab2colspan td input{
    margin:0;
}
.crudTab td:first-child:not(#tableInputFileIlustra td):not(#tableInputFilePrograma td){
    font-family: var(--txt1);
    color:var(--preto1);
    width:20%;
    vertical-align: top;
}
.vatop{
    vertical-align: top;
}
.crudTab td:nth-child(2):not(#historico .tdHist1):not(#historico .tdHist2):not(#tableInputFileIlustra td):not(#tableInputFilePrograma td){
    padding-left:20px;
    width:75%;
}
.finput{ 
    width:100%;
    background-color: #fff;
    height:27px;
    border: 2px solid var(--cinza2);
    min-width:50px;
    outline: none;
}
.finput2{ 
    width:60%;
    background-color: #fff;
    height:27px;
    border: 2px solid var(--cor1);
    min-width:96px;
    outline: none;
}

.finput:focus{
    box-shadow: 2px 3px 2px #333;
}
.finputX:focus ~ .checkMarca, .finputX:focus ~ .checkMarcaRadio{
    box-shadow: 2px 2px 2px #555;
}

#fcomiss{
    min-width:60px;
}

.divInvisivel{
    margin:0;
    margin-top:10px;
    padding:0;
    font-size:0.9rem;
    display:flex;
    flex-wrap: nowrap;
    justify-content: left;
}
/* CHECKBOXES PERSONALIZADAS  */
/* CHECKBOXES PERSONALIZADAS  */
            /* The container */
            .contentorCheckbox {
                display:inline-block;
                position: relative;
                padding-left: 24px;
                margin-bottom: 8px;
                cursor: pointer;
                -webkit-user-select: none;
                -moz-user-select: none;
                -ms-user-select: none;
                user-select: none;
                font-size:0.9rem;
                /* border: 3px solid green; */
            }
            
            /* Hide the browser's default checkbox */
            .contentorCheckbox input {
                position: absolute;
                opacity: 0;
                cursor: pointer;
                height: 0;
                width: 0;
            }
            
            /* Create a custom checkbox */
            .checkMarca {
                position: absolute;
                top: 1px;
                left: 0;
                height: 19px;
                width: 19px;
                background-color: #fff;
                border: 2px solid var(--cinza2);
            }
            /* On mouse-over, add a grey background color */
            .contentorCheckbox:hover input ~ .checkMarca {
                background-color: #bbb;
            }
            /* When the checkbox is checked, add a blue background */
            .contentorCheckbox input:checked ~ .checkMarca {
                background-color: #fff;
            }
            /* Create the checkmark/indicator (hidden when not checked) */
            .checkMarca:after {
                content: "";
                position: absolute;
                display: none;
            }
            /* alinhar a legenda com a caixinha  */
            .contentorCheckbox span:last-child{
                position: relative;
                top:2px;
            }
            /* O visto (marca checked) */
            .contentorCheckbox input:checked ~ .checkMarca:after {
                display: block;
            }
            /* Personalizar a marca: um retangulo com border em 2 lados L, roda 45 graus e fica um visto!! */
            .contentorCheckbox .checkMarca:after {
                left: 4px;
                top: 0px;
                width: 4px;
                height: 9px;
                border: solid var(--cinza2);
                border-width: 0 3px 3px 0;
                -webkit-transform: rotate(45deg);
                -ms-transform: rotate(45deg);
                transform: rotate(45deg);
            }

            /* Quando o formulário está DISABLED */
            /* Quando o formulário está DISABLED */

            /* cor de fundo */
            .contentorCheckbox input:disabled ~ .checkMarca {
                background-color: #ddd;
                border: 2px solid #999;
            }
            /* A cor da legenda */
            .contentorCheckbox input:disabled ~ span {
                color: #888;
            }
            /* Personalizar a marca: um retangulo com border em 2 lados L, roda 45 graus e fica um visto!! */
            .contentorCheckbox input:disabled ~ .checkMarca:after {
                border: solid #888;
                border-width: 0 3px 3px 0;
            }
/* FIM DE CHECKBOXES PERSONALIZADAS  */
/* FIM DE CHECKBOXES PERSONALIZADAS  */

/* RADIO BUTTONS PERSONALIZADOS  */
/* RADIO BUTTONS PERSONALIZADOS  */
            /* The container */
            .contentorRadio {
                display: inline-block;
                position: relative;
                padding-left: 25px;
                margin-bottom: 5px;
                margin-right: 25px;
                cursor: pointer;
                -webkit-user-select: none;
                -moz-user-select: none;
                -ms-user-select: none;
                user-select: none;
                font-size:0.9rem;
            }
            /* Hide the browser's default radio button */
            .contentorRadio input {
                position: absolute;
                opacity: 0;
                cursor: pointer;
            }
            /* Create a custom radio button */
            .checkMarcaRadio {
                position: absolute;
                top: 0;
                left: 0;
                height: 19px;
                width: 19px;
                background-color: #fff;
                border-radius: 50%;
                border: 2px solid var(--cinza2);
            }
            /* On mouse-over, add a grey background color */
            .contentorRadio:hover input ~ .checkMarcaRadio {
                background-color: #bbb;
            }
            /* When the radio button is checked, add a blue background */
            .contentorRadio input:checked ~ .checkMarcaRadio {
                background-color: #fff;
            }
            /* Create the indicator (the dot/circle - hidden when not checked) */
            .checkMarcaRadio:after {
                content: "";
                position: absolute;
                display: none;
            }
            /* Show the indicator (dot/circle) when checked */
            .contentorRadio input:checked ~ .checkMarcaRadio:after {
                display: block;
            }
            /* alinhar a legenda com a caixinha  */
            .contentorRadio span:last-child{
                position: relative;
                top:2px;
            }
            /* A marca bolinha */
            .contentorRadio .checkMarcaRadio:after {
                background-color: var(--cinza2);
                top: 2px;
                left: 2px;
                width: 11px;
                height: 11px;
                border-radius: 50%;
            }

            /* Quando o formulário está DISABLED */
            /* Quando o formulário está DISABLED */

            /* cor de fundo */
            .contentorRadio input:disabled ~ .checkMarcaRadio {
                background-color: #ddd;
                border: 2px solid #999;
            }
            /* A marca bolinha */
            .contentorRadio input:disabled ~ .checkMarcaRadio:after {
                background-color: #888;
            }
            /* A cor da legenda */
            .contentorRadio input:disabled ~ span {
                color: #888;
            }

/* FIM DE RADIO BUTTONS PERSONALIZADOS  */
/* FIM DE RADIO BUTTONS PERSONALIZADOS  */

/* SELECTS PERSONALIZADOS  */
/* SELECTS PERSONALIZADOS  */
           

/* FIM DE SELECTS PERSONALIZADOS  */
/* FIM DE SELECTS PERSONALIZADOS  */
.finputCor{
    width:10%;
    min-width:40px;
    background-color: #fff;
    margin-right:8px;
}
.finput::placeholder, 
.finput::-moz-placeholder, 
.finput::-webkit-input-placeholder{
    color:#999;
}
select.finput{
    padding-bottom:2px;
    /* background-color: #fff; */
}
.finput[disabled], .finput2[disabled]{
    background-color: #DDD;
    border: 2px solid #999;
    color:#888;;
}

textarea.finput{
    height:150px;
}
input[type='file'].finput{
    background-color: var(--cor2B);
    border:none;
}

.naoPresente{
    display:none;
}
.notFound{
    color:#56100a;
}
.span3checkbxs:not(:first-child){
    margin-left: 20px;
}
/* ::::::::::::::::::::::::::::::::::::::::::::: */

.tabApresentaDados .tabAD_td_icones{
    padding:0;
}
.tabApresentaDados a:not(.apagaImg):link, .tabApresentaDados a:not(.apagaImg):visited{
    color:var(--txtcor5);
} 
.tabApresentaDados a:not(.apagaImg):hover, .tabApresentaDados a:not(.apagaImg):active{
    color:var(--txtcor2);
}
.tabApresentaDadosCOR2{
    background-color: var(--branco3);
}
.tabAD_td_icones span {
    padding:0;
    margin:0;
    position: relative;
    top:4px;
}
.tabAD_td_icones a .ico{
    width:18px;
    position: relative;
    top:8px;
    margin-left:20px;
    filter: opacity(70%);
    -webkit-filter: opacity(70%);
}
.tabAD_td_icones a .ico:hover{
    width:18px;
    position: relative;
    top:8px;
    margin-left:20px;
    filter: opacity(100%);
    -webkit-filter: opacity(100%);
    transform:rotate(45deg);
    -webkit-transform:rotate(45deg);
    -moz-transform:rotate(45deg);
    -ms-transform:rotate(45deg);
    -o-transform:rotate(45deg);
}
.tdColspan{
    text-align: center;
}
.ilustraPagina{
    width:50%;
    min-width: 250px;
    max-width: 400px;
    /*box-shadow: x y blur spread cor inset */
    box-shadow: 0 4px 4px 1px rgba(0, 0, 0, 0.2), 0 6px 10px 1px rgba(0, 0, 0, 0.19);
}

input[type="submit"][value='adicionar'], input[type="submit"][value='Enviar'], input[type="submit"][value='seguinte'],  input[type="submit"][value='atualizar'], input[type="button"]:not(.alertaBt), input[type="reset"]{
    border-width: 0;
    font-family: var(--txt1);
    background-color: var(--corTitulo2);
    color:#fff;
    padding:5px;
    padding-left:10px;
    padding-right:10px;
    cursor:pointer;
    margin-right:12px;
    margin-top:6px;
    min-width :75px;
}
input[type="submit"]:hover, input[type="button"]:not(.alertaBt):hover, input[type="reset"]:hover{
    background-color: var(--florLaranja);
}
.aerTit2{
    font-size: 1.2rem;
    color:var(--corTitulo2);
}
.tableNeutra{
    margin:0;
    padding:0;
    width:100%;
}
.tableNeutra td{
    margin:0;
    padding:0;
    width:100%;
}
.oculto{
    display:none;
}
.visivel{
    display:table-cell;
}
.visivelTr{
    display:table-row;
}
.pdfIframe{
    width:100%;
    aspect-ratio: 3/4;
}

.btResponderContacto{
    padding:10px;
    padding-left:16px;
    padding-right:14px;
    color:var(--cinza2);
    background-color: var(--mpBegeAreia);
}
.btResponderContacto:hover{
    background-color: var(--branco5);
    cursor:pointer;

}
.fCResposta{
    background-color: var(--mpBegeFundo4);
    padding:10px;
}
.fCResposta p{
    margin:5px 0;
}
.dataFCResposta{
    color: var(--corTitulo1);
    
}
.respostaFCResposta{
    color:var(--cinza4);
    padding-left:30px;
}

#tabFiltros{
    width:13.5%;
    float:right;
    position: relative;
    top:10px;
    margin-right:2%;
}
#tabFiltros .icoimo{
    width:24px;
    margin-left:10px;
}
#tabFiltros .icoimo:hover{
    cursor:pointer;
}
.icoimo:hover{
    transform:scale(1.2);
    -webkit-transform:scale(1.2);
    -moz-transform:scale(1.2);
    -ms-transform:scale(1.2);
    -o-transform:scale(1.2);
}

/* GESTÃO DAS IMAGENS DOS LOCAIS   */

.imgAgrega{
    display:flex;
    flex-wrap:wrap;
    /* background-color: aqua; */
    justify-content: flex-start;
}
.moldura{
    width:19%;
    margin:0.5%;
    padding-top: 10%;   /* SUPER IMPORTANTE: foi assim que consegui que ficasse com altura  (12% da largura de #imgagrega) */
    display: flex;
    justify-content: center;
    align-items: center;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    border:3px solid var(--florLaranja);
}
.apagaImg{
    background-color:rgba(210, 131, 75,0.8);
    color:var(--branco1);
    width:100%;
    text-align: center;
    font-family: var(--txtNormal);
}

.apagaImg:hover{
    background-color:rgba(255, 255, 255,0.8);
    color:rgb(210, 131, 75);
}

.molduraAdd{
    width:19%;
    margin:0.5%;
    padding:0;
    display: flex;
    justify-content: center;
    align-items: center;
    align-content: center;
    flex-direction: column;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    border:3px solid var(--florLaranja);
}
.molduraAdd a{
    margin:0;

    width:100%;
    height:100%;
}
.albergaAddDiv{
    width:100%;
}
.divAddImg{
    width:40%;
    margin-top:12%;
    margin-bottom: 8%;
    margin-left:auto;
    margin-right:auto;
    aspect-ratio:1/1;
    background-image:url("../imagens/icones/addImage.svg");
}

.molduraAdd a:link, .molduraAdd a:visited{
    background-color: var(--mpBegeAreia);
}
.molduraAdd a:hover, .molduraAdd a:active{
    background-color: var(--mpBegeFundo3);
}

/* FIM DE GESTÃO DAS IMAGENS DOS LOCAIS   */

.spanLinkMaisHorarios{
    color:var(--corTitulo2);
}
.spanLinkMaisHorarios:hover{
    cursor:pointer;
    color:var(--florLaranja);
}
.miniIco{
    width:14px;
    margin-left:15px;
    opacity: 0.5;
    cursor:default;
}
.miniIco:hover{
    opacity: 1;
    cursor:pointer;
}
.quadroResumoInicial{
    background-color: var(--mpBegeAreia);
    color:var(--cinza2);
    line-height: 150%;
    max-width:400px;
    padding:20px;
    margin:60px auto;
    font-size: 1rem;
}
.tdLink:hover{
    cursor:pointer;
}

#trDetalhes{
    width:100%;
}

/* ::::::::::::::::::::::  INÍCIO DE COOKIE BANNER  :::::::::::::::::::::  */

#cookie-banner {
    position: fixed;
    bottom: 0;
    background-color: #333;
    color: #bbb;
    width: 100%;
    text-align: center;
    padding: 20px;
    opacity: 0;
    transition: opacity 1s ease-in, opacity 1s ease-out;
    visibility: hidden;
    z-index: 3;
    line-height: 28px;
    font-size: 0.9rem;
}

#cookie-banner.visible {
    opacity: 1;
    visibility: visible;
}

#cookie-banner a {
    color: var(--mpBegeAreia);
    text-decoration: underline;
}

#cookie-banner button {
    margin-left: 20px;
    padding: 5px 10px;
    background-color: var(--mpBegeAreia);
    color: var(--cinza2);
    border: none;
    position:relative;
    top:2px;
    border-radius: 2px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -ms-border-radius: 2px;
    -o-border-radius: 2px;
}
#cookie-banner button:hover{
    background-color: rgb(230, 183, 119);
    color: var(--preto);
    cursor: pointer;
}

/* ::::::::::::::::::::::  FIM DE COOKIE BANNER  :::::::::::::::::::::  */







@media only screen and (min-width: 1201px) {   /*  http://howbigismybrowser.com/  */
    .imgsDesc, .imgsDesc2{
        width:23%;
    }
    .tit1imgRecortada{
        font-size:2.2rem;
    }
    .tit2imgRecortada{
        font-size:1.2rem;
    }
    .txtimgRecortada{
        font-size:1.1rem;
    }

}
@media only screen and (max-width: 1201px) {   /*  http://howbigismybrowser.com/  */
    .imgsDesc, .imgsDesc2{
        width:23%;
    }
    .tit1imgRecortada{
        font-size:2.1rem;
    }
    .tit2imgRecortada{
        font-size:1.1rem;
    }
    .txtimgRecortada{
        font-size:1rem;
    }

}
@media only screen and (max-width: 1025px) {  
    /* INÍCIO de aulas particulares  */
    .pcView{
        display:none; 
    }
    .tbView{
        display:block;
    }
    .mbView{
        display:none;    
    }
    /* FIM DE aulas particulares  */
    .moldura, .molduraAdd{
        width:31.3%;
        margin:1%;
    }
}
@media only screen and (min-width: 769px) {   /*  http://howbigismybrowser.com/  */
    .menuMobile{
        display:none;
        margin:0;
        padding:0;
        width:100%;
    }
}
@media only screen and (max-width: 769px) {  
    /* MENU do backoffice  */
    #navMenuAR.navARBig{
        display:none;
    }
    #navMenuAR.navARSmall{
        display: flex;
    justify-content: flex-end;
    align-items: center;
    align-content: center;
    flex-wrap: wrap;
    }
    /* FIM DE MENU do backoffice  */

    /* INÍCIO de MENU HEADER  */
    header #naveg1{
        display:none;
    }
    .menuMobile{
        display:flex;
        justify-content: flex-end;
        align-items:center;
        align-content:center;
        flex-wrap: nowrap;

    }
    /* FIM DE MENU HEADER */
    #mainBanner{
        border-width:6px;
    }
    /* 2º Menu - Bolinhas  */
    .cxinhasSegundoMenu{
        width:44%;
        /* min-width:184px; */
        margin:3%;
    }
    .bolinhasSegundoMenu a{
         max-width:120px; 
    }
    /* INÍCIO de aulas particulares  */
    .pcView{
        display:none; 
    }
    .tbView{
        display:none;
    }
    .mbView{
        display:block;    
    }

    .txtimgRecortada{
        display:none;
    }
    /* FIM DE aulas particulares  */
    /* INÍCIO DE publicações  */
    .cxinhasPosts{
        position:relative;
        width:46%;
        margin:2%;
        margin-top:20px;  
    }
    /* FIM DE publicações     */
    #cobreBannerESegundoMenu{
        width:100%;
        background-image: url('../imagens/padrao_yoga_e_espiritualidade.png'), linear-gradient(
            to bottom,
            var(--mpBegeAreia) 0%,
            var(--mpBegeAreia) 10%,
            var(--mpBegeFundo1) 10%,
            var(--mpBegeFundo1) 100%
          );
        margin-top : 100px;  /*  devido ao banner estar position:fixed */
    }
    /* separador sol e pontinhos  */
    .separadorPrincipal{
        width:50%;
        padding-top:30px;
        margin-bottom:30px;
    }
    .tit2PaginasSec{
        margin-bottom:50px;
    }
    /* Imagem que ilustra o início de cada página*/ 
    .imgIlustraPaginas{
        /*box-shadow: x y blur spread cor inset */
        max-width:96%;
    }
    .bdAlerta{
        width:60%;
    }
    /* tabela CRUD */
    .tabTudo{
        width:100%;
    }
    .imgsDesc, .imgsDesc2{
        width:31.33%;
    }
    .cxDescAula .cxDetalhe, .cxDescAula2 .cxDetalhe{
        width: 100%;
        min-width: 300px;
    }
    .tabelaConteudo{
        font-size:0.9rem;
    }
    .textoPorCimaDaImagemRecortada{
        width:75%;
    }
}
@media only screen and (max-width: 481px) {  
    .contentorFlexAssinatura2{
        display:none;
    }
    /* INÍCIO DE publicações  */
    .cxinhasPosts{
        position:relative;
        width:80%;
        margin-left:10%;  
        margin-right:10%;  
    }
    /* FIM DE publicações     */
    /* separador sol e pontinhos  */
    .separadorPrincipal{
        width:60%;
        padding-top:0px;
        margin-bottom:0px;
    } 
    .tit2PaginasSec{
        margin-bottom:30px;
    }

    /* Caixa e Imagem que ilustra o início de cada página*/ 
    .divIlustraPaginas{
        max-width: 100%;
    }
    .imgIlustraPaginas{
        /*box-shadow: x y blur spread cor inset */
        max-width:100%;
    }
    .bdAlerta{
        width:90%;
    }
    .imgsDesc, .imgsDesc2{
        width:48%;
    }
    .moldura, .molduraAdd{
        width:48%;
        margin:1%;
    }
    .tabelaConteudo{
        font-size:0.85rem;
    }
    .textoPorCimaDaImagemRecortada{
        width:85%;
    }
}






/*
For devices with varying screen sizes, there are a few common breakpoints –

    - For Mobile Devices – 320px — 480px
    - iPads and Tablets – 481px — 768px
    - Laptops and small screen – 769px — 1024px
    - Large screens and Desktops – 1025px — 1200px
    - TV and Extra Large Screens – 1201px and more

Popular frameworks like Foundation, Bootstrap, and Bulma.

    Foundation – 40em and 64em
    Bootstrap – 576px, 768px, 992px, and 1200px
    Bulma – 768px, 769px, 1024px, 1216px, and 1408px

*/