/* - - - - - INDEX - - - - - */

/* - - - - BANNER - - - - */
#banner{
	width: 100%;
	height: 450px;
	position: relative;
	z-index: 1;
	margin-top: 190px;
}

#banner .owl-dots{display: none;}

#banner li{
	width: 100%;
	height: 450px;
    display: block;
    overflow: hidden;
    position: relative;
}

#banner li img{
	width: 1920px;
	height: 450px;
    position: absolute;
    left: 50%;
    margin-left: -960px;
	animation: animacaoAumento 10s linear infinite;
	object-fit: cover;
}


.bread{
	width: 100%;
	height: 200px;
	background: url("../../imagens/Grupo 74.png") no-repeat center center;
	margin-bottom: auto;
	background-size: cover;
	margin-top: 190px;
}
.bread div{
	text-align: center;
	top: 80px;
}

.bread div .way li a, .bread div .way{
	color:#4297E2;
	font-size: 15px;
}

.bread h1{
	font-size: 25px;
	color: #fff;
	margin-top: 10px;
	text-transform: uppercase;
}

.bread h1 span{
	color: #fff;
	font-size: 40px;
	text-transform: none;
}

.bread p{
	font-size: 18px;
	color: #96A3BE;
	margin: 15px auto;
		text-transform: none;
}

@keyframes animacaoAumento {
    0% {
        transform: scale(1);
    }

    100% {
        transform: scale(1.2);
    }
}


/* - - - - BANNER - - - - */

/* - - - - - INDEX - - - - - */
#cards{
	margin-top: -100px;
	z-index: 2;
	position: relative;
}

#cards ul{display: flex;}

#cards ul li{
	width: 32%;
	height: 400px;
	box-sizing: border-box;
	padding: 5px;
	background-color: #fff;
	position: relative;
}

#cards ul li img{
	width: 100%;
	height: 100%;
	object-fit: cover;
}

#cards ul li p{
    position: absolute;
    bottom: 5px;
    left: 20px;
    background-color: rgba(226, 151, 66, 0.40);
    width: 246px;
    height: 75px;
    color: #fff;
    box-sizing: border-box;
    padding-left: 20px;
    padding-top: 14px;
    font-size: 22px;
 
	letter-spacing: 1px;
}

#cards ul li a{
	width: 85px;
	height: 30px;
	text-align: center;
	line-height: 30px;
	color: #fff;
	bottom: 5px;
	left: 235px;
	background-color: #444444;
	position: absolute;
}


.categoria div{
	width: 400px;
	margin: auto;
	position: relative;
	height: 120px;
	text-align: center;
	 display: flex;
    justify-content: center;
	margin: 60px auto;
}

.categoria div img{
	position: absolute;
	height: 119px;
	width: 118px;
}

.categoria div p{
	height: 45px;
	background-color: #fff;
	text-align: center;
	z-index: 2;
	width: 100%;
	position: absolute;
	line-height: 45px;
	margin-top: 34px;
	font-weight: bold;
	font-size: 30px;
	letter-spacing: 1px;
}

.produto{
	display: flex;
	flex-wrap: wrap;
}

.produto li{
	width: 24%;
	height: 335px;
	border: 1px solid #E5E5E5;
	box-sizing: border-box;
	padding: 15px 10px 15px 10px;
	background-color: #fff;
	margin-bottom: 20px;
}

.produto li a{
	width: 100%;
	height: 100%;
	position: relative;
	display: block;
}

.produto li section{
	height: 30px;
	display: flex;
	width: 100%;
	margin-bottom: 25px;
	justify-content: space-between;
}

.produto li section p:first-of-type{
	color: #444444;
	font-size: 14px;
	margin-left: 0px;
}

.produto li section p:first-of-type span{
	color: #4297E2;
	font-size: 11px;
}

.produto li section p:last-of-type{
	color: #444444;
	font-size: 14px;
	font-weight: bold;
	margin-right: 0px;
	text-align: right;
}

.produto li section p:last-of-type span{font-size: 12px;}

.produto li img{
	width: 100%;
	height: 255px;
	object-fit: cover;
}

.cores {
	display: flex; 
	flex-wrap: wrap;
}

.cores li{
	height: 80px;
	width: 80px;
	margin: auto 5px 10px 0px;
}

.cores li a{
	width: 100%;
	height: 100%;
	display: block;
	position: relative;
    color: #FFF;
    text-align: center;
    line-height: 80px;
	text-shadow:
    -1px -1px 0 black,
    1px -1px 0 black,
    -1px 1px 0 black,
    1px 1px 0 black; /* 1px black stroke using shadows */
}

