/* 
Theme Name: Hello Elementor Child
Theme URI: https://github.com/elementor/hello-theme-child/
Description: Hello Elementor Child is a child theme of Hello Elementor, created by Elementor team
Author: Elementor Team
Author URI: https://elementor.com/
Template: hello-elementor
Version: 2.0.0
Text Domain: hello-elementor-child
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/

/* Add your custom styles here */


.variantes-wrapper{
	padding-top:24px;
}

.variante-bloco {
	padding-top:20px;
    margin-bottom: 30px;
    border-bottom: 1px solid #E7A7772E;
}
.variante-bloco:last-child{
	border-bottom:none;
}

.variante-bloco .variante-nome{
	margin:0px;
	font-size:20px;
	line-height:24px;
	font-weight:600;
	color:#712B0C;
}


.variante-linha {
    display: flex;
	flex-direction:row-reverse;
	justify-content:flex-end;
    align-items: center;
    margin-top: -20px;
}

@media screen and (max-width:770px){
	.variante-linha {
		align-items: flex-start;
		gap:0px!important;
		display: flex;
		flex-direction:column-reverse;
		margin-top: 20px;}

	.variante-imagem{
		display:flex;
		align-items:center;
		justify-content:center;
		margin-top:-20px;
		top:0!important;
	}
}


@media screen and (min-width:1080px){
	.variante-linha {
		gap:200px;
		margin-top:-30px;
	}
}

@media screen and (max-width:1079px){
	.variante-linha {
		gap:40px;
	}
}

.variante-linha .variante-imagem{
		position:relative;
		top:-40px;
}
.variante-linha .variante-imagem img {
    max-width: 330px;
    border-radius: 6px;
}

@media screen and (min-width:1080px){
	.variante-linha .variante-imagem img {
		max-width: 388px;
	}
}

@media screen and (max-width:768px){
	.variante-info .item{
		 font-size: 16px!important;
		letter-spacing:-0.4px;
		   
	}
}
.variante-info .item {
    display: flex;
    align-items: center;
    font-size: 18px;
	padding-bottom:18px;
}



.variante-info .item .icon{
	height:24px;
	width:24px;
	background:#E7A777;
	border-radius:2px;
	display:flex;
	align-items:center;
	justify-content:center;	
	margin-right:8px;
}
.variante-info .item i {
	color:#F2ECE9;
    font-size: 14px;
	line-height:20px;
}

.variante-info .item span{
	font-weight:600;
	line-height:20px;
	margin-right:4px;
}

.variante-info .item span.nota{
	margin-right:0px;
	font-size:14px;
	font-weight:bold;
	color:#712B0C;
    border-radius: 2px;
}

.fancybox__container {
    background-color: rgba(0,0,0,0.8);
}
.zoom-wrapper {
    position: relative;
    display: inline-block;
    cursor: pointer;
}

.zoom-wrapper img {
    display: block;
    transition: transform 0.3s ease;
}

.zoom-wrapper .zoom-icon {
position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-size: 18px;
    width: 32px;
    height: 32px;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #F2ECE9;
    background: #712B0C80;
    border-radius: 50%;
    opacity: 0;
	padding-left:2px;
    transition: opacity 0.3s 
ease;
    pointer-events: none;
}

.zoom-wrapper:hover .zoom-icon {
    opacity: 1;
}
.zoom-wrapper:hover img {
    transform: scale(1.05);
}

.elementor-lightbox .elementor-lightbox-image{
	background:#fff;
}