@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,300;0,400;0,500;0,600;0,700;0,900;1,400;1,500;1,600;1,700;1,900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Libre+Bodoni:ital,wght@0,400;0,500;0,600;0,700;1,400;1,500;1,600;1,700&display=swap');

:root{ 

    font-family: 'Montserrat', sans-serif;

    /* cores padrões */
    --color-primary: #9255FB;
    --color-secondary: #000;
    --color-tertiary: linear-gradient(to left top, #7C3EFF, #9255FB);
    --color-text: #000;
    --color-back: #FFF;
    --color-dark: #000;
    --color-light: #f3f3f3;

    /* botões */
    --btn-back: var(--color-primary);
    --btn-back-hover: var(--color-text);
    --btn-color: #FFF;
    --btn-color-hover: var(--btn-color);

    /* top bar */
    --bar-back: var(--color-secondary);
    --bar-color: rgba(255,255,255,0.8);
    --bar-icon-color: var(--color-primary);
    --bar-icon-redes-color: var(--color-primary);
    --bar-icon-redes-color-hover: var(--color-primary);

    /* top */
    --top-logo-padding: 5px 10px;
    --top-logo-padding-responsive: 5px;
    --top-logo-width-responsive: 60px;
    --top-logo-height-responsive: 60px;
    --top-back: var(--color-secondary);    
    --top-nav-back: transparent;
    --top-nav-color: #FFF; /*#F6E7D8;*/
    --top-nav-hover-back: #8c52fc;
    --top-nav-hover-color: #F6E7D8; /*var(--color-primary);*/
    --top-drop-back: transparent;
    --top-drop-color: #FFF;
    --top-drop-hover-back: #8c52fc;
    --top-drop-hover-color: #F6E7D8;

    /* footer */
    --footer-back: var(--color-secondary);
    --footer-color: rgba(255,255,255,0.8);
    --footer-copy-back: rgba(255,255,255,0.05);
    --footer-copy-color: rgba(255,255,255,0.8);
    --footer-icon-color: rgba(255,255,255,0.8);
    --footer-icon-redes-color: #FFF;
    --footer-icon-redes-color-hover: #FFF;

    /* title */
    --title-color: var(--color-primary);
    --title-line-color: var(--color-secondary);
    --title-line-size: 150px;
    --title-post-color: #333;

    --title-internal-color: var(--color-primary);
    --title-internal-back: var(--color-light);

}

body { font-size: 15px; font-weight: 500; }

header .navbar-nav  { display: flex; width: 100%; }
header .navbar-nav  > li { flex-grow: 1; margin: 0 3px; }
header .navbar-nav a { display: block; font-size: 0.9em; text-align: center; padding: 15px 5px; background: var(--color-primary); border-radius: 30px; font-weight: 700; text-transform: uppercase;  }
header .navbar-nav li.whats a{color:#FFF;background:#25D366; font-size:0.8em; border-radius: 30px; padding: 10px 25px; font-family: 'Montserrat', sans-serif; }
header .navbar-nav li.whats a i { font-size: 1.8em; vertical-align:-4px }
header .navbar-nav .dropdown-menu { box-shadow: none; }




.btn-primary { padding: 15px 50px; font-size: 1.1em; border-radius:30px; font-weight: 700; }
.bg-primary { background: #E8C744 !important; }
.bg-tertiary { background: var(--color-tertiary) !important; }

.title { /*font-family: 'Libre Bodoni', serif;*/ font-weight: 700; /*text-transform: uppercase;*/ }
.title-text { font-weight: 500; }

#box-welcome { font-size:1.0em; }
#box-welcome .title { font-size: 2.0em; font-weight: 700; }

.box-chamada { font-size: 1.05em; line-height: 1.6em; font-weight:500; }
.box-chamada h2 { /*font-family: 'Libre Bodoni', serif;*/ font-weight: 700; /*text-transform: uppercase;*/ }
.box-chamada ul { list-style: none; padding: 0; margin: 0 0 0 25px; }
.box-chamada li { position: relative; margin-bottom: 20px; }
.box-chamada li:before { position: absolute; display: block; content: '2022'; text-indent: -999999px; left: -25px; width: 16px; height: 16px; background-repeat: no-repeat; background-image: url('https://sitescriar.com.br/xj9moneipu/favicon.ico'); background-size: 16px 16px; background-position: 0 0; margin-top: 5px; }

.box-chamada .btn { margin-top: 20px; }

.box-atuacao { text-align: left !important; font-size: 0.95em; line-height: 1.6em; }
.box-atuacao h2 { font-size: 4.1em; margin-bottom: 20px; font-weight: 500; color: var(--color-primary); }
.box-atuacao h2 strong { font-weight: 700; } 
.box-atuacao h3 { font-size: 1.7em; font-weight: 600; color: var(--color-primary); margin-bottom: 10px; }
.box-atuacao .bg-secondary { background: #595959 !important; color: #FFF; font-size: 1.1em; }
.box-atuacao p { margin-bottom: 15px; }
.box-atuacao p strong { color: var(--color-primary); font-weight: 500; }


#sobre { background: var(--color-light); background: linear-gradient(90deg, var(--color-light) 0%, var(--color-light) 50%, var(--color-back) 50%, var(--color-back) 100%); }
#sobre p { font-size: 1.15em; font-weight: 500; line-height: 1.7em; }

#servicos .image { display: flex; height: 50vh; flex-grow: 1; }
#servicos .image img { max-height: 100%; min-width: 100%; object-fit: cover;vertical-align: bottom; }
#servicos h2 { color: var(--color-primary); }

#treino-box .border { font-size: 0.9em; border: 3px solid var(--color-primary) !important; border-radius: 5px !important; }

#atividades .nav-pills { display: grid; grid-template-columns: repeat(7, 1fr); align-items: flex-end; }
#atividades .nav-pills .nav-link { display: flex; align-items: flex-end; justify-content: center; text-align: center; background: var(--color-primary); color: #FFF; margin: 0 5px; border-radius: 15px; min-height: 180px; padding: 25px 10px; font-weight:900; font-size: 1rem; line-height: 1.2rem; transition: .5s; }
#atividades .nav-pills .nav-link:hover { opacity: 0.8; }
#atividades .nav-pills .nav-link.active { background-color: #FFF !important; color: var(--color-primary) !important; -webkit-box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.1); -moz-box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.1); box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.1); }
#atividades .tab-pane { background: #FFF; border-radius: 15px; padding: 40px 30px 30px 30px; }
#atividades .tab-pane li { margin-bottom: 10px; }

@media(max-width: 767.99px){
    #atividades .nav-pills { overflow-x:auto; padding-bottom: 10px; /*display:flex; gap:15px;*/ }
    #atividades .nav-pills .nav-link { min-width: 120px; min-height: 150px; padding: 20px 5px; font-size: 0.8rem; }
}

.photo { height: 500px; display: flex; width: 100%; padding: 0; box-sizing: border-box;  }
.photo .box { flex: 1; overflow: hidden; transition: .5s; margin: 0; line-height: 0; } 
.photo .box > img { width: 200%; height: 100%; object-fit: cover; transition: .5s; opacity: .8; filter: grayscale(1) contrast(1.2); }
.photo .box:hover { flex: 1 1 50%; }
.photo .box:hover > img { width: 100%; height: 100%; opacity: 1; filter: grayscale(0) contrast(1); }


.widget-header{ background:var(--color-secondary); }

.bg-primary { background: var(--color-primary) !important; }

@media(max-width: 767.99px){
    .box-chamada { font-size: 0.9em; }
    .photo { height: 200px; }
}