.listagem_prod{margin: 40px auto;}

#historia_home{
	background: url("../../imagens/bg-conheça.png") no-repeat center center;
	height: 605px;
	width: 1095px;
	margin: 50px auto;
}

#historia_home div{
	position: absolute;
	width: 480px;
	right: 60px;
	top: 40px;
}

#historia_home div h2{
	font-size: 40px;
	font-weight: normal;
	color: #000000;
	margin-bottom: 30px;
}

#historia_home div p{
	font-size: 16px;
	line-height: 22px;
	color: #888888;
}

#historia_home div a{
	width: 190px;
	height: 35px;
	text-align: center;
	line-height: 35px;
	background-color: #000000;
	color: #fff;
	position: absolute;
	right: -20px;
	margin-top: 25px;
}
/* - - - - - INDEX - - - - - */



/* - - - - - Produto Inside - - - - - */

.flex{display: flex; flex-wrap: wrap; justify-content:flex-start;}

#fale{
	flex-wrap: wrap;
	margin-top: 130px;
	margin-bottom: 40px;
}


#produto{
	display: flex;
	margin-top: 240px;
}
#vitrine{
	display: flex;
	text-align: center;
	flex-wrap: wrap;
}

#vitrine a{
	justify-content: center;
	box-sizing: border-box;
	padding: 10px;
	width: 230px;
	height: 365px;
	border: 1px solid #DFDFDF;
	position: relative;
	margin-bottom: 40px;
	transition: 0.3s;
	margin-top: 10px;
}
#vitrine a:hover{
	transform: scale(1.05);
	border: 1px solid #3D7436;
}
#vitrine .imagem{
	width: 180px;
	height: 180px;
	overflow: hidden;
	position: relative;
}
#vitrine .imagem img{
	max-width: 95%;
	max-height: 95%;
	position: absolute;
	top: 0; bottom: 0; left: 0; right: 0;
	margin: auto;
}
#vitrine a h2{
	font-size: 16px;
	color: #707070;
	font-weight: 400;
	margin-top: 25px;
	margin-bottom: 20px;
}

#vitrine a p{
	line-height: 10px;
	font-size: 18px;
	color: #4B82BB;
	font-weight: 700;
}

#vitrine a p span{
	text-decoration: line-through;
	font-size: 15px;
	color: #C7C7C7;
	margin-top: 10px
}

#vitrine a .comprar{
	background-color: #3D7436;
	border: 1px solid #3D7436;
	border-radius: 20px;
	padding: 8px;
	color: #FFFFFF;
	position: absolute;
	bottom: -18px;
	left: 50%;
	margin-left: -55px;
	transition: 0.3s;
	line-height: 22px;
	
}

#vitrine a:hover .comprar{
	background-color: #FFFFFF;
	color: #3D7436;
}

#vitrine a .comprar img{margin-right: 5px;}

#vitrine a:hover .comprar img{filter: invert(34%) sepia(57%) saturate(437%) hue-rotate(66deg) brightness(98%) contrast(90%);}

#descricao{
	color:#888888;
	font-size: 14px;
	margin-top: -50px;
	width: 48%;
}

#descricao h1{
	color: #4B82BB;
	font-size: 25px;
	text-align: left;
	margin-bottom: 15px;
	padding-top: 65px;
}

#descricao p{
	color: #888888;
	font-size: 14px;
}

#descricao hr{
	background-color: #4B82BB;
	width: 100%;
	margin: 10px auto 30px;
}


#preco{
	margin-top: 25px;
	background-color: #F5F5F5;
	width: 575px;
	height: 125px;
	color: #4B4B4B;
	font-weight: 500;
	padding: 20px;
	box-sizing: border-box;
	position: relative;
}

#preco b{
	color: #4B82BB;
	font-size: 30px;
}
#preco i{
	text-decoration: line-through;
	font-style: normal;
}
#preco p span{
	color: #4B82BB;
	font-weight: 700;
}


#preco section{
	position: absolute;
	right: 20px;
	top: 30px;
}

#preco img{
	vertical-align: middle; 
	margin-right: 10px;
	filter: brightness(0) saturate(100%) invert(41%) sepia(8%) saturate(3793%) hue-rotate(186deg) brightness(90%) contrast(78%);
}

