/*SOBRE*/
.sobre { width: 100%; height: auto; position: relative; text-decoration: left }
.sobre .sobre_texto { width: 100%; height: auto; position: relative; color: #000000; font-family: var(--fonte-padrao); font-size: 14px; line-height: 20px; padding: 00px 0px 40px 0px; text-align: left; font-weight: 400; }
.sobre .sobre_texto .avatar { width: 300px; height: auto; margin: 0px 20px 20px 20px; position: relative; float: left; text-align: center; overflow: hidden; -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; }
.sobre .sobre_texto .avatar .play { width: 100%; height: 200px; z-index: 11; position: absolute; background-color: rgba(64,43,34,0.6); background-image: url(../imagens/ico-play.png); background-repeat: no-repeat; background-position: center center; background-size: auto 80px; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; }
.sobre .sobre_texto .avatar img { width: 100%; height: 200px; position: relative; display: block; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; }
.sobre .sobre_texto .avatar:hover img { -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1); opacity: 1; }
.sobre .sobre_texto b { font-weight: 700; }
.sobre .sobre_texto u { text-decoration: underline; }
.sobre .sobre_texto a { text-decoration: underline; color: #000000; font-family: var(--fonte-padrao); font-size: 15px; line-height: 24px; }
.sobre .sobre_texto i { font-style: italic; }

/*GALERIA*/
.sobre .galeria { width: 100%; clear: both; height: auto; position: relative; padding: 20px 0px; }
.sobre .galeria ul { width: 100%; height: auto; position: relative; list-style-type: none; }
.sobre .galeria ul li { overflow: hidden; width: 200px; height: auto; position: relative; display: inline-block; vertical-align: top; margin: 0px 10px 20px 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; overflow: hidden; }
.sobre .galeria ul li img { width: 100%; display: block; text-align: center; height: auto; position: relative; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; }
.sobre .galeria ul li:hover img { opacity: 0.7 }

/* LOJA */
.loja { width: 100%; height: auto; position: relative; clear: both; overflow: hidden; }
.loja .chamada { width:100%; height: auto; position: relative; padding: 30px 0px 15px 0px; margin: 0px 0px 30px 0px; line-height: 24px; font-weight: 700; font-size: 24px; color: var(--cor-primaria); font-family: var(--fonte-padrao); -moz-transition: all 1.2s ease; -o-transition: all 1.2s ease; -webkit-transition: all 1.2s ease; transition: all 1.2s ease; text-align: center; display:block; }
.loja .chamada::before { content:''; background-color:var(--cor-amarela); width:35px; height:10px; position:absolute; -webkit-border-radius: 25px; -moz-border-radius: 25px; -o-border-radius: 25px; border-radius: 25px; overflow:hidden; bottom:0px; left:50%; transform: translate(-50%,0); }
.loja ul { width: 100%; height: auto; padding: 20px 0px 50px 0px; position: relative; clear: both; overflow: hidden; text-align: left; }
.loja ul li { width:260px; height: auto; margin: 10px 5px 0px 5px; display: inline-block; text-align: center; vertical-align: top; overflow: hidden; -moz-transition: all .3s ease; -o-transition: all .3s ease; -webkit-transition: all .3s ease; transition: all .3s ease; overflow: hidden; }
.loja ul li .avatar { width: 260px; height: 160px; position: relative; overflow: hidden; vertical-align: top; display: inline-block; -moz-transition: all .5s ease; -o-transition: all .5s ease; -webkit-transition: all .5s ease; transition: all .5s ease; overflow: hidden; overflow: hidden; }
.loja ul li .avatar img { width: auto; height: auto; max-height: 100%; max-width: 100%; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); z-index: 1; -moz-transition: all .5s ease; -o-transition: all .5s ease; -webkit-transition: all .5s ease; transition: all .5s ease; overflow: hidden; }
.loja ul li .infos { width: -moz-calc(100% - 20px); width: -webkit-calc(100% - 20px); width: -o-calc(100% - 20px); width: calc(100% - 20px); height: auto; margin: 0px; padding: 0px 10px 20px 10px; }
.loja ul li .infos .tituloo { width: 100%; padding: 10px 0px 5px 0px; height: auto; line-height: 22px; color: var(--cor-primaria); font-size: 18px; font-family: var(--fonte-padrao); text-align: center; font-weight: 800; }
.loja ul li .infos .valor { width: 100%; padding: 10px 0px 10px 0px; height: auto; line-height: 22px; color: var(--cor-primaria); font-size: 18px; font-family: var(--fonte-padrao); text-align: center; font-weight: 800; }
.loja ul li .infos .introducao { width: 100%; padding: 5px 0px 5px 0px; height: auto; font-weight: 300; color: var(--cor-texto-default); font-size: 14px; line-height: 20px; font-family: var(--fonte-padrao); text-align: center; }
.loja ul li .infos .cta { cursor: pointer; width: auto; display: inline-block; vertical-align: top; padding: 5px 20px 7px 20px; height: auto; font-family: var(--fonte-padrao); color: #ffffff; font-size: 18px; font-weight: 600; text-align: center; background: var(--cor-amarela); -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; overflow: hidden; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; }
.loja ul li:hover .cta { padding: 5px 25px 7px 25px; }
.loja ul li:hover { margin: 0px 5px 10px 5px; }

/*BOTOÕES*/
.botoes { width: 100%; height: auto; position: relative; margin: 0px; text-align: center; }
.botoes .ctas { cursor: pointer; margin: 10px; background: rgb(162,114,42); background: linear-gradient(90deg, rgba(162,114,42,1) 0%, rgba(196,155,55,1) 100%); padding: 10px 25px; position: relative; font-family: var(--fonte-padrao); color: #ffffff; line-height: 20px; font-size: 15px; font-weight: 600; display: inline-block; vertical-align: top; -webkit-border-radius: 25px; -moz-border-radius: 25px; -o-border-radius: 25px; border-radius: 25px; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; display:inline-block; vertical-align:top; }
.botoes .ctas.whats { background: #00cf2e !important;  padding: 10px 25px 10px 10px; }
.botoes .ctas.whats:hover { padding: 10px 30px 10px 15px; }
.botoes .ctas.whats i { position:relative; width:30px; line-height:20px; text-align:center; display:inline-block; vertical-align:top }
.botoes .ctas:hover { padding: 10px 30px 10px 30px; }

@media screen and (max-width: 1100px) {
	section { padding-top:65px; }

	.sobre .sobre_texto { text-align:center; width:96%; padding: 0px 2% 40px 2%; }
	.botoes .ctas, .botoes .ctas:hover, .botoes .ctas.whats, .botoes .ctas.whats:hover { margin: 3px 0px; padding: 10px 0px; width:95%; }
	.sobre .galeria ul li { width: 170px; margin: 0px 5px 10px 5px; }
	.sobre .galeria ul, .loja ul { text-align: center; }
}