/*ICONES*/
@import url("https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/font/bootstrap-icons.min.css");

/*FONTES*/
@import url('https://fonts.googleapis.com/css2?family=Michroma&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@400;700;900&family=Roboto+Slab&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');


/*GENÉRICAS*/

body{font-family: 'Poppins', sans-serif;}

h2{font-size:22px; font-weight:800;}

header.topo-treino{background-color:#2E2A30;}
header.topo-treino{text-align:center; padding:30px 0 30px 0; color:white;}
header.topo-treino a{color:white;}
header.topo-treino img{height:90px;}
header.topo-treino i{
    position: absolute;
    font-size: 30px;
    margin-top: 35px;
    animation:anima-dedinho 1s linear 3;
    animation-fill-mode: forwards; 
}

.setas-de-navegacao{}
.setas-de-navegacao i{color:#333; cursor:pointer;}
.setas-de-navegacao i:hover{color:#ef5f59;}

@keyframes anima-dedinho{
    0%{
        opacity:0;
        right:5vw;
        transform: rotate(360deg) scale(1);
    }
    
    50%{
        opacity:1;
        right:25vw;
        transform: rotate(312deg) scale(1);
    }

    60%{
        opacity:1;
        right:25vw;
        transform: rotate(312deg) scale(.8);
    }
    
    70%{
        opacity:1;
        right:25vw;
        transform: rotate(312deg) scale(1);
    }
        
    90%{
        opacity:1;
        right:25vw;
        transform: rotate(312deg) scale(1);
    }
        
    100%{
        opacity:0;
        right:25vw;
        transform: rotate(312deg) scale(1);
    }
}

.btn-home{text-align: center;}
.btn-home a{
    background-color: #11acb0;
    color: #ffffff;
    padding: 10px;
    font-size: 13px;
    margin-top: -14px;
    border-radius: 30px;
    display: inline-block;
    position: absolute;
    margin-left: -11px;
}

.pos-header{padding-top:35px; padding-bottom:5px; font-weight:900; background-image: url(../img/bck-linhas-02.jpg); background-size:contain; text-align:center; background-repeat:no-repeat; background-position:bottom;}
.pos-header h1{color:#11ACB0; font-weight:800; font-size:55px;}
.pos-header h2{color:#2E2A30; font-weight:800;}
.pos-header h2.titulo{margin-top:3vh;}
.box-frase p{	font-weight: 400;    font-size: 16px;    padding: 50px 20px 50px 20px;    font-style: italic;    line-height: 1.4;    background: white;    box-shadow: 0px 4px 20px #e2e2e2;    margin: 35px 15px;	position:relative;}
.box-frase p::after{	content:url('../img/selo-slim.svg'); 	position: absolute;    width: 75px;    right: 8px;    top: -30px;    transform: rotate(20deg);	}
.bck-azul{background-color:#11ACB0; padding-top:15px; padding-bottom:15px; color:white; line-height:1.7em; text-align:center; font-weight:500;}
.bck-azul span{margin:0 15px;}
.bck-azul span:last-child{display:none;}
.acessorios{}
.acessorios p{font-weight:800;}
.acessorios p.titulo{background-color:#11ACB0;}
.bck-azul-2{background: linear-gradient(to bottom, rgba(17,172,176,1) 0%, rgba(17,171,176,1) 51%, rgba(255,255,255,1) 51%, rgba(255,255,255,1) 100%);padding-top:15px; padding-bottom:15px; color:white; line-height:1.7em; text-align:center; font-weight:500;}

.tabela-treino{margin-top:30px;}
.tabela-treino table{width:100%;}
.tabela-treino .nr-repeticoes{font-weight:700;}

.tabela-treino iframe{width:100%;}
.tabela-treino table tr td img{width:38px; cursor:pointer; vertical-align:middle;}
.tabela-treino table tr td img:hover{filter:brightness(1.2);}
.tabela-treino table tr td{vertical-align:middle; line-height:1.3em; text-align:center; padding:20px; font-size:17px;  word-break: break-word;}
.tabela-treino table tr td:first-child{text-align:left;}
.tabela-treino table tr td.qtd-repeticoes{font-size:32px; font-weight:800; font-style:italic;}
.tabela-treino table tr th{color:white; background-color:#333; padding:15px; font-size:10px; text-align:center; vertical-align:middle; font-weight:500;}
.tabela-treino table tr th:first-child{font-size:22px; font-weight:700; text-align:left; width:75%; background-color:#5c5c5c;}
.tabela-treino p.txt-observacoes{font-size:16px; line-height:1.2; margin-top:8px; font-weight:500; color:#000; font-style:italic;}
.tabela-treino .table-striped>tbody>tr:nth-of-type(even){background-color:#f8f8f8;}
.tabela-treino .table-striped>tbody>tr:nth-of-type(odd){background-color:#f2f2f2;}
.tabela-treino .informacoes-ddd{background-color:#00b4b8; padding:15px; line-height:1.6; color:white; word-break: break-word;}
.inicio-area-exercicio .tabela-treino .informacoes-ddd{display:none; text-align:center;}
.inicio-area-exercicio .tabela-treino:nth-child(5) .informacoes-ddd{display:block;}
.inicio-area-exercicio .tabela-treino .informacoes-ddd h1{font-weight:900; font-size:32px; margin-top:6px; text-shadow:2px 2px 6px #693937;}
.inicio-area-exercicio .tabela-treino .informacoes-ddd p.tempo{font-size:18px; text-transform:uppercase; font-weight:500; color: #575757; margin-top:-5px;}
.inicio-area-exercicio .tabela-treino .informacoes-ddd p.repeticoes{font-size:18px; font-weight:bolder; margin-top:10px; margin-bottom:12px; font-family:'Michroma', sans-serif; letter-spacing:7px;}
.inicio-area-exercicio .tabela-treino:nth-child(5) table tr th{background-color:#303030;}
.inicio-area-exercicio .tabela-treino:nth-child(5) table tr th:first-child {background-color:#575757; color:#575757;}

.navegacao-entre-treinos{margin-bottom:40px; font-weight:400; letter-spacing:1px; margin-top:30px; text-align:center;}
.navegacao-entre-treinos a{text-decoration:none; color:white; margin:0 3px; background-color:#ef5f59; border-radius:30px; padding:13px 25px; font-size:12px; text-transform:uppercase;}

.box-modal{line-height:1.3em; font-size:18px; display:none; padding:85px 25px 100px 25px; background-color:rgba(0,0,0,.95); position:fixed; width:100%; left:0; bottom:0; color:white; height:100vh; z-index:99999999; overflow:auto;}
.box-modal .itens-modal{background-color:#2d2d2d; width:50%; margin:0 auto; padding:30px; text-align:left; margin-top:-5px;}
.box-modal .itens-modal h1{font-weight:700; font-size:30px; text-transform:uppercase; color:#939393;}

.btnFechar{color:#fff; position: fixed; left: 0px; bottom: 0px; background: #ff382f; border: none; font-size: 70px; padding:25px; width:100%}
.btnFechar span{font-size:16px; color:black; vertical-align:bottom; text-transform:uppercase; font-weight:800;}

.rodape-treino{padding:70px 85px 15px 15px; margin-top:-15px; line-height:1.4em; font-weight:400; font-size:12px;}

.pg-inicial {    height: 90vh;	background: url('../img/bck-linhas-02.jpg')top no-repeat;	background-size:contain;}
.pg-inicial div.box-logo{text-align: center;    text-align: center;    padding: 25px 0;    background: #2b2b2b;}
.pg-inicial h1{
    font-size: 20px;
    line-height: 1;
    background: #11acb0;
    padding: 19px;
    color: #ffffff;
    text-align: center;
    text-transform: uppercase;
    letter-spacing: 2px;
    font-weight: 700;
    margin-bottom: 30px;
}
.pg-inicial img.logo-slimfit{height: 75px;}
.pg-inicial .msg-treino-semanal .box-frase p{margin:initial;}
.pg-inicial .msg-treino-semanal .box-frase p::after{width:125px; top:-75px;  transform: rotate(30deg); right:-45px;}
.pg-inicial .msg-treino-vazio{}
.pg-inicial .msg-treino-vazio img{height:10vh; margin-right:20px;}
.pg-inicial .msg-treino-vazio h1{font-size:22px;}
.pg-inicial .lista-treino-semanal{margin:0;}
.pg-inicial .lista-treino-semanal div .box-treino-semanal{position:relative; padding:24px; height:50vh; position:relative;}
.pg-inicial .lista-treino-semanal div .box-treino-semanal:before{content:" "; position:absolute; width:100%; height:100%; top:0; left:0}
.pg-inicial .lista-treino-semanal div .box-treino-semanal p{position:relative;text-transform: uppercase; text-shadow: 0px 5px 12px black; color:white; font-size:36px; font-weight:700; width:50%;}
.pg-inicial .lista-treino-semanal div .box-treino-semanal a{	background: #222;;    padding: 25px;    font-size: 19px;    color:white;    display: block;    position: absolute;    width: 100%;	bottom:0;	left:0;	text-align:center;	text-decoration:none;	font-weight:700;	text-transform:uppercase;        transition:all linear .2s;}
.pg-inicial .lista-treino-semanal div .box-treino-semanal a:hover{background-color:#e33f3a;}
.pg-inicial .lista-treino-semanal div:nth-child(1) .box-treino-semanal{background:#0EA7AF url('../img/bck-alunas-01.jpg');background-size:cover; background-repeat:no-repeat; background-position: center;}
.pg-inicial .lista-treino-semanal div:nth-child(2) .box-treino-semanal{background:#0EA7AF url('../img/bck-alunas-02.jpg');background-size:cover; background-repeat:no-repeat; background-position: center;}
.pg-inicial .lista-treino-semanal div:nth-child(3) .box-treino-semanal{background:#0EA7AF url('../img/bck-alunas-03.jpg');background-size:cover; background-repeat:no-repeat; background-position: center;}
.pg-inicial .lista-treino-semanal div:nth-child(4) .box-treino-semanal{background:#11acb0 url('../img/bck-alunas-07.jpg');background-size:cover; background-repeat:no-repeat; background-position: center;}
.pg-inicial .lista-treino-semanal div:nth-child(4) .box-treino-semanal:before{content:" "; position:absolute; width:100%; height:100%;top:0; left:0}
.pg-inicial .lista-treino-semanal div:nth-child(4) .box-treino-semanal a{background:#fc5858 !important; color:white;}
.pg-inicial .lista-treino-semanal div:nth-child(4) .box-treino-semanal a:hover{background:#d34b4b!important;}
.pg-inicial .rodape-treino-index{position:absolute; left:30px; bottom:35px;}
.versao-simplificada{}
.versao-detalhada{display:none}
.versao-detalhada .box-treino-detalhado{margin-top:15px;}
.versao-detalhada .box-treino-detalhado .card-exercicio-treino{}
.versao-detalhada .accordion-button:not(.collapsed)::after{filter:brightness(0)}
.versao-detalhada .accordion-button:not(.collapsed){background-color:#ef3a35; color:white;}
.versao-detalhada .materiais-detalhados{overflow:auto; display:flex;}
.versao-detalhada .box-material-detalhado {float:left;}
.versao-detalhada .box-material-detalhado img{width:120px; height:120px; object-fit:cover; margin:15px; border:15px solid white; box-shadow:0 10px 10px #d5d5d5;}

.msg-final{margin:30px 0 0 0;}
.msg-inicial p, .msg-final p {border-radius: 15px; line-height: 1.3;position: relative;margin-top:15px;padding: 15px 0; background: #ef5f59;padding: 34px; font-size: 21px; color: white; font-style: italic;}
.msg-inicial p:after{content:'"'; font-size:100px; position:absolute; top:-25px; left:15px; color:#5d1e1c;}
.msg-final p:after{content:'"'; font-size:100px; position:absolute; top:-30px; right:30px; color:#5d1e1c;}
.msg-inicial p{margin-bottom:-15px;}
.msg-final p{text-align:right; margin-top:0;}


/*ESTILIZANDO PAINEL ADMINISTRATIVO*/
body.login div#login h1 a {background-image: url(../img/logo-adm.png)!important; background-color:red;}

.area-treinos{display: flex; overflow-x: auto;}
.area-treinos .box-treinos:hover{filter:brightness(1.2)}
.area-treinos .box-treinos a{color:white; padding: 18px; text-align: center; display: block; text-decoration: none; font-weight: 600; font-size:14px;}
.area-treinos .box-treinos a:hover{}
.area-treinos .box-treinos:nth-child(1){background-color:#111; flex-grow: 1;}
.area-treinos .box-treinos:nth-child(2){background-color:#222; flex-grow: 1;}
.area-treinos .box-treinos:nth-child(3){background-color:#333; flex-grow: 1;}
.area-treinos .box-treinos:nth-child(4){background-color:#ef5f59; flex-grow: 1;}

.bck-coral{
    background-color: #f5f5f5;
    padding: 35px 0 45px 0;
    text-align: center;
    margin-bottom: 70px;
}

.box-frase h1{
        text-align: center;
    font-size: 30px;
    font-weight: 700;
    margin-top: 21px;
}

.bck-coral table{width:100%;}
.bck-coral table tr td{border:1px solid #dfdfdf; padding:15px 10px}
.bck-coral table tr th{padding-bottom:8px; text-transform: uppercase;}
.bck-coral table tr:nth-child(even){background-color:#f9f9f9;}
.class-circuito{background:#5c5c5c!important;color:#5c5c5c!important;}

.div-pre-bloco{background:#EF5F59;color:white;letter-spacing: 1px; display: flex;}
.div-pre-bloco div{padding:15px; width:33.3%; text-align: center;}
.div-pre-bloco span{display:block; font-size:18px; font-weight: 500;}
.div-pre-bloco span.txt{font-size:11px; margin-bottom:5px; text-transform: uppercase;}
.div-pre-bloco .tempo-de-aquecimento{background:#ef5f59;}
.div-pre-bloco .tempo-de-recuperacao{background:#ef5f59;}
.div-pre-bloco .numero-de-voltas{background:#ef5f59;}

.carregamento {
            position: fixed;
            width: 100%;
            height: 100vh;
            background: rgba(255, 255, 255, 0.9); /* semi-transparent background */
            color: white;
            display: flex;
            justify-content: center;
            align-items: center;
            font-size: 2em;
            z-index: 9999999; /* make sure it's above other content */
            top:0;
            text-align: center;
        }
        
        .carregamento img{width:150px; margin-top:-50px;}
        
        .logo-circuito{width:50%; margin-top:30px;}
        .title-circuito{margin-bottom:30px;}

/*MEDIA QUERIES*/
@media screen and (max-width: 372px) {
    .logo-circuito{width:80%}
    .rodape-treino{padding-top:25px;}
    .pg-inicial{background-repeat: repeat;}
    .msg-final{margin:30px;}
.area-treinos{display: -webkit-box; overflow-x: auto;}
header.topo-treino img{height:69px;}
.seta-de-navegacao-esquerda{float:left;}
.seta-de-navegacao-direita{float:right;}
.msg-treino-vazio{flex-direction:column; text-align:center;}
.msg-treino-vazio img{margin-right:0; margin-bottom:15px;}
.navegacao-entre-treinos a{display:block; margin-top:15px;}
.msg-inicial p, .msg-final p{width:100%}
.box-modal .itens-modal{width:100%;}
.tabela-treino table tr td.qtd-repeticoes{font-size:24px}
.pg-inicial .lista-treino-semanal div .box-treino-semanal{margin-bottom:25px; height:45vh;}
.pg-inicial .lista-treino-semanal div:nth-child(1) .box-treino-semanal{background-position-y:-15vh;}
.pg-inicial .lista-treino-semanal div .box-treino-semanal p{font-size:40px;}
.pg-inicial .rodape-treino-index{position:static; width:70%; margin-left:15px; padding-bottom:30px; line-height:1.4;}
.pg-inicial .rodape-treino-index{	position: initial;    padding-top: 0px;    padding-bottom: 30px;    margin-left: 28px;    width: 50%;}
.pg-inicial{height:auto;}
.inicio-area-exercicio .tabela-treino .informacoes-ddd h1{font-size:36px;}
}

@media (min-width: 373px) and (max-width:576px) {
    .logo-circuito{width:80%}
    .rodape-treino{padding-top: 30px;padding-bottom: 34px;}
    .pg-inicial{background-repeat: repeat;}
    .msg-final{margin:30px;}
.area-treinos{display: -webkit-box; overflow-x: auto;}
header.topo-treino img{height:51px;}
.seta-de-navegacao-esquerda{float:left;}
.seta-de-navegacao-direita{float:right;}
.msg-treino-vazio{flex-direction:column; text-align:center;}
.msg-treino-vazio img{margin-right:0;  margin-bottom:15px;}
.msg-inicial p, .msg-final p{width:100%}
.box-modal .itens-modal{width:100%;}
.btnFechar{font-size:45px}
.tabela-treino table tr td.qtd-repeticoes{font-size:32px}
.pg-inicial .lista-treino-semanal div .box-treino-semanal{margin-bottom:25px; height:45vh;}
.pg-inicial .lista-treino-semanal div:nth-child(1) .box-treino-semanal{background-position-y:-15vh;}
.pg-inicial .lista-treino-semanal div .box-treino-semanal p{font-size:40px;}
.pg-inicial .rodape-treino-index{position:static; width:60%; margin-left:15px; padding-bottom:30px;}
.pg-inicial .rodape-treino-index{	position: initial;    padding-top: 0px;    padding-bottom: 60px;    margin-left: 28px;    width: 50%;}
.pg-inicial{height:auto;}
.inicio-area-exercicio .tabela-treino .informacoes-ddd h1{font-size:36px;}
}

@media (min-width: 577px) and (max-width:767px) {
    .logo-circuito{width:80%}
 header.topo-treino i{display:none;}
.seta-de-navegacao-esquerda{margin-right:30px;}
.seta-de-navegacao-direita{margin-left: 30px;}    
.pg-inicial h1{margin-bottom:60px}
.box-modal .itens-modal{width:100%;}
.btnFechar{font-size:60px}
.pg-inicial .lista-treino-semanal div .box-treino-semanal{margin-bottom:15px;}
.pg-inicial .rodape-treino-index{position: initial; padding-top: 0px; padding-bottom: 60px; margin-left: 28px; width: 50%;}
.pg-inicial{height:auto;}
.inicio-area-exercicio .tabela-treino .informacoes-ddd h1{font-size:36px;}
}

@media (min-width: 768px) and (max-width:991px) {
header.topo-treino i{display:none;}    
.seta-de-navegacao-esquerda{margin-right:30px;}
.seta-de-navegacao-direita{margin-left: 30px;}     
.pg-inicial .lista-treino-semanal div .box-treino-semanal a{background-color:#111;}        
.pg-inicial h1{margin-bottom:60px}
.pos-header .box-frase p::after{width:100px; top:-50px;}
.box-modal .itens-modal{width:100%;}
.btnFechar{font-size:60px}
}

@media (min-width: 992px) and (max-width:1199px) {
    header.topo-treino i{display:none;}
.seta-de-navegacao-esquerda{margin-right:30px;}
.seta-de-navegacao-direita{margin-left: 30px;}     
.pg-inicial .lista-treino-semanal div .box-treino-semanal a{background-color:#111;}    
.pg-inicial h1{margin-bottom:60px}
.pos-header .box-frase p::after{width:100px; top:-50px;}
.tabela-treino iframe{width:50%;}
.tabela-treino table tr td img{width:50px}
.tabela-treino table tr th{font-size:14px}
.tabela-treino{max-width:960px; margin:30px auto 0 auto; padding:0 15px;}	
}
@media (min-width: 1200px) and (max-width:1399px) {
    header.topo-treino i{display:none;}
.seta-de-navegacao-esquerda{margin-right:30px;}
.seta-de-navegacao-direita{margin-left: 30px;}     
.pg-inicial .lista-treino-semanal div .box-treino-semanal a{background-color:#111;}    
.pg-inicial h1{margin-bottom:60px}
.pos-header .box-frase p::after{width:100px; top:-50px;}
.tabela-treino iframe{width:50%;}
.tabela-treino table tr td img{width:50px}
.tabela-treino table tr th{font-size:14px}
.tabela-treino{max-width:1140px; margin:30px auto 0 auto; padding:0 15px;}
}

@media (min-width: 1400px){
    header.topo-treino i{display:none;}
.seta-de-navegacao-esquerda{margin-right:30px;}
.seta-de-navegacao-direita{margin-left: 30px;}     
.pg-inicial .lista-treino-semanal div .box-treino-semanal a{background-color:#222}    
.pg-inicial h1{margin-bottom:60px}
.pos-header .box-frase p::after{width:100px; top:-50px;}
.tabela-treino iframe{width:50%;}
.tabela-treino table tr td img{width:50px}
.tabela-treino table tr th{font-size:14px}
.tabela-treino{max-width:1320px; margin:30px auto 0 auto; padding:0 15px;}
}