#preco button {
	width: 150px;
	height: 65px;
	background-color:#26CC64; 
	color: #FFFFFF;
	border: none;
	font-size: 20px;
	cursor: pointer;
	transition: 0.3s;
	margin-right: 10px;
	border-radius: 5px;
}
#preco form button:hover{transform: scale(1.04)}



#preco section input{
	width: 45px;
	height: 40px;
	text-align: center;
	margin-right: 5px;
}

#galeria{
	display: flex;
	width: 535px;
	flex-direction: column-reverse;
	margin-left: 0px;
}
#galeria ul{
	width: 100%;
	display: flex;
}

#galeria ul li{
	width: 90px;
	height: 90px;
}

#galeria ul li img{
	width: 100%;
	height: 100%;
	object-fit: contain;
}

#big_image{
	width: 100%;
	border: 1px solid #CCCCCC;
	margin-bottom: 20px;
}
/* quando estiver mostrando cor */
#big_image.is-color{
  /* opcional: um degradê leve pra ficar mais bonito */
  background-image: radial-gradient(circle at 30% 25%, rgba(255,255,255,.15), rgba(0,0,0,.05));
}

/* esconder a imagem quando cor selecionada */
#big_image.is-color img{
  opacity: 0;
  visibility: hidden;
}

#big_image img{
	width: 100%;
	height: 500px;
	object-fit: contain;
}

#frete{
	width: 575px;
	height: 51px;
	position: absolute;
	display: flex;
	background-color: #4B82BB;
	text-align: center;
	right: 0;
	bottom: 0;
}

#frete p{
	box-sizing:border-box;
	padding: 10px;
	font-size: 13px;
	color: #FFFFFF;
	width: 180px;
	height: 45px!important;
	margin-top: -2px
}

#frete p:nth-last-child(1){margin-top: 5px;margin-right: 30px;}

#frete p img{
	float: left;
	filter: invert(100%) sepia(0%) saturate(7500%) hue-rotate(240deg) brightness(104%) contrast(102%);
}

#frete input{
	width: 160px!important;
	height: 45px!important;
}

#fale{
	flex-wrap: wrap;
	margin-top: 130px;
	margin-bottom: 40px;
}

#fale iframe{
	width: 710px;
	height: 445px;
	box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
}

#fale #container{
	width: 400px;
	height: auto;
}

#fale #container iframe{
	width: 100%;
	height: 265px;
	margin-bottom: 35px;
}

#fale form{
	box-sizing: border-box;
	padding: 20px;
	background-color: #274B70;
	width: 100%;
	height: 475px;
	transition: 0.3s;
}
#fale form:hover{
	transform: scale(1.02)
}

#fale form h2{
	margin-top: 10px;
	text-align: left;
	color: #fff;
	font-size: 24px;
	font-weight: 600;
	margin-bottom: 5px;
}
#fale form p{
	font-size: 13px;
	color:#fff;
	margin-bottom: 20px;
}

#fale form input{
	margin-top: 5px;
	font-size: 12px;
	color: #9F9F9F;
	border: 1px solid #D2D2D2;
	width: 360px;
	height: 35px;
	margin-bottom: 10px;
}

#fale form textarea{
	width: 360px;
	height: 85px;
	border: 1px solid #D2D2D2;
}

#fale form button{
	width: 100px;
	height: 30px;
	background-color: #4B82BB;
	color: #FFFFFF;
	font-size: 16px;
	font-weight: 600;
	border: none;
	margin-left: 267px;
	margin-top: 25px;
	transition: 0.3s;
	cursor: pointer;
}

#fale form button:hover{
	background-color: #3D7436;
}


#descricao__tec{
	width: 630px;
	text-align: left;
	margin-left: 0px;
}

#descricao__tec h3{
	font-size: 20px;
	margin: 20px auto;
	color: #1B1B1B;
}

#descricao__tec h2{
	color: #1B1B1B;
	font-size: 20px;
	text-align: left;
	margin-bottom: 40px;
	
}

#descricao__tec p{
	font-size: 12px;
	color: #707070;
	line-height: 22px;
}

#box_cores{
	display: flex;
	flex-wrap: wrap;
	width: 100%;
	height: auto;
	margin-top: 30px;
}

#cores{
	margin: 20px auto 20px 0px;
	width: 100%;
	cursor:pointer; 
	border:1px solid #ccc; 
	padding:8px;
	border-radius: 15px;
	position: relative;
}

