/**
 * Style.
 * 
 * @author  Mario Sakamoto <mskamot@gmail.com>
 * @license MIT http://www.opensource.org/licenses/MIT
 * @see     https://wtag.com.br/divmon
 */

/*
 * Reset
 */
html, body, div, span,
table, thead, tbody, tfoot, tr, th, td,
form, label, input, textarea, select, option, button,
ul, li,
h1, h2, h3, h4, h5, h6, p,
img,
a,
pre, code, 
iframe { }

html { }

body { }

div { }

span { }

table { }

	thead { }

	tbody { }

	tfoot { }

		tr { }

			th { }

			td { }
		
form { }

	label { }

	input { }
	
	textarea { }

	select { }
	
		option { }

ul { }

	li { }
	
h1 { }

h2 { }

h3 { }

h4 { }

h5 { }

h6 { }

p { }

img { }

a { }

/**
 * Id
 */

/*
 * Class
 */
.black-bg { background: #070b0c; }

.brown-bg { background: #5e3608;}

.header-bg {
	background-color: #00000086;
	backdrop-filter: saturate(180%) blur(9px);
}

.background-img {
	background-color: #7a3b049a;
	backdrop-filter: saturate(180%) blur(8px);

}


/*.header-bg {
	background-color: rgba(255, 255, 255, 0.971);
	backdrop-filter: saturate(180%) blur(20px);
}*/

.radius { border-radius: 19px; }

.radius-top-right { border-radius: 0 9px 0 0; }

.radius-bottom { border-radius: 0 0 9px 9px; }

.radius-top { border-radius: 9px 9px 0 0; }

.radius-top-bottom { border-radius: 9px 9px 9px 9px; }

.radius-left-right { border-radius: 4px 0 4px 0; }

.primary-bg { background: #f6831f; }

.primary-second-bg { background: #934604; }

.yellow-bg { background: #FFF1D6; }

.orange {color: #f6831f;}

.secondary-bg { background: #E2D8C7; }

.white-bg { background-color: #fff; }

.gray { color: #a9a9a9; }

.padding-tag {padding: 12px 12px;}

.button-terciary {
	cursor: pointer;
	background-color: transparent;
	color: #f6831f;
	padding: 0px;
	line-height: 140%;
	font-weight: 700;
	font-style: italic;
	display: flex;
	gap: 2px; 
}

.button-continuar {
	cursor: pointer;
	background-color: transparent;
	color: #f6831f;
	padding: 0px;
	line-height: 140%;
	font-weight: 500;
	display: flex;
	gap: 4px; 
}

.p-xdpi {
	font-weight: 600;
	font-size: 24px;
	line-height: 130%;
}

.border-left { border-left: solid 6px #f6831f; }

.opacity-bg { background-image: linear-gradient(10deg, rgba(0, 121, 107, 0.1), rgba(0, 121, 107, 0.5)); }

.opacity-bg-photo { background-color: rgba(236, 116, 30, 0.126); backdrop-filter: saturate(180%) blur(10px);}

.border { border: solid 3px #e0e0e0; }

.border-orange { border: solid 3px #f6831f; }

.border-orange-contact { border: solid 2px #f6831f; }

.border-back { border: solid 1px #000000; }

.border-black-bottom { border-bottom: solid 1px #000000; }

.border-black-right { border-right: solid 1px #000000; }


.text-box {
	border: solid 1px #000000;
	border-bottom: solid 1px #000000;
	background: rgba(209, 5, 5, 0);
}

	.text-box:hover {
		border: solid 1px #000000 !important;
		border-bottom: solid 1px #000000 !important;
	}

	.text-box:focus {
		border: solid 1px #000000 !important;
		border-bottom: solid 1px #000000 !important;
		outline-style: none !important;
	}

	.text-box::placeholder { color: #7f7f7f; }

.title-box { max-width: 550px; }

.title-box-logo { 
	max-width: 250px; 
	font-size: 20px;
	line-height: 150%;
}

.logo-box { 
	max-width: 170px; 
	font-size: 16px;
	line-height: 150%;
}

.p-banner { max-width: 600px; }

.p-box { max-width: 400px; }

.p-banner-box { max-width: 200px; }

.opacity-bg { background-image: linear-gradient(10deg, #53270116, #a75005a5); }

/*.opacity-bg { background-image: linear-gradient(to top, rgba(147, 70, 4), transparent, transparent); }*/

.border-footer { border-top: solid 0.1px #f19b5059; }

.seletor:hover {
	background: #FFF1D6;
}

.radius-bottom-left { border-bottom-left-radius: 120px;}

.radius-bottom-right { border-bottom-right-radius: 19px;}

.radius-top-folder-right { border-top-right-radius: 120px; }

.radius-top-folder-left { border-top-left-radius: 19px; }

.radius-folder-bottom { border-bottom-right-radius: 19px; border-bottom-left-radius: 19px; }

.border-secondary-top { border-top: solid 1.5px #fa9b4d; }

.radius-folder-top { border-top-right-radius: 19px; border-top-left-radius: 19px; }

.play svg { 
	fill: currentColor;
	width: 16px; 
	height: 16px; 
}

.play:hover {
	transform:scale(2);
}

.pause svg { 
	fill: currentColor;
	width: 26px; 
	height: 26px; 
}

.pause:hover {
	transform:scale(2);
}

.range {
	-webkit-appearance: none;
	width: 100%;
	height: 4px;
	background: #aaa;
	outline: none;
	-webkit-transition: .2s;
	transition: opacity .2s;
	border-radius: 4px;			
}

.range:focus {
	background: #aaa;
	outline: none;
}

.range:hover {
	opacity: 1;
}

.range::-webkit-slider-thumb {
	-webkit-appearance: none;
	appearance: none;
	width: 16px;
	height: 16px;
	background: #aaa;
	cursor: pointer;
	border-radius: 16px;
}

.range::-moz-range-thumb {
	width: 25px;
	height: 25px;
	background: #f89646;
	cursor: pointer;
}

.select-audio:hover { border: solid 1px #f6831f; }

.selected { border: solid 1px #f6831f; }

ul li ul li:hover { text-decoration: underline; }

a:hover .link { color: #f6831f; }

.border-link { border: solid 1px #e0e0e0; }

	a:hover .border-link { border: solid 1px #f6831f; }

.underline:hover {text-decoration: underline; color: #f6831f; }

.light-yellow-bg { background: #FFF1D6; }

.padding-top-mdpi { padding-top: 22px; }

.pd-image {
	padding-right: 12px;
}

.menu-clean-bg { background-color: #ffba4b38; }
.brown-carmelita { color: #582a14;}
.padding-date {padding: 1px 20px;}

.svg-mdpi svg { 
	fill: currentColor;
	width: 20px; 
	height: 20px; 
}

.goog-te-gadget img{
    display:none !important;
}
body > .skiptranslate {
    display: none;
}
body {
    top: 0px !important;
}

.dv-left-dark-brown-gradient-opacity { background-image: linear-gradient(to right, rgb(128, 62, 4) 35%, transparent); }

.dv-left-dark-bege-gradient-opacity { background-image: linear-gradient(to right, #FFF1D6 35%, transparent); }

.left-dark-bege-gradient-opacity { background-image: linear-gradient(to right, #FFF1D6 25%, transparent); }

.dv-left-dark-light-gradient-opacity { background-image: linear-gradient(to right, #f6edc9 35%, transparent); }

.left-dark-light-gradient-opacity { background-image: linear-gradient(to right, #f6edc9 25%, transparent); }

.dv-left-dark-gradient-opacity { background-image: linear-gradient(to right, rgb(0, 0, 0) 35%, transparent); }

.dv-left-dark-gradient-opacity-mobile { background-image: linear-gradient(to right, rgb(0, 0, 0) 1%, transparent); }

strong { font-weight: 700 !important; }

strong span { font-weight: 700 !important; }

.brown { color: #956735;}






.image-container {
  position: relative; /* Necessário para posicionar a máscara */
  padding-right: 360px; /* Ajuste a altura conforme sua necessidade */	
  padding-left: 360px; /* Ajuste a altura conforme sua necessidade */	

}