#box_cores a{
	width: 20px;
	height: 20px;
	border-radius: 1000px;
	margin: 0px 5px 5px 0px;
	background-color: coral;
	display: block;
	position: relative;
	transition: 0.3s;
	box-shadow: rgba(0, 0, 0, 0.15) 1px 1px 2px;
}

#cores::after {
    content: "";
    position: absolute;
    top: 50%;
    right: 8px;
    width: 0;
    height: 0;
    pointer-events: none;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-top: 6px solid #333; /* cor da setinha */
    transform: translateY(-50%);
}

#box_cores a:hover{transform: scale(1.05);}
#cor_id{
	width: 1px;
	height: 1px;
	border: none;
	position: absolute;
	margin-top: -50px;
    margin-left: 350px;
	
}
.info-container {
  display: flex;
  flex-wrap: wrap;
  gap: 32px;
  justify-content: space-between;
  padding: 20px;
  margin-top: 50px;
}

.info-box {
  display: flex;
  align-items: flex-start;

  width: calc(50% - 16px); /* 2 por linha com gap */
  box-sizing: border-box;
}

.icon-circle {
  width: 44px;
  height: 44px;
  background-color: #000;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #fff;
  font-size: 20px;
  flex-shrink: 0;
}

.info-content h3 {
  font-size: 14px!important;
  font-weight: bold;
  margin: 0 0 8px 0!important;
	color: #313041!important;
}

.info-content ul {
  list-style: none;
  padding: 0;
  margin: 0;
}

.info-content ul li {
  font-size: 13px;
  margin-bottom: 10px;
	color: #979ea6!important;
}

#descricao__tec p:first-of-type{padding: 0px;}

/* Estilo base para o <select> */
#cores{margin-top: 10px;}

select#cor_produto {
    width: 100%;
    padding: 10px 14px;
    border: 2px solid #ccc;
    border-radius: 8px;
    background-color: #fff;
    color: #333;
    font-size: 16px;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    background-image: url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20width%3D%2210%22%20height%3D%226%22%20viewBox%3D%220%200%2010%206%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%3E%3Cpath%20d%3D%22M0%200l5%206%205-6z%22%20fill%3D%22%23666%22/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: right 12px center;
    background-size: 10px 6px;
    cursor: pointer;
    transition: border-color 0.3s ease;
}

/* Quando focado */
select#cor_produto:focus {
    border-color: #007bff;
    outline: none;
}

/* Estilo para a option desabilitada (ex: "Selecione sua cor") */
select#cor_produto option[value=""] {
    color: #999;
}

/* - - - - - Produto Inside - - - - - */

/*----------------------------------------------------------------- LOGIN*/
.login{
	width: 590px;
	box-sizing: border-box;
	padding: 50px 100px;
	position: relative;
	margin: 50px 0;
	color: #707070;
	font-size: 14px;
	margin-top: 185px!important;
}
.login:first-child{border-right: 1px solid #c9c9c9;}
.login h2{
	font-size: 20px;
	line-height: 40px;
	border-bottom: 3px solid #1b1b1b;
	margin-bottom: 20px;
	color: #1b1b1b;
}
.login input{
	border-radius: 5px;
	border:1px solid #c9c9c9;
	height: 40px;
	text-indent: 10px;
	width: 100%;
	margin: 5px 0;
}
.login button{
	padding: 10px 15px 10px 15px;
	background-color: #00507D ;
    color: #fff;
	border: none;
	float: right;
	margin-top: 10px;
    cursor: pointer;
}
.login button:hover{
	background-color: #2B2B2B;
}
.login p{
	text-align: center;
	margin-bottom: 20px;
}
.mudar_senha{
	width: auto;
	position: relative;
	color: #000;
	font-style: italic;
	font-size: 15px;
	font-weight: 300;
	text-decoration: underline;
	margin-top: 30px;
	transition: 0.3s;
}
.mudar_senha:hover{color:#00507D }

.account{
	margin: 50px auto;
	width: 800px;
	box-sizing: border-box;
	position: relative;
	color: #707070;
	font-size: 14px;
	margin-top: 100px;
}

.account h2{
	width: 100%;
	font-size: 20px;
	line-height: 40px;
	border-bottom: 3px solid #1b1b1b;
	margin-bottom: 20px;
	color: #1b1b1b;
}
.account hr{
	width: 100%;
	height: 3px;
	background-color: #1b1b1b;
	margin: 20px 0;
}
.account div{
	width: 350px;
}
.account .full{ width: 750px; }
.account .third{ width: 215px; }
.account input{
	border-radius: 5px;
	border:1px solid #c9c9c9;
	height: 40px;
	text-indent: 10px;
	width: 100%;
	margin: 5px 0 15px 0;
}
.account button{
	padding: 10px 15px 10px 15px;
	background-color: #00507D ;
    color: #fff;
	border: none;
	margin: 10px auto 0;
    cursor: pointer;
}
.account button:hover{
	background-color: #2B2B2B;
}
.account input:read-only{
	background-color: #f5f5f5;

}
/*----------------------------------------------------------------- MINHA CONTA*/
#minha_conta{
	padding: 60px 100px 50px;
}
#minha_conta thead th{
	background-color: #1b1b1b;
	color: #fff;
	padding: 15px;
}
#minha_conta tbody td{
	padding: 20px 15px;
	border-bottom: 1px solid #C9C9C9;
	font-size: 12px;
}
#minha_conta tfoot td{
	padding: 20px 15px;
	font-size: 14px;
}
#minha_conta tfoot td.total{
	background-color: #000;
	color: #fff;
	text-align: center;
}

#minha_conta tfoot td.finalizar{
	background-color: #00507D ;
	color: #fff;
	text-align: center;
}
#minha_conta tfoot td.finalizar a{color: #fff; display: block;}
#minha_conta .detalhes{
	padding: 5px 10px;
	background-color: #00507D ;
	color: #fff;
	border-radius: 5px;
	font-size: 12px;
}
#minha_conta .detalhes:hover{
	background-color: #2B2B2B;
}
#minha_conta .rastreio{
	color: #CFBB83;
	text-decoration: underline;
}
#minha_conta h2{
	line-height: 50px;
	font-size: 20px;
	letter-spacing: 1px;
	margin-bottom: auto;
	border: none;
	position: relative!important;
	height: auto!important;
	margin-bottom: 20px;
}
#minha_conta h2:after{content: ""; display: block; clear: both;}

#minha_conta h2 p{width: auto; position: relative; display: inline-block;}
#minha_conta h2 a{color: #1b1b1b;}
#minha_conta h2 a.inativo{background-color: #C9C9C9;}

#minha_conta h2.alt a{
	width: auto; 
	font-size: 16px; 
	border-radius: 10px; 
	height: 40px; 
	line-height: 40px;
	padding: 0 15px; 
	background-color: #00507D ;
	color: #fff; 
	float: right; 
	margin-right: 20px;
	transition: 0.3s;
}
#minha_conta h2.alt a.alt{background-color: #E5E5E5; color: #000;}

#minha_conta h2.alt a img{width: auto; height: 20px; margin-right: 10px; display: inline-block; vertical-align: middle; margin-top:-4PX;  transition: 0.2s;filter: invert(1);}

#minha_conta h2.alt a.inativo{background-color: #707070;}

#minha_conta h2.alt a:hover{background-color: #000;}

#minha_conta h2.alt a.alt:hover{background-color: #00507D ; color: #fff;}
#minha_conta h2.alt a.alt:hover > img{filter: brightness(0) invert(1);}

#minha_conta h2.alt a:first-child{margin-right: 0;}

/*  - - -INSIDE - - -  */
.breadcrumb.inside{
	height: 50px;
	background-image: linear-gradient(to right, #00507d, #00466b, #023b5a, #053149, #072739);
	margin-top: 190px;
}
.breadcrumb.inside .central{height: 50px;}

.breadcrumb.inside .titulo{display: none;}

.breadcrumb .way li a, .breadcrumb .way li:after{color: #fff;}

.breadcrumb.inside ol{padding-top: 14px;}

/*  - - -INSIDE - - -  */

/* - - - - - GERAL - - - - - */
#cookies__text{
	width: 1000px;
	text-align: center;
	font-size: 16px;
	margin: 40px auto;
	
}

#cookies__text h2{
	font-size:24px;
	color: #301C12;
}

#cookies__text h3{
	color: #F0D6B0;
	font-size: 21px;
}


/* - - - - - CARRINHO - - - - - */
.carrinho{margin-top: 240px;}

.carrinho.content.display.central > *:first-child{width: 770px; padding-top: 50px;}

.carrinho .bloco .title{margin-bottom: 50px;}

/* - - carrinho - table - - */
.carrinho div table{width: 100%; height: auto; border-spacing: 0;}

/* - thead - */
.carrinho div table thead{}
.carrinho div table thead tr{}
.carrinho div table thead tr th{height: 40px; line-height: 40px; color: #fff; text-align: left; background-color: #4F67A7;}
/* - thead - */

/* - tbody - */
.carrinho div table tbody{}
.carrinho div table tbody tr{}
.carrinho div table tbody tr td{border-bottom: 1px #707070 solid; padding: 20px 0;}

.carrinho div table tbody tr td .img{width: 80px; height: 80px; border: 1px #D4D4D4 solid; overflow: hidden; position: relative; box-sizing: border-box;}
.carrinho div table tbody tr td .img img{width: 100%; height: 100%; display: block; position: relative; box-sizing: border-box; object-fit: contain;}

.carrinho div table tbody tr td .img.small{width: auto; height: 25px; border: none;}
.carrinho div table tbody tr td .img.small img{height: 100%;}

.carrinho div table tbody tr td .nome{color: #192124; font-size: 14px; text-transform: uppercase; font-weight: bold;}
.carrinho div table tbody tr td .codigo{color: #90999D; font-size: 10px; margin-bottom: 5px;}
.carrinho div table tbody tr td .codigo:last-of-type{font-size: 11px!important;}
.carrinho div table tbody tr td .preco{font-size: 15px; color: #192124;}

.carrinho div table tbody tr td .tamanho{font-size: 15px; color: #192124; text-transform: uppercase;}

/* - */
.carrinho div table tbody tr td form{display: flex; flex-wrap: wrap; justify-content: center;}
.carrinho div table tbody tr td form > *{position: relative; box-sizing: border-box; transition: 0.3s; margin: 0 5px;}

.carrinho div table tbody tr td form input{width: 55px; height: 40px; line-height: 40px; padding: 0 0 0 5px; font-size: 15px; text-align: center; color: #192124;}
.carrinho div table tbody tr td form input:focus{color: #000;}

.carrinho div table tbody tr td form button{background: none; border: none; cursor: pointer; transform: rotate(0);}
.carrinho div table tbody tr td form button img{width: 20px; height: auto; display: block; transition: 0.3s;}
#delete_icon{transition: 0.3s;}
#delete_icon:hover{transform: scale(1.06);filter: invert(13%) sepia(63%) saturate(6484%) hue-rotate(358deg) brightness(113%) contrast(121%);}

#obs_carrinho{font-size: 14px;}
/* - */

/* - tbody - */

/* - - carrinho - table - - */

/* - carrinho - detail - */
.carrinho .detail{padding-top: 15px;}
.carrinho .detail a{
	width: 255px; 
	height: 45px; 
	line-height: 45px;
	background-color: #FA2F2F;
	border: none; 
	color: #fff; 
	font-size: 16px;
	cursor: pointer;
	margin: 0 0 0 auto;
	letter-spacing: 0.5px;
	display: block;
	transition: 0.3s;
	text-align: center;
}	
.carrinho .detail a:hover{background-color: #000;}
/* - carrinho - detail - */


/* - - carrinho - finalizar - - */
.content.carrinho.central > *:nth-child(2){margin-top: 0;}

.carrinho .finalizar{
background: rgba(255, 244, 239, 0.1);
border-radius: 16px;
box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
backdrop-filter: blur(3.4px);
-webkit-backdrop-filter: blur(3.4px);
border: 1px solid rgba(255, 244, 239, 0.46);
	box-sizing: border-box; 
	padding: 20px; 
	width: 370px;
}
.carrinho .finalizar .bloco{width: 100%; padding-top: 0;}
.carrinho .finalizar .bloco .title{margin-bottom: 0; text-align: center; font-weight: 500;}

.carrinho .finalizar > *{display: block; position: relative; box-sizing: border-box; transition: 0.3s; margin: 0 auto 20px;}
.carrinho .finalizar > *:last-child{margin: 0 auto;}

.carrinho .finalizar .preco{font-size: 40px; color: #192124; text-align: center;}
.carrinho .finalizar .preco span{font-size: 20px; display: block;}
.carrinho .finalizar .preco span:first-of-type{text-transform: uppercase;}
.carrinho .finalizar .preco span:last-of-type{color: #707070;}

/* - */
.carrinho .finalizar form{display: flex; flex-wrap: wrap; justify-content: center; width: 300px; height: 42px; border: 1px #192124 solid;}
.carrinho .finalizar form > *:not(.comprar){position: relative; box-sizing: border-box; transition: 0.3s; border-radius: 0; margin: 0; padding: 0 7.5px; border: none; height: 40px; line-height: 40px;}

.carrinho .finalizar form input{background-color: #fff;}
.carrinho .finalizar form input:focus{}

.carrinho .finalizar form button{background-color: #31276C; color: #FFFFFF; font-size: 12px; text-transform: uppercase; cursor: pointer;}
.carrinho .finalizar form button img{display: inline-block; vertical-align: middle; margin: -2.5px 5px 0 0; filter: brightness(0) invert(1); width: 20px;}
.carrinho .finalizar form button:hover{}

.carrinho .finalizar .cupom_form input{width: 257px;}
.carrinho .finalizar .cupom_form button{width: 40px;}
.carrinho .finalizar .cupom_form button img{margin: -2.5px auto 0;}

.carrinho .finalizar .cep_form input{width: 137px;}
.carrinho .finalizar .cep_form button{width: 160px;}
/* - */

.carrinho .finalizar .descricao{width: 100%; color: #192124; font-size: 12px; text-align: center;}

.carrinho .finalizar .item_ic{text-align: center;}
.carrinho .finalizar .item_ic hr{width: 100%;}


/* - */
.carrinho .finalizar .pagamento{height: auto; width: 100%; border: none;}

.carrinho .finalizar .pagamento .opcao{width: 100%; height: auto; margin-bottom: 10px; background-color: #fff; border: 1px #707070 solid; padding: 7.5px 5px 7.5px 30px;}
.carrinho .finalizar .pagamento .opcao:last-child{margin-bottom: 0;}
.carrinho .finalizar .pagamento .opcao > *{position: relative; box-sizing: border-box; height: auto; line-height: normal;}

.carrinho .finalizar .pagamento .opcao input{position: absolute; left: 10px; top: 0; bottom: 0; margin: auto;}
.carrinho .finalizar .pagamento .opcao .titulo{color: #000000; font-size: 14px; font-weight: bold;}
.carrinho .finalizar .pagamento .opcao .descricao{text-align: left; font-size: 9px;}
/* - */

.carrinho .finalizar .comprar{background-color: #26CC64; transition: 0.3s; width: 100%; height: 65px; line-height: 65px; border: none; color: #fff; font-size: 20px; text-transform: uppercase; text-align: center; margin-top: 20px;border-radius: 10px;}
.carrinho .finalizar .comprar:hover{background-color: #31276C}
.carrinho .finalizar .comprar img{filter: brightness(0) invert(1); display: inline-block; vertical-align: middle; position: relative; margin: -5px 10px 0 0; width: 28px; height: auto;}

/* - */
.carrinho .finalizar .pagamento{height: auto; width: 100%; border: none;margin-top: 5PX;}

.carrinho .finalizar .pagamento .opcao{width: 100%; height: auto; margin-bottom: 10px; background-color: #fff; border: 1px #707070 solid; padding: 7.5px 5px 7.5px 30px; transition: 0.3s;}
.carrinho .finalizar .pagamento .opcao:hover{transform: scale(1.1)}
.carrinho .finalizar .pagamento .opcao:last-child{margin-bottom: 0;}
.carrinho .finalizar .pagamento .opcao > *{position: relative; box-sizing: border-box; height: auto; line-height: normal;}

.carrinho .finalizar .pagamento .opcao input{position: absolute; left: 10px; top: 0; bottom: 0; margin: auto;}
.carrinho .finalizar .pagamento .opcao .titulo{color: #000000; font-size: 12px; font-weight: bold;}
.carrinho .finalizar .pagamento .opcao .descricao{text-align: left; font-size: 13px;}
/* - */

.carrinho .finalizar .comprar{background-color: #26CC64; transition: 0.3s; width: 100%; height: 65px; line-height: 65px; border: none; color: #fff; font-size: 20px; text-transform: uppercase; text-align: center; margin-top: 20px;}
.carrinho .finalizar .comprar:hover{background-color:#4F67A7;}
.carrinho .finalizar .comprar img{filter: brightness(0) invert(1); display: inline-block; vertical-align: middle; position: relative; margin: -5px 10px 0 0; width: 28px; height: auto;}



/* - */
.carrinho .finalizar .pagamento{height: auto; width: 100%; border: none;margin-top: 5PX;}

.carrinho .finalizar .pagamento .opcao{width: 100%; height: auto; margin-bottom: 10px; background-color: #fff; border: 1px #707070 solid; padding: 7.5px 5px 7.5px 30px; transition: 0.3s;}
.carrinho .finalizar .pagamento .opcao:hover{transform: scale(1.1)}
.carrinho .finalizar .pagamento .opcao:last-child{margin-bottom: 0;}
.carrinho .finalizar .pagamento .opcao > *{position: relative; box-sizing: border-box; height: auto; line-height: normal;}

.carrinho .finalizar .pagamento .opcao input{position: absolute; left: 10px; top: 0; bottom: 0; margin: auto;}
.carrinho .finalizar .pagamento .opcao .titulo{color: #000000; font-size: 12px; font-weight: bold;}
.carrinho .finalizar .pagamento .opcao .descricao{text-align: left; font-size: 13px;}
/* - */

.carrinho .finalizar .comprar{background-color: #26CC64; transition: 0.3s; width: 100%; height: 65px; line-height: 65px; border: none; color: #fff; font-size: 20px; text-transform: uppercase; text-align: center; margin-top: 20px;}
.carrinho .finalizar .comprar:hover{background-color:#4F67A7;}
.carrinho .finalizar .comprar img{filter: brightness(0) invert(1); display: inline-block; vertical-align: middle; position: relative; margin: -5px 10px 0 0; width: 28px; height: auto;}

/* - - carrinho - finalizar - - */

/* - - - - - CARRINHO - - - - - */
#indisponivel{
	width: 100%;
	height: 125px;
	box-sizing: border-box;
	padding: 15px;
	background-color: #F5F5F5;
	border-radius: 15px;
	box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23);
	margin-top: 25px;
}

#indisponivel p{margin-bottom: 10px;}

#indisponivel p:first-of-type{
	font-size: 20px;
	font-weight: 700;
	color: #31276C;
}

#indisponivel input{
	width: 50%;
	box-sizing:border-box;
	padding-left: 10px;
}


/*FALE CONOSCO*/
#contatos{
	display: flex;
	width:  1200px;
	height: auto;
	margin-top: 90px;
	position: relative
}

#contatos form{
	width: 500px;
	height: 610px;
	background-color: #2C2C2C;
	box-sizing: border-box;
	padding: 25px;
	border-radius: 30px;
}

#contatos form h2, #form_produtos h2{
	font-size: 30px;
	color: #FF1B0E;
	font-weight: 600;
	font-style: normal;
	margin-bottom: 15px;
}

#contatos form p, #form_produtos p{
	font-size: 14px;
	font-weight: 400;
	color: #fff;
	font-style: normal;
	letter-spacing: 1px;
	margin-bottom: 35px;
}

#contatos form input, #form_produtos input{
	box-sizing: border-box;
	padding: 20px;
	width: 100%;
	height: 50px;
	background-color: #FFFFFF;
	color: #ABABAB;
	border: none;
	margin-top: 5px;
	margin-bottom: 5px;
	font-style: normal;
}

#contatos form textarea, #form_produtos textarea{
	width: 100%;
	height: 150px;
	border: none;
	color: #ABABAB;
	background-color: #FFFFFF;
	margin-top: 10px;
	font-style: normal;
	box-sizing: border-box;
	padding: 20px;
}

#contatos button, #form_produtos button{
	width: 100px;
	height: 35px;
	background-color: #5F0202;
	color: #FFFFFF;
	border:1px solid #5F0202;
	border-radius: 10px;
	font-size: 11px;
	font-weight: 700;
	float: right;
}
/*FALE CONOSCO*/
#dados{
	box-sizing: border-box;
	margin-top: 50px;
	margin-left: 200px;
    text-align: center;
}

#dados a{
	width: 100%;
	height: 200px;
	border-radius: 30px;
	margin-bottom: 20px;
	display: block;
	overflow: hidden;
}

#dados a img{
	width: 100%!important;
	height: 100%!important;
	object-fit: cover;
	filter: none!important;
}

#dados p{
	font-size: 20px;
	font-style: normal;
	color: #707070;;
}

#dados img:nth-last-child(n){
	width: 21px;
	filter: invert(43%) sepia(0%) saturate(1694%) hue-rotate(146deg) brightness(99%) contrast(80%);
	margin-right: 5px;
}

#dados span{
	font-size: 16px;
	margin-left: 3px;
	margin-right: 3px;
}

#dados iframe{
	width: 550px;
	height: 270px;
	margin-top: 70px;
}

#iframe_contato{
	width: 100%;
	height: 400px;
	margin-top: 30px;
	margin-bottom: 100px;
}
/*FALE CONOSCO*/

#frete{display: none;}