@charset "utf-8";
/* Css */


/* PADROES */

/* Status Leiloes */
.LL_situacao[situacao="em_breve"] p { color: #eb6900; border-color: #eb6900; }
.LL_situacao[situacao="aberto"] p { color: #49091c; border-color: #49091c; }
.LL_situacao[situacao="arrematado"] p { color: #e50a4c; border-color: #e50a4c; }
.LL_situacao[situacao="nao_arrematado"] p { color: #ca4f4fff; border-color: #c24141ff; }
.LL_situacao[situacao="condicional"] p { color: #ffcf00; border-color: #ffcf00; }
.LL_situacao[situacao="venda_direta"] p { color: #eb6900; border-color: #eb6900; }
/* Status Leiloes */


/* Padroes */
* {
	margin: 0;
	padding: 0;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	outline: 0;
}

body {
	margin: 0 !important;
	padding: 0 !important;
}

body,
textarea {
	top: 0 !important;
	font-size: 12px;
	color: #333;
	font-family: Arial, Helvetica, sans-serif;
}

.clear {
	clear: both;
}

ul {
	list-style: none;
}

ul:after {
	clear: both;
}

img {
	border: 0;
}

table {
	border-spacing: 0;
	border-collapse: collapse;
}

input,
textarea,
select,
.select2 {
	outline: none;
	color: #666;
	font-size: 12px;
	font-style: italic;
	resize: none;
}

a,
label,
button,
input[type=button],
input[type=submit] {
	cursor: pointer;
	font-style: normal;
}

img.icon {
	vertical-align: middle;
	margin-bottom: 6px;
}

i.icon {
	vertical-align: middle;
	margin-bottom: 5px;
}

.n_ativo {
	color: #CCC !important;
}

.editor {
	line-height: 24px;
}

.editor form,
.editor input,
.editor a {
	display: inline !important;
}

.editor ul,
.editor ol {
	padding: 0 40px
}

.editor li,
.editor h1,
.editor h2,
.editor h3,
.editor h4,
.editor h5,
.editor h6 {
	padding: 3px;
}

/* Padroes */


/* Boxs */
.boxs>div {
	position: absolute;
	left: 50%;
	top: 50%;
	z-index: 800000005;
	padding: 1px;
	text-align: left;
	overflow: auto;
	white-space: normal;
	background-color: #ffffff;
	border: 1px solid #ccc;
	border: 1px solid rgba(0, 0, 0, 0.2);
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	-webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
	-moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
	box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
	-webkit-background-clip: padding-box;
	-moz-background-clip: padding;
	background-clip: padding-box;
}

.boxs>div.textos {
	height: -webkit-calc(100% - 20px);
	height: -moz-calc(100% - 20px);
	height: calc(100% - 20px);
}

.boxs>div .barra {
	position: absolute;
	padding: 15px;
	padding-left: 0;
	margin-top: -10px;
	overflow: auto;
	height: -webkit-calc(100% - 46px);
	height: -moz-calc(100% - 46px);
	height: calc(100% - 36px);
}

.boxs>div a.fechar {
	position: absolute;
	top: 7px;
	right: 10px;
	font-size: 20px;
	color: #F00;
}

.boxs>div h3 {
	padding: 8px 14px;
	margin: 0;
	font-size: 14px;
	font-weight: bold;
	line-height: 18px;
	background-color: #f7f7f7;
	border-bottom: 1px solid #ebebeb;
	-webkit-border-radius: 5px 5px 0 0;
	-moz-border-radius: 5px 5px 0 0;
	border-radius: 5px 5px 0 0;
}

.boxs>div .contextoo {
	padding: 10px 15px;
}

@media (max-width: 710px) {
	.boxs>div {
		width: 100%;
		left: 0;
		margin: 0 !important;
	}
}

@media (max-width: 900px) {
	.boxs .gerenciar_itens {
		width: 100%;
		left: 0;
		margin: 0 !important;
	}
}

@media (max-width: 900px) {
	.boxs .gerenciar_itens {
		width: 100%;
		left: 0;
		margin: 0 !important;
	}
}

@media (max-width: 500px) {

	/* Css para o Botao Novo Item */
	.boxs .gerenciar_itens .posa.z2 {
		position: static !important;
	}
}

.fundoo {
	display: none;
	width: 100%;
	height: 100%;
	position: fixed !important;
	top: 0;
	left: 0;
	z-index: 800000003;
	background: rgba(0, 0, 0, .7);
}

.fundoo_preto {
	display: none;
	width: 100%;
	height: 100%;
	position: fixed !important;
	top: 0;
	left: 0;
	z-index: 800000003;
	background: rgba(0, 0, 0, .9);
}

/* Boxs */

/* Boxxs */
ul.boxxs>li {
	float: left;
	overflow: auto;
}

ul.boxxs>li .itens {
	margin: 5px;
	background: #fff;
	border: 1px solid #ccc;
}

ul.boxxs>li .itens h3 {
	padding: 10px;
	text-align: center;
	background: #f9f9f9;
	border-bottom: 1px solid #ccc;
}

ul.boxxs>li .itens ul {
	min-height: 200px;
	margin: 10px 0;
}

ul.boxxs>li .itens ul li {
	min-height: 26px;
	padding: 5px;
	margin: 10px;
	cursor: pointer;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}

ul.boxxs>li .itens ul.boxxs_azul li {
	border: 1px solid #ffe5e6;
	background: #fae6ec;
}

ul.boxxs>li .itens ul.boxxs_amarelo li {
	border: 1px solid #fed22f;
	background: #ffffe0;
}

ul.boxxs>li .itens ul.boxxs_vermelho li {
	border: 1px solid #ff8099;
	background: #ffccd6;
}

ul.boxxs>li .itens ul.boxxs_verde li {
	border: 1px solid #c30a22;
	background: #fae6ec;
}

/* Boxxs */


/* Box Alert */
.boxs_alert {
	margin-bottom: 10px;
}

.boxs_alert ul li {
	display: inline-block;
	min-height: 26px;
	padding: 5px;
	margin: 0 5px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}

.boxs_alert ul.azul li {
	border: 1px solid #ffe5e6;
	background: #fae6ec;
}

.boxs_alert ul.amarelo li {
	border: 1px solid #fed22f;
	background: #ffffe0;
}

.boxs_alert ul.vermelho li {
	border: 1px solid #ff8099;
	background: #ffccd6;
}

.boxs_alert ul.verde li {
	border: 1px solid #c30a22;
	background: #fae6ec;
}

.alerts_orca {
	position: fixed;
	z-index: 9000000000;
	top: 50%;
	left: 50%;
	background: rgba(255, 255, 255, 0) !important;
	border: 0 !important;
}

.alerts_orca .alert {
	display: none;
	width: 300px;
	padding: 10px;
	margin: -70px 0 5px -150px;
	position: relative;
	color: #fff;
	background: #ccc;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	-webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 1);
	-moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 1);
	box-shadow: 0 1px 1px rgba(0, 0, 0, 1);
	border: 1px solid #CCC;
	background: #F4F4F4;
}

.alerts_orca .alert i {
	position: absolute;
	top: 5px;
	right: 7px;
	cursor: pointer;
	font-size: 24px;
	font-weight: bold;
}

.alerts_orca .alert b {
	display: block;
	color: #333;
	margin-bottom: 10px;
}

.alerts_orca .alert a {
	display: block;
	margin-bottom: 5px;
}

/* Box Alert */


/* Arrow */
.arrow {
	position: absolute;
	display: block;
	width: 0;
	height: 0;
	border-color: transparent;
	border-style: solid;
	text-align: left;
	white-space: normal;
}

.arrow:after {
	content: " ";
	position: absolute;
	display: block;
	width: 0;
	height: 0;
	border-color: transparent;
	border-style: solid;
	text-align: left;
	white-space: normal;
}

/* Arrow */


/* Finput */
.finput>label {
	display: table-cell;
	padding: 2px 10px 0 10px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}

.finput .input {
	display: table-cell;
	width: 100%;
}

.finput .input input,
.finput .input select,
.finput .input textarea {
	width: 100%;
}

.finput .input label {
	display: table-cell;
	padding: 7px 0 0 10px;
	cursor: pointer;
}

.finput .input label input {
	width: auto;
	float: left;
}

.finput .input label p {
	padding-left: 20px;
}

/* Finput */


/* Link */
a:link {
	text-decoration: none;
}

a:visited {
	text-decoration: none;
}

a:hover {
	text-decoration: none;
}

a:active {
	text-decoration: none;
	color: white
}

.link:hover {
	text-decoration: underline !important;
}

.nolink:hover,
.no_link:hover {
	text-decoration: none !important;
}

span.play1_youtube {
	width: 80px;
	height: 55px;
	margin: -27px 0 0 -40px;
	position: absolute;
	top: 50%;
	left: 50%;
	z-index: 1;
	background: url(../web/img/outros/icones/play.png) no-repeat;
}

span.play2_youtube {
	width: 35px;
	height: 35px;
	position: absolute;
	right: 3px;
	bottom: 3px;
	z-index: 1;
	background: url(../web/img/outros/icones/youtube.png) no-repeat;
}

.tdn {
	text-decoration: none !important;
}

.tdu {
	text-decoration: underline !important;
}

/* Link */


/* Hover */
.hover1 {
	background: #F0F0F0 !important;
	border-color: #CDCDCD !important;
}

.hover2 {
	background-image: linear-gradient(to bottom, transparent, rgba(0, 0, 0, .20)) !important;
}

.hover3 {
	background-image: linear-gradient(to bottom, transparent, rgba(0, 0, 0, .30)) !important;
}

.hover4 {
	background-image: linear-gradient(to bottom, transparent, rgba(0, 0, 0, .40)) !important;
}

.hover5 {
	background-image: linear-gradient(to bottom, transparent, rgba(0, 0, 0, .50)) !important;
}

.hover6 {
	background-image: linear-gradient(to bottom, transparent, rgba(0, 0, 0, .65)) !important;
}

.hover7 {
	background-image: linear-gradient(to bottom, transparent, rgba(0, 0, 0, .70)) !important;
}

.hover8 {
	background-image: linear-gradient(to bottom, transparent, rgba(0, 0, 0, .80)) !important;
}

.hover9 {
	background-image: linear-gradient(to bottom, transparent, rgba(0, 0, 0, .90)) !important;
}

.hover-op1 {
	-moz-opacity: 0.1;
	filter: alpha(opacity=10);
	opacity: 0.1;
}

.hover-op2 {
	-moz-opacity: 0.2;
	filter: alpha(opacity=20);
	opacity: 0.2;
}

.hover-op3 {
	-moz-opacity: 0.3;
	filter: alpha(opacity=30);
	opacity: 0.3;
}

.hover-op4 {
	-moz-opacity: 0.4;
	filter: alpha(opacity=40);
	opacity: 0.4;
}

.hover-op5 {
	-moz-opacity: 0.5;
	filter: alpha(opacity=50);
	opacity: 0.5;
}

.hover-op6 {
	-moz-opacity: 0.6;
	filter: alpha(opacity=60);
	opacity: 0.6;
}

.hover-op7 {
	-moz-opacity: 0.7;
	filter: alpha(opacity=70);
	opacity: 0.7;
}

.hover-op8 {
	-moz-opacity: 0.8;
	filter: alpha(opacity=80);
	opacity: 0.8;
}

.hover-op9 {
	-moz-opacity: 0.9;
	filter: alpha(opacity=90);
	opacity: 0.9;
}

.hover-op10 {
	-moz-opacity: 1;
	filter: alpha(opacity=1);
	opacity: 1;
}

.hoverr1:hover {
	background-image: linear-gradient(to bottom, transparent, rgba(0, 0, 0, .10)) !important;
}

.hoverr2:hover {
	background-image: linear-gradient(to bottom, transparent, rgba(0, 0, 0, .20)) !important;
}

.hoverr3:hover {
	background: #FFFFFF !important;
	-webkit-box-shadow: 0 3px 3px 1px #eee;
	-moz-box-shadow: 0 3px 3px 1px #eee;
	box-shadow: 0 3px 3px 1px #eee;
}

.hoverr4:hover {
	background-image: linear-gradient(to bottom, transparent, rgba(0, 0, 0, .40)) !important;
}

.hoverr5:hover {
	background-image: linear-gradient(to bottom, transparent, rgba(0, 0, 0, .50)) !important;
}

.hoverr6:hover {
	background-image: linear-gradient(to bottom, transparent, rgba(0, 0, 0, .65)) !important;
}

.hoverr7:hover {
	background-image: linear-gradient(to bottom, transparent, rgba(0, 0, 0, .70)) !important;
}

.hoverr8:hover {
	background-image: linear-gradient(to bottom, transparent, rgba(0, 0, 0, .80)) !important;
}

.hoverr9:hover {
	background-image: linear-gradient(to bottom, transparent, rgba(0, 0, 0, .90)) !important;
}

.hoverr-op1:hover {
	-moz-opacity: 0.1;
	filter: alpha(opacity=10);
	opacity: 0.1;
}

.hoverr-op2:hover {
	-moz-opacity: 0.2;
	filter: alpha(opacity=20);
	opacity: 0.2;
}

.hoverr-op3:hover {
	-moz-opacity: 0.3;
	filter: alpha(opacity=30);
	opacity: 0.3;
}

.hoverr-op4:hover {
	-moz-opacity: 0.4;
	filter: alpha(opacity=40);
	opacity: 0.4;
}

.hoverr-op5:hover {
	-moz-opacity: 0.5;
	filter: alpha(opacity=50);
	opacity: 0.5;
}

.hoverr-op6:hover {
	-moz-opacity: 0.6;
	filter: alpha(opacity=60);
	opacity: 0.6;
}

.hoverr-op7:hover {
	-moz-opacity: 0.7;
	filter: alpha(opacity=70);
	opacity: 0.7;
}

.hoverr-op8:hover:hover {
	-moz-opacity: 0.8;
	filter: alpha(opacity=80);
	opacity: 0.8;
}

.hoverr-op9:hover {
	-moz-opacity: 0.9;
	filter: alpha(opacity=90);
	opacity: 0.9;
}

.hoverr-ts1:hover {
	text-shadow: black 0.0em 0.1em 0.1em;
}

.hoverr-ts2:hover {
	text-shadow: black 0.1em 0.1em 0.2em;
}

.hoverr-ts3:hover {
	text-shadow: black 0.1em 0.2em 0.3em;
}

.hoverr-ts4:hover {
	text-shadow: black 0.2em 0.2em 0.4em;
}

.hoverr-ts5:hover {
	text-shadow: black 0.2em 0.3em 0.5em;
}

.hoverr-bs1:hover {
	-webkit-box-shadow: 0 5px 5px 1px #eee;
	-moz-box-shadow: 0 5px 5px 1px #eee;
	box-shadow: 0 5px 5px 1px #eee;
}

.hoverr-bs2:hover {
	-webkit-box-shadow: 0 5px 10px 2px #eee;
	-moz-box-shadow: 0 5px 10px 2px #eee;
	box-shadow: 0 5px 10px 2px #eee;
}

.hoverr-bs3:hover {
	-webkit-box-shadow: 0 5px 10px 4px #eee;
	-moz-box-shadow: 0 5px 10px 4px #eee;
	box-shadow: 0 5px 10px 4px #eee;
}

.hoverr-bs4:hover {
	-webkit-box-shadow: 0 5px 10px 8px #eee;
	-moz-box-shadow: 0 5px 10px 8px #eee;
	box-shadow: 0 5px 10px 8px #eee;
}

.hoverr-bs5:hover {
	-webkit-box-shadow: 0 5px 20px 8px #eee;
	-moz-box-shadow: 0 5px 20px 8px #eee;
	box-shadow: 0 5px 20px 8px #eee;
}

.hoverr-ef1 {
	-webkit-transition: all 0.1s ease-in-out;
	-o-transition: all 0.1s ease-in-out;
	transition: all 0.1s ease-in-out;
}

.hoverr-ef2 {
	-webkit-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}

.hoverr-ef3 {
	-webkit-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}

.hoverr-ef4 {
	-webkit-transition: all 0.4s ease-in-out;
	-o-transition: all 0.4s ease-in-out;
	transition: all 0.4s ease-in-out;
}

.hoverr-ef5 {
	-webkit-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
}

.hoverr-ef6 {
	-webkit-transition: all 0.6s ease-in-out;
	-o-transition: all 0.6s ease-in-out;
	transition: all 0.6s ease-in-out;
}

.hoverr-ef7 {
	-webkit-transition: all 0.7s ease-in-out;
	-o-transition: all 0.7s ease-in-out;
	transition: all 0.7s ease-in-out;
}

.hoverr-ef8 {
	-webkit-transition: all 0.8s ease-in-out;
	-o-transition: all 0.8s ease-in-out;
	transition: all 0.8s ease-in-out;
}

.hoverr-ef9 {
	-webkit-transition: all 0.9s ease-in-out;
	-o-transition: all 0.9s ease-in-out;
	transition: all 0.9s ease-in-out;
}

/* Hover */


/* Preto e Braco */
.preto_branco li img,
.preto_branco a img {
	filter: none;
	-webkit-filter: none;
	-webkit-transition: none;
	-webkit-backface-visibility: none;
	-moz-opacity: 1.00;
	filter: alpha(opacity=100);
	opacity: 1.00;
}

.preto_branco li:hover img,
.preto_branco a:hover img {
	filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale");
	/* Firefox 10+ */
	filter: gray;
	/* IE6-9 */
	-webkit-filter: grayscale(100%);
	/* Chrome 19+ & Safari 6+ */
	-webkit-transition: all .6s ease;
	/* Fade to color for Chrome and Safari */
	-webkit-backface-visibility: hidden;
	/* Fix for transition flickering */
	-moz-opacity: .50;
	filter: alpha(opacity=50);
	opacity: .50;
}

.preto_branco1 li img,
.preto_branco1 a img {
	filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale");
	/* Firefox 10+ */
	filter: gray;
	/* IE6-9 */
	-webkit-filter: grayscale(100%);
	/* Chrome 19+ & Safari 6+ */
	-webkit-transition: all .6s ease;
	/* Fade to color for Chrome and Safari */
	-webkit-backface-visibility: hidden;
	/* Fix for transition flickering */
	-moz-opacity: .50;
	filter: alpha(opacity=50);
	opacity: .50;
}

.preto_branco1 li:hover img,
.preto_branco1 a:hover img {
	filter: none;
	-webkit-filter: none;
	-webkit-transition: none;
	-webkit-backface-visibility: none;
	-moz-opacity: 1.00;
	filter: alpha(opacity=100);
	opacity: 1.00;
}

/* Preto e Braco */


/* Placeholder */
.branco::-webkit-input-placeholder {
	color: #FFF;
}

.branco::-moz-placeholder {
	color: #FFF;
}

/* firefox 19+ */
.branco:-ms-input-placeholder {
	color: #FFF;
}

/* ie */
.branco:-0-input-placeholder {
	color: #FFF;
}

/* ie */
.branco:-moz-placeholder {
	color: #FFF;
}

.preto::-webkit-input-placeholder {
	color: #333;
}

.preto::-moz-placeholder {
	color: #333;
}

/* firefox 19+ */
.preto:-ms-input-placeholder {
	color: #333;
}

/* ie */
.preto:-0-input-placeholder {
	color: #333;
}

/* ie */
.preto:-moz-placeholder {
	color: #333;
}

/* Placeholder */


/* Events Externos */
/* Alerts */
.events_externos .alerts {
	position: fixed;
	z-index: 9000100000;
	top: 53px;
	right: 5px;
}

.events_externos .alerts .alert {
    display: none;
    position: relative;
    margin: 8px 0;
    padding: 40px;
    width: min(92vw, 560px);
    min-width: 150px;
    max-width: 560px;
    color: #ffffff;
    background: #c30a22;
    background: linear-gradient(135deg, #c30a22 0%, #49091c 100%);
    border-radius: 12px;
    border: 1px solid ;
    box-shadow: 0 14px 40px rgba(0, 0, 0, 0.22);
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-family: var(--p-font);
    font-size: 15px;
    line-height: 1.5;
}

.events_externos .alerts .alert i {
	position: absolute;
	top: 5px;
	right: 7px;
	line-height: inherit !important;
	cursor: pointer;
	font-size: 24px !important;
	font-weight: bold;
}

.events_externos .alerts .alert p {
	font-size: 14px !important;
	line-height: 20px !important;
	color: #c95382 !important;
}

.events_externos .alerts .acao_0 {
    background: #f9d5e2;
	border-color: #c95382 !important;
}

.events_externos .alerts .acao_0 i {
	color: #c95382;
}

.events_externos .alerts .acao_1 {
	background: #fae6ec;
	border-color:#c30a22;
}

.events_externos .alerts .acao_1 i {
	color: #c30a22;
}
.events_externos .alerts .acao_1 p{
	color: #c30a22 !important;
}
/* Modals */
.events_externos .modals {
	width: 100%;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 9000100000;
}

.events_externos .modals .modal {
	width: 900px;
	position: relative;
	padding: 20px;
	margin: 30px auto;
	background-color: #fff;
	-webkit-background-clip: padding-box;
	background-clip: padding-box;
	border: 1px solid #999;
	border: 1px solid rgba(0, 0, 0, .2);
	border-radius: 6px;
	outline: 0;
	-webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, .5);
	box-shadow: 0 3px 9px rgba(0, 0, 0, .5);
}

.events_externos .modals .modal i {
	position: absolute;
	top: 5px;
	right: 7px;
	color: #666;
	line-height: inherit !important;
	cursor: pointer;
	font-size: 24px !important;
	font-weight: bold;
}

.events_externos .modals .modal h4 {
	padding: 0 10px 15px;
	font-size: 20px;
	font-weight: normal;
	border-bottom: 1px solid #e5e5e5;
}

.events_externos .modals .modal .contextoo {
	padding: 15px 10px;
	font-size: 14px;
	color: #333;
	border-bottom: 1px solid #e5e5e5;
}

.events_externos .modals .modal .button {
	padding: 15px 10px 0;
	text-align: right;
}

/* Carregando */
.events_externos .carregando {
	display: none;
	position: fixed;		
    top: 50%;
    left: 50%;
    z-index: 2147483647;
    padding: 12px 18px;
    margin: 0px;
    transform: translate(-50%, -50%);
	background: #fff;
	border-radius: 10px;
}

.events_externos .carregando img {
	vertical-align: middle;
	padding-left: 3px;
}

.events_externos .carregando span {
	display: inline-block;
}

.carregando1 {
	position: fixed;
	top: 50%;
	left: 50%;
	z-index: -1;
	padding: 10px;
	margin: -16px 0 0 -16px;
	border: 1px solid #CCC;
	background: #FFF;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}

.carregando1 img {
	vertical-align: middle;
}

.carregando1 span {
	display: inline-block;
	padding-left: 10px;
	font-weight: bold;
}

.carregando_lote {
	position: absolute;
	top: 50%;
	left: 50%;
	z-index: 100;
	padding: 5px 10px;
	margin: -22px 0 0 -74px;
	border: 1px solid #CCC;
	background: #FFF;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}

.carregando_lote img {
	vertical-align: middle;
}

.carregando_lote span {
	display: inline-block;
	padding-left: 10px;
	font-weight: bold;
}

.carregando_pagamento {
	display: none;
	position: fixed;
	top: 50%;
	left: 50%;
	z-index: 9000000100;
	padding: 10px;
	margin: -22px 0 0 -74px;
	border: 1px solid #CCC;
	background: #FFF;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}

.carregando_pagamento img {
	vertical-align: middle;
}

.carregando_pagamento span {
	display: inline-block;
	padding-left: 10px;
	font-weight: bold;
}

/* Erros Ajax */
.events_externos .erros_ajax {
	display: none;
	width: 700px;
	height: 500px;
	overflow: auto;
	padding: 10px;
	margin: -250px 0 0 -350px;
	position: fixed;
	z-index: 9000100000;
	top: 50%;
	left: 50%;
	border: 1px solid #999;
	background: #fff;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	-webkit-box-shadow: 0px 1px 3px #d7d7d7;
	-moz-box-shadow: 0px 1px 3px #d7d7d7;
	box-shadow: 0px 1px 3px #d7d7d7;
}

.events_externos .erros_ajax>i {
	position: absolute;
	top: 5px;
	right: 7px;
	cursor: pointer;
	font-size: 24px;
	font-weight: bold;
}

.events_externos .erros_ajax>p {}

@media (max-width: 700px) {
	.events_externos .erros_ajax {
		width: 100%;
		top: 0;
		left: 0;
		margin: 0 !important;
	}
}

/* Events Externos */


/* Auto Complete */
.ui-autocomplete {
	z-index: 800000001;
}

.ui-autocomplete.ui-widget-content {
	box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.3);
	-webkit-box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.3);
	-moz-box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.3);
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}

.ui-autocomplete.ui-widget-content li {
	padding: 5px;
	background: #fff;
}

.ui-autocomplete.ui-state-hover,
.ui-autocomplete.ui-widget-content .ui-state-hover,
.ui-autocomplete.ui-widget-header .ui-state-hover,
.ui-autocomplete.ui-state-focus,
.ui-autocomplete.ui-widget-content .ui-state-focus,
.ui-autocomplete.ui-widget-header .ui-state-focus {
	font-weight: bold;
	background: #dadada;
}

/* Auto Complete */


/* Tabs */
.tabs hr.nav {
	display: block;
	height: 1px;
	border: 0;
	border-bottom: 1px solid #CCC;
}

.tabs ul.nav {
	display: block;
	padding: 0 0 0 15px;
	margin: 0;
	border-bottom: 1px solid #CCC;
	background: #F1F1F1;
}

.tabs ul.nav li {
	height: 30px;
	float: left;
	border-right: 1px dashed #CCC;
}

.tabs ul.nav li>a {
	display: block;
	padding: 10px 15px;
	font-size: 11px;
	text-transform: uppercase;
}

.tabs ul.nav li.ativo {
	height: 30px;
	border: 1px solid;
	border-color: #CCC;
	border-top-color: #666;
	border-bottom: 0;
	background: #FFF;
	border-radius: 0;
	text-shadow: 0 1px 0 #DDD;
}

.tabs ul.nav li.ativo>a {
	padding-top: 8px;
}

.tabs ul.nav li:hover {
	background: #fff;
}

.tabs ul.nav li.disabled {
	background: none;
}

.tabs ul.nav li.disabled>a {
	color: #999;
}

.tabs ul.campos {
	padding: 10px;
}

.tabs ul.campos>li {
	display: none;
}

.tabs ul.campos>li.ativo {
	display: inline;
}

/* Tabs */


/* Popover */
.popover.top {
	margin-top: -10px;
}

.popover {
	width: 280px;
	z-index: 800000001 !important;
	padding: 1px;
	text-align: left;
	white-space: normal;
	background-color: #ffffff;
	border: 1px solid #ccc;
	border: 1px solid rgba(0, 0, 0, 0.2);
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	-webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
	-moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
	box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
	-webkit-background-clip: padding-box;
	-moz-background-clip: padding;
	background-clip: padding-box;
}

.popover.top .arrow {
	bottom: -22px;
	left: 47%;
	border-width: 11px;
	border-top-color: #C7C7C7;
}

.popover.top .arrow:after {
	margin: -12px 0 0 -11px;
	border-width: 11px;
	border-top-color: #fff;
}

.popover-title {
	padding: 8px 14px;
	margin: 0;
	font-size: 14px;
	font-weight: bold;
	line-height: 18px;
	background-color: #f7f7f7;
	border-bottom: 1px solid #ebebeb;
	-webkit-border-radius: 5px 5px 0 0;
	-moz-border-radius: 5px 5px 0 0;
	border-radius: 5px 5px 0 0;
}

.popover-content {
	padding: 9px 14px;
}

/* Popover */


/* Calendar */
ul.calendar {
	width: 500px;
	height: 45px;
	margin: 0;
}

ul.calendar li {
	display: block;
	float: left;
	width: 12.5%;
}

ul.calendar li.action a {
	height: 34px;
	display: block;
	margin: 0 0 0 2px;
	font-size: 12px;
	line-height: 34px;
	text-transform: uppercase;
	color: #ffe5e6;
	text-decoration: none;
	background: #fae6ec;
	text-align: center;
	border-radius: 2px;
}

ul.calendar li.action a:hover {
	background: #fae6ec;
	color: #a2113c
}

ul.calendar li.action a i.hi {
	font-size: 22px;
	line-height: 34px;
}

ul.calendar li.action a {
	height: 34px;
	display: block;
	margin: 0 0 0 2px;
	font-size: 12px;
	line-height: 34px;
	text-transform: uppercase;
	color: #ffe5e6;
	text-decoration: none;
	background: #fae6ec;
	text-align: center;
	border-radius: 2px;
}

ul.calendar li {
	display: block;
	float: left;
	width: 12.5%;
}

ul.calendar li.action a {
	height: 34px;
	display: block;
	margin: 0 0 0 2px;
	font-size: 12px;
	line-height: 34px;
	text-transform: uppercase;
	color: #ffe5e6;
	text-decoration: none;
	background: #fae6ec;
	text-align: center;
	border-radius: 2px;
}

ul.calendar li.mes a {
	height: 36px;
	display: block;
	margin: 0 0 0 2px;
	font-size: 0.8em;
	line-height: 1em;
	text-transform: uppercase;
	color: #ffe5e6;
	text-decoration: none;
	border-radius: 2px;
}

ul.calendar li.mes a em {
	display: block;
	height: 12px;
	border-radius: 2px;
	margin-bottom: 2px;
	background: #fae6ec;
}

ul.calendar li.mes a:hover em {
	background: #fae6ec;
}

ul.calendar li.mes.atual a em {
	background: #ffe5e6;
}

ul.calendar li.mes.ativo a em {
	background: #a2113c;
}

ul.calendar li.mes a p {
	margin: 2px;
	text-align: right;
}

ul.calendar li.mes a p {
	margin: 2px;
	text-align: right;
}

ul.calendar li.mes.ativo a p {
	color: #a2113c;
	font-weight: bold;
}

@media (max-width: 510px) {
	ul.calendar {
		width: 100%;
	}
}

.lista_financeiro[saldo="0"] li.mes.ativo a em {
	background: #e33d43;
}

.lista_financeiro[saldo="0"] ul.calendar li.mes.ativo a p {
	color: #e33d43;
	font-weight: bold;
}

/* Calendar */


/* Tooltip */
.datatable_boxs .tooltip .tooltip-inner {
	max-width: 300px !important;
	font-size: 12px !important;
}

.tooltip {
	position: absolute;
	z-index: 1030;
	display: block;
	font-size: 12px;
	line-height: 1.4;
	opacity: 0;
	filter: alpha(opacity=0);
	visibility: visible
}

.tooltip.in {
	opacity: 0.9;
	filter: alpha(opacity=90)
}

.tooltip.top {
	padding: 5px 0;
	margin-top: -3px
}

.tooltip.right {
	padding: 0 5px;
	margin-left: 3px
}

.tooltip.bottom {
	padding: 5px 0;
	margin-top: 3px
}

.tooltip.left {
	padding: 0 5px;
	margin-left: -3px
}

.tooltip-inner {
	max-width: 300px;
	padding: 4px 8px;
	color: white;
	text-align: center;
	text-decoration: none;
	background-color: #000000;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px
}

.tooltip-arrow {
	position: absolute;
	width: 0;
	height: 0;
	border-color: transparent;
	border-style: solid
}

.tooltip.top .tooltip-arrow {
	bottom: 0;
	left: 50%;
	margin-left: -5px;
	border-top-color: #000000;
	border-width: 5px 5px 0;
}

.tooltip.right .tooltip-arrow {
	top: 50%;
	left: 0;
	margin-top: -5px;
	border-right-color: #000000;
	border-width: 5px 5px 5px 0;
}

.tooltip.left .tooltip-arrow {
	top: 50%;
	right: 0;
	margin-top: -5px;
	border-left-color: #000000;
	border-width: 5px 0 5px 5px;
}

.tooltip.bottom .tooltip-arrow {
	top: 0;
	left: 50%;
	margin-left: -5px;
	border-bottom-color: #000000;
	border-width: 0 5px 5px;
}

/* Tooltip */


/* Paginacao */
.pagg {
	text-align: center;
}

.pagg a {
	display: inline-block;
	padding: 10px 15px;
	margin: 0 3px;
	color: #c30a22;
	font-size: 14px;
	border: solid 1px rgb(255, 255, 255);
	background: #fff;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}

.pagg a:hover {
	background: #F2F2F2;
}

.pagg a.ativo {
	color: #000;
	background: #fff;
}

/* Paginacao */


/* Tables */
.table_top {
	border: #aaa 1px solid;
	background: #eee;
	padding: 10px;
}

.table_center {
	border: #aaa 1px solid;
	background: #FFF;
	padding: 10px;
}

/* Tables */


/* Editor */
.editor p {
	float: none !important;
	margin: 8px 0 16px !important;
	padding: 0
}

.editor ul {
	float: none !important;
	list-style: inside;
	display: block !important;
	margin: 0 !important;
	padding: 0 40px !important;
}

.editor ul li {
	float: none !important;
	margin: 0;
	padding: 0;
}

/* Editor */

/* PADROES */



/* -------------------------------------------------------------------------- */



/* INPUTS PADROES */
/* Padroes */
input[type=radio].design,
input[type=checkbox].design {
	height: auto;
	line-height: inherit;
	padding: 0;
	cursor: pointer;
	border: none;
	background: none;
	border-radius: 0px;
	outline: 0;
}

input[type=checkbox],
input[type=radio] {
	height: 16px;
	vertical-align: bottom;
	box-shadow: 0px 0px 1px rgba(0, 204, 255, 0.7) !important;
	-webkit-box-shadow: 0px 0px 0px rgba(0, 204, 255, 0.7) !important;
	-moz-box-shadow: 0px 0px 0px rgba(0, 204, 255, 0.7) !important;
}

input[type=date].design,
input[type=datetime-local].design,
input[type=month].design,
input[type=week].design {
	position: relative !important;
	padding-right: 25px !important;
}

input[type=date].design::-webkit-inner-spin-button,
input[type=date].design::-webkit-outer-spin-button,
input[type=datetime-local].design::-webkit-inner-spin-button,
input[type=datetime-local].design::-webkit-outer-spin-button,
input[type=month].design::-webkit-inner-spin-button,
input[type=month].design::-webkit-outer-spin-button,
input[type=week].design::-webkit-inner-spin-button,
input[type=week].design::-webkit-outer-spin-button {
	-webkit-appearance: none;
	margin: 0;
}

input[type=date].design::-webkit-clear-button,
input[type=month].design::-webkit-clear-button,
input[type=week].design::-webkit-clear-button {
	-webkit-appearance: none;
	margin: 0;
}

input[type=date].design::-webkit-calendar-picker-indicator,
input[type=datetime-local].design::-webkit-calendar-picker-indicator,
input[type=month].design::-webkit-calendar-picker-indicator,
input[type=week].design::-webkit-calendar-picker-indicator {
	width: 8px;
	height: 6px;
	padding: 13px 5px 13px 5px;
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	opacity: .5;
	color: #000;
}

**input[type=date].design::-webkit-calendar-picker-indicator,
input[type=month].design::-webkit-calendar-picker-indicator,
input[type=week].design::-webkit-calendar-picker-indicator {
	padding-left: 1000px;
}

input[type=date].design::-webkit-calendar-picker-indicator:hover,
input[type=datetime-local].design::-webkit-calendar-picker-indicator:hover,
input[type=month].design::-webkit-calendar-picker-indicator:hover,
input[type=week].design::-webkit-calendar-picker-indicator:hover {
	background: none;
}

input[type=number].design,
input[type=time].design {
	position: relative !important;
	padding-right: 20px !important;
}

input[type=number].design::-webkit-outer-spin-button,
input[type=number].design::-webkit-inner-spin-button,
input[type=time].design::-webkit-outer-spin-button,
input[type=time].design::-webkit-inner-spin-button {
	width: 15px;
	height: 100%;
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	opacity: .5;
	border-left: 1px solid #BBB;
	-webkit-appearance: none;
	background: #FFF url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAkAAAAJCAYAAADgkQYQAAAAKUlEQVQYlWNgwAT/sYhhKPiPT+F/LJgEsHv37v+EMGkmkuImoh2NoQAANlcun/q4OoYAAAAASUVORK5CYII=) no-repeat center center;
}

input[type=number].design::-webkit-inner-spin-button:hover,
input[type=number].design::-webkit-outer-spin-button:hover,
input[type=time].design::-webkit-inner-spin-button:hover,
input[type=time].design::-webkit-inner-spin-button:active {
	opacity: .8;
	box-shadow: 0 0 2px #0CF;
}

input[type=color] {
	width: 40px !important;
}

.input.file {
	position: relative;
	overflow: hidden;
	padding: 7px 10px 7px;
	border: solid 1px #ccc;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	outline: 0;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff', endColorstr='#f6f6f6');
	background: -moz-linear-gradient(top, #fff, #f6f6f6);
	background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#f6f6f6));
}

input[type=file].design {
	position: absolute;
	top: 0;
	right: 0;
	margin: 0;
	padding: 0;
	font-size: 20px;
	cursor: pointer;
	opacity: 0;
	filter: alpha(opacity=0);
}

textarea.design {
	padding: 10px !important;
	line-height: 18px !important;
}

input.design:disabled,
textarea.design:disabled {
	opacity: .7 !important;
	background: #eee !important;
}

/* Padroes */

/* Button */
.botao {
	padding: 8px 15px;
	cursor: pointer;
	border: 1px solid #ddd;
	background: #FFF;
}

.botao i {
	margin: -2px 0 0;
	font-size: 16px;
}

.botao:disabled {
	color: #ccc !important;
}

.botao:disabled i {
	color: #ccc !important;
}

.botao:hover {
	-webkit-box-shadow: 0px 1px 3px #d7d7d7;
	-moz-box-shadow: 0px 1px 3px #d7d7d7;
	box-shadow: 0px 1px 3px #d7d7d7;
	text-shadow: 0px 1px 0px #BBB;
	border: 1px solid #C7C7C7;
}

button.design {
	padding: 8px 25px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	-moz-box-shadow: 0 0 3px #CCC;
	-webkit-box-shadow: 0 0 3px #CCC;
	box-shadow: 0 0 3px #CCC;
}

button.design:hover {
	-moz-box-shadow: 0 0 8px #CCC;
	-webkit-box-shadow: 0 0 8px #CCC;
	box-shadow: 0 0 8px #CCC;
}

/* Button */

/* Editor */
.cke_dialog_background_cover {
	z-index: 9000000000 !important;
}

.cke {
	position: relative !important;
	z-index: 9000000001 !important;
}

.cke_dialog_tab[title=Enviar] {
	display: none !important;
}

/* Botao Enviar no Servidor */

.cke_panel {
	margin-top: -830px !important;
}

/* Editor */
/* INPUTS PADROES */



/* -------------------------------------------------------------------------- */



/* FONTS

		/* BebasNeue
			.BebasNeue { font-family:'BebasNeuewebfont' !important; }
			@font-face {
				font-family:'BebasNeuewebfont';
				src:url('../plugins/Fonts/BebasNeuewebfont/BebasNeuewebfont.eot');
				src:local('BebasNeuewebfont'), url('../plugins/Fonts/BebasNeuewebfont/BebasNeuewebfont.woff') format('woff'), url('../plugins/Fonts/BebasNeuewebfont/BebasNeuewebfont.ttf') format('truetype');
			}

	/* FONTS */



/* -------------------------------------------------------------------------- */



/* CLASSES ABR. */

/* Classes Padroes */
.w-a {
	width: auto !important;
}

.h-a {
	height: auto !important;
}

.h100p {
	height: 100% !important;
}

.img_w100p img {
	width: 100% !important;
	border-radius: 5px 5px 5px 5px;
	-moz-border-radius: 5px 5px 5px 5px;
	-webkit-border-radius: 5px 5px 5px 5px;
}

.min-w100p {
	min-width: 100% !important;
}

.max-w100p {
	max-width: 100% !important;
}

.min-h100p {
	min-height: 100% !important;
}

.max-h100p {
	max-height: 100% !important;
}

.fll {
	float: left;
}

.flli {
	float: left !important;
}

.flr {
	float: right;
}

.flri {
	float: right !important;
}

.fln {
	float: none;
}

.flni {
	float: none !important;
}

.tal {
	text-align: left !important;
}

.tac {
	text-align: center !important;
}

.tar {
	text-align: right !important;
}

.taj {
	text-align: justify !important;
}

.vat {
	vertical-align: top !important;
}

.vas {
	vertical-align: sub !important;
}

.vasu {
	vertical-align: super !important;
}

.vam {
	vertical-align: middle !important;
}

.vaba {
	vertical-align: baseline !important;
}

.vab {
	vertical-align: bottom !important;
}

.ts {
	text-shadow: black 0.0em 0.1em 0.1em;
}

.ts1 {
	text-shadow: black 0.1em 0.1em 0.2em;
}

.ts2 {
	text-shadow: black 0.1em 0.2em 0.3em;
}

.tsb {
	text-shadow: white 0.0em 0.1em 0.1em;
}

.tsb1 {
	text-shadow: white 0.1em 0.1em 0.2em;
}

.tsb2 {
	text-shadow: white 0.1em 0.2em 0.3em;
}

.bs1 {
	-webkit-box-shadow: 0 5px 5px 1px #eee;
	-moz-box-shadow: 0 5px 5px 1px #eee;
	box-shadow: 0 5px 5px 1px #eee;
}

.bs2 {
	-webkit-box-shadow: 0 5px 10px 2px #eee;
	-moz-box-shadow: 0 5px 10px 2px #eee;
	box-shadow: 0 5px 10px 2px #eee;
}

.bs3 {
	-webkit-box-shadow: 0 5px 10px 4px #eee;
	-moz-box-shadow: 0 5px 10px 4px #eee;
	box-shadow: 0 5px 10px 4px #eee;
}

.bs4 {
	-webkit-box-shadow: 0 5px 10px 8px #eee;
	-moz-box-shadow: 0 5px 10px 8px #eee;
	box-shadow: 0 5px 10px 8px #eee;
}

.bs5 {
	-webkit-box-shadow: 0 5px 20px 8px #eee;
	-moz-box-shadow: 0 5px 20px 8px #eee;
	box-shadow: 0 5px 20px 8px #eee;
}

.bsp {
	webkit-box-shadow: 0px 1px 3px rgba(000, 000, 000, 1), inset 0px 0px 1px rgba(255, 255, 255, 0.6);
	box-shadow: 0px 1px 3px rgba(000, 000, 000, 1), inset 0px 0px 1px rgba(255, 255, 255, 0.6);
	text-shadow: 0px -1px 0px rgba(000, 000, 000, 1), 0px 1px 0px rgba(255, 255, 255, 0.2);
}

.bsp1 {
	webkit-box-shadow: 0px 2px 6px rgba(000, 000, 000, 1), inset 0px 0px 2px rgba(255, 255, 255, 0.6);
	box-shadow: 0px 2px 6px rgba(000, 000, 000, 1), inset 0px 0px 2px rgba(255, 255, 255, 0.6);
	text-shadow: 0px -2px 0px rgba(000, 000, 000, 1), 0px 2px 0px rgba(255, 255, 255, 0.2);
}

.bsp2 {
	webkit-box-shadow: 0px 1px 9px rgba(000, 000, 000, 1), inset 0px 0px 3px rgba(255, 255, 255, 0.6);
	box-shadow: 0px 3px 9px rgba(000, 000, 000, 1), inset 0px 0px 3px rgba(255, 255, 255, 0.6);
	text-shadow: 0px -3px 0px rgba(000, 000, 000, 1), 0px 3px 0px rgba(255, 255, 255, 0.2);
}

.bsb {
	-webkit-box-shadow: 0 0 2px 2px #CCC;
	-moz-box-shadow: 0 0 2px 2px #CCC;
	box-shadow: 0 0 2px 2px #CCC;
}

.bsb1 {
	-webkit-box-shadow: 0 0 5px 5px #CCC;
	-moz-box-shadow: 0 0 5px 5px #CCC;
	box-shadow: 0 0 5px 5px #CCC;
}

.bsb2 {
	-webkit-box-shadow: 0 0 10px 10px #CCC;
	-moz-box-shadow: 0 0 10px 10px #CCC;
	box-shadow: 0 0 10px 10px #CCC;
}

.bbb {
	text-shadow: white 0.0em 0.1em 0.1em;
}

.bbb1 {
	text-shadow: white 0.1em 0.1em 0.2em;
}

.bbb2 {
	text-shadow: white 0.1em 0.2em 0.3em;
}

.di {
	display: inline;
}

.dib {
	display: inline-block;
}

.db {
	display: block;
}

.dt {
	display: table;
}

.dit {
	display: inline-table;
}

.dn {
	display: none;
}

.dii {
	display: inline !important;
}

.dibi {
	display: inline-block !important;
}

.dbi {
	display: block !important;
}

.dt {
	display: table !important;
}

.dit {
	display: inline-table !important;
}

.dni {
	display: none !important;
}

.c_flex {
	display: flex;
	display: -webkit-flex;
	align-items: center;
}

.jc {
	justify-content: center;
}

.jr {
	justify-content: flex-end;
}

ul.bd>li:not(:last-child) {
	border-bottom: 0 !important;
}

.o-h {
	overflow: hidden !important;
}

.o-hx {
	overflow-x: hidden !important;
}

.o-hy {
	overflow-y: hidden !important;
}

.o-a {
	overflow: auto !important;
}

.o-ax {
	overflow-x: auto !important;
}

.o-ay {
	overflow-y: auto !important;
}

.ptb0 {
	padding-top: 0 !important;
	padding-bottom: 0 !important;
}

.plr0 {
	padding-left: 0 !important;
	padding-right: 0 !important;
}

.m-a {
	margin: auto !important;
}

.posa {
	position: absolute;
}

.posf {
	position: fixed;
}

.posr {
	position: relative;
}

.poss {
	position: static;
}

.posai {
	position: absolute !important;
}

.posfi {
	position: fixed !important;
}

.posri {
	position: relative !important;
}

.possi {
	position: static !important;
}

.imgl {
	float: left !important;
	padding: 0 20px 20px 0 !important;
}

.imgr {
	float: right !important;
	padding: 0 0 20px 20px !important;
}

.limit {
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}

.limit1 {
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.w-s {
	white-space: nowrap;
}

.t-o {
	text-overflow: ellipsis;
}

.ls1 {
	letter-spacing: -1px;
}

.ls2 {
	letter-spacing: -2px;
}

.ls3 {
	letter-spacing: -3px;
}

.ls4 {
	letter-spacing: -4px;
}

.ls5 {
	letter-spacing: -5px;
}

.ls6 {
	letter-spacing: -6px;
}

.z-1 {
	z-index: -1 !important;
}

.z0 {
	z-index: 0 !important;
}

.z1 {
	z-index: 10 !important;
}

.z11 {
	z-index: 11 !important;
}

.z2 {
	z-index: 200 !important;
}

.z21 {
	z-index: 201 !important;
}

.z3 {
	z-index: 3000 !important;
}

.z31 {
	z-index: 3001 !important;
}

.z4 {
	z-index: 40000 !important;
}

.z41 {
	z-index: 40001 !important;
}

.z5 {
	z-index: 500000 !important;
}

.z51 {
	z-index: 500001 !important;
}

.z6 {
	z-index: 6000000 !important;
}

.z61 {
	z-index: 6000001 !important;
}

.z7 {
	z-index: 70000000 !important;
}

.z71 {
	z-index: 70000001 !important;
}

.z8 {
	z-index: 800000000 !important;
}

.z81 {
	z-index: 800000001 !important;
}

.z9 {
	z-index: 9000000000 !important;
}

.z91 {
	z-index: 9000000001 !important;
}

.z92 {
	z-index: 9000000002 !important;
}

.z95 {
	z-index: 9000000005 !important;
}

.z910 {
	z-index: 90000000010 !important;
}

.fwn {
	font-weight: normal !important;
}

.fwb {
	font-weight: bold !important;
}

.ttu {
	text-transform: uppercase !important;
}

.ttl {
	text-transform: lowercase !important;
}

.ttn {
	text-transform: none !important;
}

.c-p {
	cursor: pointer !important;
}

.c-p0 {
	cursor: initial !important;
}

.fsi {
	font-style: italic !important;
}

.op0 {
	opacity: .0 !important;
}

.op0_hover:hover {
	opacity: .0 !important;
}

.op1 {
	opacity: .1 !important;
}

.op1_hover:hover {
	opacity: .1 !important;
}

.op2 {
	opacity: .2 !important;
}

.op2_hover:hover {
	opacity: .2 !important;
}

.op3 {
	opacity: .3 !important;
}

.op3_hover:hover {
	opacity: .3 !important;
}

.op4 {
	opacity: .4 !important;
}

.op4_hover:hover {
	opacity: .4 !important;
}

.op5 {
	opacity: .5 !important;
}

.op5_hover:hover {
	opacity: .5 !important;
}

.op6 {
	opacity: .6 !important;
}

.op6_hover:hover {
	opacity: .6 !important;
}

.op7 {
	opacity: .7 !important;
}

.op7_hover:hover {
	opacity: .7 !important;
}

.op8 {
	opacity: .8 !important;
}

.op8_hover:hover {
	opacity: .8 !important;
}

.op9 {
	opacity: .9 !important;
}

.op9_hover:hover {
	opacity: .9 !important;
}

.op10 {
	opacity: 1 !important;
}

.op10_hover:hover {
	opacity: 1 !important;
}

/* Classes Padroes */


/* Cores */
.c_azul,
a.c_azul {
	color: #a2113c !important;
}

.c_verde,
a.c_verde {
	color: #a2113c !important;
}

.c_vermelho,
a.c_vermelho {
	color: #e33d43 !important;
}

.c_amarelo,
a.c_amarelo {
	color: #F2B835 !important;
}

/* Cores */


/* Borders e Backgrounds */
.bd0 {
	border: 0;
}

.bd0i {
	border: 0 !important;
}

.bdt0 {
	border-top: 0 !important;
}

.bdl0 {
	border-left: 0 !important;
}

.bdr0 {
	border-right: 0 !important;
}

.bdb0 {
	border-bottom: 0 !important;
}

.back0 {
	background: none !important;
}

.br0 {
	-webkit-border-radius: 0 !important;
	-moz-border-radius: 0 !important;
	border-radius: 0 !important;
}

.br50p {
	-webkit-border-radius: 50% !important;
	-moz-border-radius: 50% !important;
	border-radius: 50% !important;
}

.bdb_dashed {
	border-bottom: 1px dashed #F4F4EE;
}

.bdb_dashed_000 {
	border-bottom: 1px dashed #000;
}

.bd_dashed_000 {
	border: 1px dashed #000;
}

.bd_dashed_999 {
	border: 1px dashed #999;
}

/* Borders e Backgrounds */

/* CLASSES ABR. */


/* OUTROS */
embed#chrome-plugin-npapi-helper {
	height: 0px !important;
	display: none !important
}

.skiptranslate,
#google_translate_element {
	display: none !important;
}

.ui-dialog.max {
	margin: 48px 0 0 235px !important;
	width: -webkit-calc(100% - 235px) !important;
	width: -moz-calc(100% - 235px) !important;
	width: calc(100% - 235px) !important;
	height: -webkit-calc(100% - 92px) !important;
	height: -moz-calc(100% - 92px) !important;
	height: calc(100% - 92px) !important;
}

@media (max-width: 900px) {
	.ui-dialog.max {
		margin: 96px 0 0 0 !important;
		width: 100% !important;
		height: -webkit-calc(100% - 140px) !important;
		height: -moz-calc(100% - 140px) !important;
		height: calc(100% - 140px) !important;
	}
}

.ui-dialog.max {
	width: 100% !important;
	height: calc(100% - 44px) !important;
	margin: 0 !important;
}

/* Redes */
.rede span {
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}

.rede1 span {
	float: none !important;
}

.atm-f {
	display: none !important;
}

/* OUTROS */

/*Agradecimento*/
.container {
	max-width: 800px;
	margin: 20px auto;
	background-color: #fff;
	padding: 20px;
	border-radius: 10px;
	box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}

.loading-container {
	display: flex;
	justify-content: center;
	align-items: center;
	height: 300px;
	width: 100%;
}

.loading-content {
	text-align: center;
	background-color: #fff;
	padding: 40px;
	border-radius: 10px;
	box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);
}

.loading-content h2 {
	font-size: 1.8em;
	margin-bottom: 10px;
	color: #333;
}

.loading-content p {
	font-size: 1.2em;
	margin-bottom: 20px;
	color: #666;
}

.loading-gif {
	width: 100px;
	height: 100px;
}

/*Agradecimento*/

/*cadastro*/
:root {
  --bg: #fae6ec;
  --card: #ffffff;
  --txt: #49091c;
  --muted: #a2113c;
  --border: #fae6ec;
  --focus: #0ea5e9;
  --ring: #0ea5e933;
  --danger: #ef4444;
  --ok: #c30a22;
  --primary: #0ea5e9;
  --primary-600: #c30a22;
  --radius: 16px;
  --gap: 16px;
}

* {
  box-sizing: border-box;
}

.loading-overlay {
	display: none;
	/* Inicialmente oculta */
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.5);
	z-index: 1000;
	/* Z-index alto para sobrepor todo o conteúdo */
	justify-content: center;
	align-items: center;
}

.loading-content {
	text-align: center;
	color: #fff;
}

.loading-content img {
	width: 50px;
	/* Ajuste o tamanho conforme necessário */
	height: 50px;
	/* Ajuste o tamanho conforme necessário */
}

/* ===== Base (sem seletor por tag) ===== */
.page {
  min-height: 100vh;
  margin: 0;
  color: var(--txt);
  font-family: Inter, system-ui, Segoe UI, Roboto, Arial, sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /* margin-top: 100px; */
}

.container__cadastro {
  max-width: 1230px;
  margin: clamp(12px, 5vh, 48px) auto;
  padding: 0 16px;
}

.header-cadastro {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 12px;
  margin: 14px 0;
}

.brand {
  display: flex;
  align-items: center;
  gap: 10px;
}

.logo-index {
  width: 12px;
  height: 12px;
  border-radius: 50%;
  background: var(--menu-bg);
}

.title {
  font-size: clamp(22px, 2.2vw, 28px);
  margin: 0;
}

.sub {
  color: var(--muted);
  margin: 4px 0 0;
  font-size: 14px;
}

.grid {
  display: grid;
  grid-template-columns: 1fr 360px;
  gap: 16px;
}

.card__cadastro {
  background: var(--card);
  border: 1px solid var(--border);
  border-radius: var(--radius);
}

/* ===== Form ===== */
.form-card {
  padding: 18px;
}

/* Accordion custom (divs, sem details/summary) */
.section {
  border: 1px solid var(--border);
  border-radius: 12px;
  background: #fff;
}

.section + .section {
  margin-top: 12px;
}

.summary {
  cursor: pointer;
  padding: 14px 16px;
  font-weight: 600;
  display: flex;
  align-items: center;
  justify-content: space-between;
  user-select: none;
}

.chev {
  transition: transform .2s ease;
}

.section.is-open .chev {
  transform: rotate(180deg);
}

.section-body {
  padding: 0 16px 16px;
  display: none;
}

.section.is-open .section-body {
  display: block;
}

.form-grid {
  display: grid;
  gap: 12px;
  grid-template-columns: 1fr;
}

/* Floating labels */
.field {
  position: relative;
}

.fl-input {
  width: 100%;
  padding: 14px 12px;
  border: 1px solid var(--border);
  border-radius: 12px;
  background: #fff;
  color: var(--txt);
  font-size: 15px;
  outline: none;
  transition: border-color .15s, box-shadow .15s;
  font-style: normal;
}

.fl-input:focus {
  border-color: var(--focus);
  box-shadow: 0 0 0 4px var(--ring);
}

.fl-label {
  position: absolute;
  left: 12px;
  top: 13px;
  padding: 0 6px;
  font-size: 14px;
  color: #a2113c;
  background: #fff;
  pointer-events: none;
  transition: all .12s;
}

.field.filled .fl-label,
.fl-input:focus + .fl-label {
  top: -8px;
  font-size: 12px;
  color: #49091c;
}

.is-select {
  appearance: none;
}

.select-caret {
  position: absolute;
  right: 12px;
  top: 50%;
  transform: translateY(-50%);
  pointer-events: none;
  color: #a2113c;
}

.hint {
  font-size: 12px;
  color: var(--muted);
  margin-top: 6px;
}

.error {
  font-size: 12px;
  color: var(--danger);
  margin-top: 6px;
  display: none;
}

.invalid .fl-input {
  border-color: var(--danger);
  box-shadow: none;
}

/* PF/PJ segmented */
.segmented {
  border: 1px solid var(--border);
  border-radius: 999px;
  display: inline-flex;
  gap: 4px;
  padding: 4px;
  background: #fafafa;
}

.segmented-input {
  display: none;
}

.segmented-label {
  padding: 10px 14px;
  border-radius: 999px;
  cursor: pointer;
  color: #c30a22;
  font-weight: 500;
  border: 1px solid transparent;
}

/* label ativa quando o input interno está checado */
.segmented-label:has(> .segmented-input:checked) {
  background: #fff;
  border-color: var(--border);
  color: #49091c;
  box-shadow: 0 0 0 4px var(--ring);
}

/* Password tools */
.pw-wrap {
  position: relative;
}

.pw-toggle-cadastro {
  position: absolute;
  right: 8px;
  top: 30%;
  transform: translateY(-50%);
  background: transparent;
  border: 0;
  cursor: pointer;
  color: #a2113c;
  padding: 6px;
}

.meter {
  height: 6px;
  border-radius: 999px;
  background: #fae6ec;
  border: 1px solid var(--border);
  overflow: hidden;
  margin-top: 6px;
}

.meter-bar {
  display: block;
  height: 100%;
  width: 0%;
  background: linear-gradient(90deg, #f97316, #a2113c);
  transition: width .25s ease;
}

.meter-label {
  font-size: 12px;
  color: var(--muted);
  margin-top: 4px;
}

.actions {
  display: flex;
  gap: 10px;
  flex-wrap: wrap;
  align-items: center;
  justify-content: flex-end;
  margin-top: 14px;
}

.btn-cadastro {
  appearance: none;
  border: 1px solid transparent;
  cursor: pointer;
  font-weight: 600;
  border-radius: 10px;
  padding: 12px 16px;
  transition: .15s ease;
}

.btn-primary-cadastro {
  background: var(--menu-bg);
  color: #fff;
}

.btn-primary-cadastro:hover {
  background: var(--primary-600);
}

.btn-ghost {
  background: #fff;
  color: #49091c;
  border-color: var(--border);
}

/* Aside (status / resumo) */
.aside {
  padding: 16px;
  position: sticky;
  top: 16px;
  display: flex;
  flex-direction: column;
  gap: 12px;
}

.block {
  border: 1px solid var(--border);
  border-radius: 12px;
  background: #fff;
  padding: 14px;
}

.aside-title {
  margin: 0 0 6px;
  font-size: 15px;
  font-weight: 600;
}

.checklist {
  display: grid;
  gap: 8px;
}

.check-item {
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 14px;
}

.dot-ok {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: #fae6ec;
}

.ok .dot-ok {
  background: #c30a22;
}

.kv {
  display: grid;
  grid-template-columns: .9fr 1.1fr;
  gap: 8px;
  font-size: 14px;
}

.kv-key {
  color: #c30a22;
}

/* Toast */
.toast {
  position: fixed;
  left: 50%;
  transform: translateX(-50%);
  bottom: 18px;
  background: #49091c;
  color: #fff;
  border-radius: 10px;
  padding: 10px 14px;
  font-size: 14px;
  display: none;
}

.toast.show {
  display: block;
  animation: fade .2s ease;
}

@keyframes fade {
  from { opacity: 0; transform: translate(-50%, 8px); }
  to   { opacity: 1; transform: translate(-50%, 0); }
}

/* aside como imagem única, sem padding e com cantos clipados */
.aside--image {
  padding: 0;
  overflow: hidden;
}

/* imagem preenche totalmente o card (coluna da direita) */
.aside-image {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;      /* corta sem distorcer */
  object-position: center;/* centraliza o foco   */
}

.aside-image-mob {
	display: none;
}

/* ===== Media Queries ===== */
@media (min-width: 700px) {
  .form-grid.two {
    grid-template-columns: 1fr 1fr;
  }
  .full {
    grid-column: 1 / -1;
  }
}

@media (max-width: 980px) {
  .grid {
    grid-template-columns: 1fr;
  }
  .btn {
    width: 100%;
  }
  .aside-image {
    display: none !important;
  }
  .aside-image-mob {
    display: block !important;
  }
  .page {
    margin-top: 0;
  }
}


/*cadastro*/

/*consulta*/
.consulta {
	display: flex;
	justify-content: center;
	align-items: center;
	min-height: 200px;
	flex-direction: column;
}

.consulta p {
	font-size: 15px;
	font-weight: bold;
	margin: 5px auto;
}

.consulta div {
	padding: 10px;
	background-color: #e5e5e5;
	border-radius: 5px;
	display: flex;
	flex-direction: column;
	align-items: center;
	align-content: center;
	justify-content: space-around;
	width: 400px;
	margin: 10px;
}

.consulta input[type=submit] {
	padding: 5px 10px;
	border: none;
	font-weight: bold;
	background: #5b5b5b;
	color: white;
	border-radius: 5px;
	margin: 0 12px;
}

.campos-acesso {
	display: flex;
	flex-direction: row !important
}

.campos-acesso input {
	width: 22%;
	text-align: center;
	height: 30px;
}

.consulta form {
	display: flex;
	flex-direction: column;
}

.consulta-off p {
	text-align: center
}

.instruc-img {
	padding: 0 !important;
	margin: 0 !important;
}

.error_consulta {
	background-color: #feeff6;
	color: #cd2b31;
	max-width: 30rem;
	min-height: 3rem;
	font-size: 0.9rem;
	padding: 0.4rem 0.7rem;
	border: 1px solid #ebccd1;
	border-radius: 4px;
	flex-wrap: wrap;
	overflow-wrap: break-word;
	text-overflow: clip;
	word-wrap: break-word;
	align-items: center;
	display: flex;
}

@media screen and (max-width: 500px) {
	.consulta {
		width: 100%
	}

	.consulta div {
		width: 90%;
		margin: 10px
	}
}

/*consulta*/

/*home*/
.cards__titulo {
	font-size: 24px;
	font-family: 'Roboto', sans-serif;
	display: flex;
	justify-content: flex-end;
	margin: auto;
	padding: 15px 23px;
}

.cards__main1 {
	display: flex;
	flex-direction: column;
	flex-wrap: wrap;
	border-top: none;
	margin: 10px;
	gap: 20px;
}

.cards__main a button {
	background: none
}

/*home*/

/*index*/
@import url('https://fonts.googleapis.com/css?family=Roboto+Mono:500|Roboto:100,400,700,900|Kanit:500&display=swap');

body {
	background: #f7f7f9 !important;
	background-repeat: repeat;
	overflow-y: scroll;
	scroll-behavior: smooth;
	-webkit-font-smoothing: antialiased;
	font-family: 'Roboto', sans-serif;
	/*font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", */
	/*   Helvetica, Arial, "Lucida Grande", sans-serif !important;*/
}


.popup-active {
	overflow: hidden;
}

.seta-baixo:before {
	content: "";
	display: inline-block;
	vertical-align: middle;
	margin-right: 10px;
	width: 0;
	height: 0;

	border-left: 5px solid transparent;
	border-right: 5px solid transparent;
	border-top: 5px solid #FF0040;
}

.yellow {
	-webkit-animation-name: example;
	/* Safari 4.0 - 8.0 */
	-webkit-animation-duration: 10s;
	/* Safari 4.0 - 8.0 */
	animation-name: example;
	animation-duration: 10s;
	animation-iteration-count: infinite;
}

/* Safari 4.0 - 8.0 */
@-webkit-keyframes example {
	0% {
		color: white;
	}

	25% {
		color: white;
	}

	50% {
		color: yellow;
	}

	75% {
		color: white;
	}

	100% {
		color: white;
	}
}

/* Standard syntax */
@keyframes example {
	0% {
		color: white;
	}

	25% {
		color: white;
	}

	50% {
		color: yellow;
	}

	75% {
		color: white;
	}

	100% {
		color: white;
	}
}

.card {
	border: 0.5px solid #e7e2e2 !important;
	max-width: 275px;
	min-width: 175px;
	background: white;
	position: relative;
	color: #000 !important;
	display: block;
	margin: 10px !important;
	box-sizing: border-box;
	outline: 0;
	justify-content: center;
	text-decoration: none;
	border-radius: 20px 20px 20px 20px;
}

.card img {
	margin: 0 auto 5px;
	width: 100%;
	border-radius: 20px 20px 20px 20px;
}



.coluna {
	width: 50%;
}

.p {
	display: flex;
	font-size: 0.8rem;
}

.c1 {
	width: 100%;
}

.contagem {
	font-size: 0.8rem;
}

.datalote {
	font-size: 0.8rem;
}

.datalote2 {
	display: flex;
	align-content: space-around;
	flex-direction: column;
	align-items: self-end;
}

.bs {
	border-radius: 12px;
	display: inline-block;
	cursor: pointer;
	color: #ffffff;
	font-size: 12px;
	padding: 12px 5px;
	text-decoration: none;
	width: 100%;
}

.bs:hover {
	background-color: #c30a22;
}

.bs:active {
	position: relative;
	top: 1px;
}

.cat {
	background-color: #b00d07;
	padding: 15px 15px;
	position: absolute;
	width: 100%;
	top: 160px;
	color: white;
	display: flex;
	font-size: 11px;

}

.cat:hover {
	background-color: #850c08;
}

.cat p {
	margin-left: 5px;
}

.cat i {
	color: white;
}

.img:hover {
	opacity: 50%;
}

hr {
	color: #ebebeb;
}

.cod {
	font-size: 0.8rem;
	text-align: left !important;
}

.mn {
	margin-bottom: -1.5px;
}

.card i {
	color: #969696;
}

*,
*::before,
*::after {
	margin: 0;
	padding: 0;
	box-sizing: border-box;

}

/*CSS TESTE*/

:root {
	--cor-preto: #000000;
	--cor-cinza-escuro: #333333;
	--cor-cinza-claro: #898989;
	--cor-branco: #ffffff;
	--cor-azul: #ffe5e6;
	--cor-primaria: white;
	--cor-secundaria: #ffe5e6;
	--cor-terciaria: #000000;
	--cor-texto-primaria: #333333;
	--cor-texto-secundaria: #5b5b5b;
	--cor-de-fundo-primaria: white;
	--cor-destaque-primaria: #49091c;
	--cor-destaque-secundaria: #49091c;
	--cor-destaque-terciaria: #49091c;
	--fonte-principal: 'Roboto', sans-serif;
	--cor-fonte-branco: white;
	--cor-fonte-verde: #49091c;
}

@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@400;700;900&display=swap');

:root {
	--cor-de-fundo-primaria: white;
	--cor-destaque-primaria: #49091c;
	--cor-destaque-secundaria: #49091c;
	--cor-destaque-terciaria: #49091c;
	--fonte-principal: 'Roboto', sans-serif;
	--cor-fonte-branco: white;
	--cor-fonte-verde: #49091c;
}


/* FIM CABEÇALHO MOBILE */
.cabecalho__logos__desktop__primario,
.cabecalho__desktop__secundario {
	display: none;
}

/* LOGIN */

:root{
	--p-bg:#fae6ec; --p-surface:#fff; --p-border:#fae6ec;
	--p-primary:#c30a22; --p-primary-light:#c30a22;
	--p-text:#49091c; --p-text-light:#a2113c;
	--p-radius:12px; --p-shadow:0 8px 24px rgba(0,0,0,.06);
	--ring:#0ea5e933; --focus:#0ea5e9;
}

.p-container-login{max-width:1200px; margin:100px auto 0;}

/* GRID */
.p-login-grid{
	display:grid; gap:18px; align-items:stretch;
	grid-template-columns: 1.05fr .95fr;
	padding: 8px;
}
@media (max-width: 900px){
	.p-login-grid{ grid-template-columns:1fr; }
	.p-login-aside{ order:-1; } /* imagem sobe no mobile */
}

/* CARD BASE */
.p-card-login{
	background:var(--p-surface);
	border:1px solid var(--p-border);
	border-radius:var(--p-radius);
	box-shadow:var(--p-shadow);
}

/* ASIDE IMAGEM */
.p-login-aside{ padding:0; overflow:hidden; }
.p-login-aside .img-desktop{ display:block; width:100%; height:100%; object-fit:cover; }
.p-login-aside .img-mobile{ display:none; width:100%; height:150px; object-fit:cover; }
@media (max-width: 900px){
	.p-login-aside .img-desktop{ display:none; }
	.p-login-aside .img-mobile{ display:block; }
}
/* Alturas mínimas para dar presença visual */
.p-login-aside{ height:460px; }
@media (max-width:900px){ .p-login-aside{ height:150px !important; } }

/* FORM */
.p-login-form{ padding:clamp(16px,3vw,28px); }
.p-brand{ display:flex; align-items:center; gap:10px; margin-bottom:10px; }
.p-brand .dot{ width:12px; height:12px; background:var(--p-primary); border-radius:50%; }
.p-title{ font-size:clamp(20px,2.2vw,26px); margin:4px 0 2px; color:var(--p-text); }
.p-sub{ color:var(--p-text-light); margin:0 0 14px; font-size:14px; }

.p-form-grid{ display:grid; gap:12px; }

/* Floating labels */
.field{ position:relative; }
.fl-input{
	width:100%;
	border:1px solid var(--p-border);
	border-radius:12px;
	padding:14px 40px 14px 12px; /* espaço pro toggle */
	background:#fff; color:var(--p-text);
	font-size:15px; outline:none;
	transition:border-color .15s, box-shadow .15s;
}
.fl-input:focus{ border-color:var(--focus); box-shadow:0 0 0 4px var(--ring); }
.fl-label{
	position:absolute; left:12px; top:12px; padding:0 6px;
	font-size:14px; color:var(--p-text-light); background:#fff;
	pointer-events:none; transition:all .12s;
}
.field.filled .fl-label,
.fl-input:focus + .fl-label{ top:-8px; font-size:12px; color:var(--p-text); }

/* TOGGLE SENHA */
.pw-toggle{
	position:absolute; right:8px; top:50%; transform:translateY(-50%);
	display:inline-flex; align-items:center; justify-content:center;
	width:32px; height:32px; border-radius:8px;
	color:#a2113c; cursor:pointer; user-select:none;
}
.pw-toggle:hover{ background:#fae6ec; }

/* AÇÕES */
.p-actions{
	display:flex; align-items:center; justify-content:space-between; gap:8px; margin-top:4px; flex-wrap:wrap;
}
.p-remember{ display:flex; align-items:center; gap:8px; color:var(--p-text-light); font-size:14px; }
.p-link{ color:var(--p-primary); text-decoration:none; font-weight:600; }
.p-link:hover{ text-decoration:underline; }

.btn-row{ display:flex; gap:10px; flex-wrap:wrap; justify-content:flex-end; }
.p-btn-login{
	border:none; cursor:pointer; font-weight:700;
	border-radius:12px; padding:12px 16px; transition:.15s;
	display:inline-flex; align-items:center; justify-content:center; gap:8px;
}
.p-btn-primary{ background:var(--p-primary); color:#fff; }
.p-btn-primary:hover{ filter:brightness(0.95); }
.p-btn-ghost{ background:#fff; border:1px solid var(--p-border); color:var(--p-text); }
.p-btn-ghost:hover{ background:#fae6ec; }

.p-footer{ margin-top:14px; font-size:14px; color:var(--p-text-light); }

/* RESPONSIVO FINO */
@media (max-width: 900px){
	.btn-row .p-btn-login{ flex:1 1 100%; }     /* botões ocupam toda a largura */
	.p-actions{ gap:12px; }
	.p-container-login {margin-top: 0;}
}
@media (max-width: 480px){
	.fl-input{ font-size:16px; padding:14px 40px 14px 12px; } /* tamanho ergonômico */
	.p-title{ font-size:22px; }
	.p-sub{ font-size:13px; }
	.p-remember{ font-size:13px; }
}

/* Desativar “hover” em telas touch para evitar flicker */
@media (hover:none){
	.pw-toggle:hover{ background:transparent; }
}
/*FIM LOGIN*/
 

/* CARDS RODAPÉ */

.footer__cards {
	display: flex;
	flex-direction: column;
	gap: 15px;
	margin-top: 10px;
}

.footer__cards a {
	display: flex;
	align-items: center;
	gap: 25px;
	border: 3px solid #fae6ec;
	padding: 20px;
	margin: 0 20px;
}

.footer__cards h2 {
	color: #49091c;
}

/* FIM CARDS */

/*Insticional Rodapé*/
/* ========= NOVAS VARIÁVEIS (não conflitam com as suas) ========= */
:root{
  --c-ink:#49091c;
  --c-muted:#a2113c;
  --c-accent:#c30a22;
  --c-accent-deep:#49091c;
  --c-base:#ffffff;
  --c-line:#fae6ec;
  --c-shadow:0 10px 24px rgba(0,0,0,.06);

  /* fundos distintos das duas slices */
  --c-bg-a: radial-gradient(1200px 400px at 20% -20%, #ffe5e6 0%, #ffe5e6 60%),
            linear-gradient(0deg,#ffffff 0%,#fae6ec 100%);
  --c-bg-b: linear-gradient(180deg,#fae6ec 0%, #ffffff 40%, #fae6ec 100%);
}

/* ========= UTIL ========= */
.v-wrap{ max-width:1200px; margin:0 auto; padding:0 16px; }
.v-kicker{ display:inline-block; font-size:12px; letter-spacing:.08em; text-transform:uppercase; color:var(--c-muted); margin-bottom:8px; }
.v-title{ margin:0 0 16px 0; font-size:clamp(22px,3.2vw,32px); line-height:1.2; color:var(--c-accent-deep); font-weight:800; }
.v-btn{
  display:inline-flex; align-items:center; justify-content:center; gap:8px;
  padding:12px 18px; border-radius:12px; font-weight:700; text-decoration:none;
  background:var(--c-accent); color:#fff; border:1px solid #c30a22;
  box-shadow:var(--c-shadow); transition:transform .06s ease, filter .15s ease;
}
.v-btn:active{ transform:translateY(1px); }

/* ========= SLICE 1 – VALOR / OPORTUNIDADES ========= */
.slice-valor{ background:var(--c-bg-a); padding:36px 0 6px; }
.slice-valor .v-grid{
  display:grid; grid-template-columns:1fr 1fr; gap:22px; align-items:start;
}
.slice-valor .v-media{
  background:#fff; border:1px solid var(--c-line); border-radius:16px; overflow:hidden; box-shadow:var(--c-shadow);
}
.slice-valor .v-media img{ display:block; width:100%; height:100%; object-fit:cover; }
.slice-valor .v-copy{ color:#49091c; font-size:clamp(14px,2.2vw,15.5px); line-height:1.75; }
.slice-valor .v-copy p{ margin:0 0 14px 0; }
.slice-valor .v-divider{ display:grid; place-items:center; margin:26px 0 0; }
.slice-valor .v-pill{
  display:inline-grid; place-items:center; width:44px; height:28px; background:#fff;
  border:1px solid var(--c-line); border-radius:999px; box-shadow:var(--c-shadow); color:var(--c-accent); font-size:16px;
}

/* ========= SLICE 2 – DEPOIMENTOS ========= */
.slice-vozes{ background:var(--c-bg-b); padding:22px 0 44px; }
.slice-vozes .v-grid{
  display:grid; grid-template-columns:repeat(4,1fr); gap:16px;
}
.voice-card{
  background:var(--c-base); border:1px solid var(--c-line); border-radius:16px; padding:16px;
  box-shadow:var(--c-shadow); display:flex; flex-direction:column; gap:10px;
}
.voice-head{ display:flex; align-items:center; gap:10px; }
.voice-avatar{ width:48px; height:48px; border-radius:50%; object-fit:cover; border:2px solid #c30a22; }
.voice-id{ display:flex; flex-direction:column; }
.voice-name{ font-weight:700; color:var(--c-accent-deep); font-size:15px; }
.voice-role{ font-size:12px; color:var(--c-muted); }
.voice-text{ font-size:14.5px; color:#49091c; line-height:1.7; }

/* CTA final */
.vozes-cta{
  margin-top:18px; display:flex; justify-content:center;
}
.vozes-cta .v-btn{ padding:13px 22px; }

/* ========= RESPONSIVO ========= */
@media (max-width:980px){
  .slice-valor{ padding:26px 0 6px; }
  .slice-valor .v-grid{ grid-template-columns:1fr; }
  .slice-vozes .v-grid{ grid-template-columns:1fr 1fr; }
}
@media (max-width:640px){
  .slice-vozes .v-grid{ grid-template-columns:1fr; }
}
/*Fim Insticional Rodapé*/

/* RODAPE */

.back-rodape {
	background-color: #f6f6f6 !important;
}

.rodape {
	background-color: #f6f6f6 !important;
	padding: 10px !important;
	display: flex !important;
	flex-direction: column !important;
	align-items: center !important;
	gap: 50px !important;
	margin-top: 10px !important;
}

.footer__duvidas {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 10px;
	font-family: 'Roboto', sans-serif;
	font-size: 12px;
	color: #49091c;
}

.footer__duvidas h2 {
	font-size: 24px;
	font-weight: 700;
	color: #49091c;
}

.footer__duvidas a {
	text-decoration: none;
	color: #49091c;
}

.footer__localizacao {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 10px;
}

.footer__localizacao-adress {
	display: flex;
	gap: 10px;
	font-size: 16px;
	font-family: 'Roboto', sans-serif;
	justify-content: center;
	text-align: center;
	color: #49091c;
	width: 75%;
}

.footer__localizacao-adress i {
	padding-right: 5px;
}

.footer__selo {
	display: flex;
	flex-direction: column;
	align-items: center;
	text-align: center;
	gap: 15px;
	font-size: 24px;
	font-weight: 700;
	color: #49091c;
	text-decoration: none;
	font-family: 'Roboto', sans-serif;
}

.footer__copyright {
	text-align: center;
	font-size: 0.7rem;
	font-family: 'Roboto', sans-serif;
	border-top: 1px solid #80808036;
	padding: 10px;
	background: #f6f6f6
}
:root{
    --p:#c30a22; --p-300:#a2113c; --p-700:#fae6ec;
    --ink:#49091c; --muted:#c30a22;
    --card:#fff; --ring: #49091c;
    --shadow: 0 14px 30px rgba(0,0,0,.14);
  }

  /* wrapper básico */
  .contact-wrap{ position:relative; display:inline-block; }

  /* FIXO canto inferior direito */
  .contact-fixed-br{
    position: fixed;
    right: max(16px, env(safe-area-inset-right));
    bottom: calc(max(16px, env(safe-area-inset-bottom)) + 0px);
    z-index: 9999;
  }

  .contact-btn{
    display:inline-flex; align-items:center; gap:10px;
    padding:12px 16px; border-radius:14px; border:1px solid var(--ring);
    background:linear-gradient(90deg, var(--p-300), var(--p));
    color:#49091c; font-weight:800; cursor:pointer;
    box-shadow:0 10px 22px #c30a22;
    transition:transform .06s ease, filter .15s ease;
  }
  .contact-btn:active{ transform:translateY(1px); }
  .contact-btn__icon{ font-size:18px; line-height:1; }
  .ico i{color:#c30a22}
  /* painel abre ACIMA e alinhado à direita do botão quando fixo no canto */
  .contact-panel{
    position:absolute;
    right: 0;               /* gruda à direita do botão */
    bottom: calc(100% + 10px); /* acima do botão */
    transform: translateY(8px);
    opacity:0; visibility:hidden; pointer-events:none;
    min-width: 280px; background:var(--card); border:1px solid var(--ring);
    border-radius:16px; box-shadow: var(--shadow);
    padding:10px; z-index:50;
    transition: opacity .18s ease, transform .18s ease, visibility .18s ease;
  }
  .contact-panel.is-open{
    opacity:1; visibility:visible; pointer-events:auto;
    transform: translateY(0);
  }

  .panel-tip{
    position:absolute; bottom:-8px; right:22px; /* setinha perto do botão */
    width:16px; height:16px; background:var(--card);
    border-left:1px solid var(--ring); border-bottom:1px solid var(--ring);
    rotate:45deg;
  }

  .contact-list{
    list-style:none; margin:0; padding:4px;
    display:grid; gap:6px;
  }
  .contact-item{
    display:grid; grid-template-columns:24px 1fr auto; align-items:center; gap:10px;
    padding:10px 12px; border-radius:12px; text-decoration:none;
    color:var(--ink); border:1px solid transparent;
  }
  .contact-item:hover, .contact-item:focus-visible{
    background:#fae6ec; border-color:#c30a22; outline:none;
  }
  .contact-item .tt{ font-weight:800; }
  .contact-item .d{ color:var(--muted); font-size:14px; white-space:nowrap; }

  /* mobile: se faltar espaço vertical, deixa rolar dentro do painel */
  @media (max-height:520px){
    .contact-panel{ max-height: 60vh; overflow:auto; }
  }

/* FIM RODAPE */

/* RESPONSIVO */

@media screen and (min-width: 500px) {

	.cabecalho__logos,
	.cabecalho__nav,
	.cabecalho__categorias-icones,
	.cabecalho__categorias-vertudo,
	.cabecalho__categorias__flex {
		margin: 0 auto;
		max-width: 500px;
		padding: 10px 0;
	}


	.cabecalho__login-popup-content,
	.cabecalho__categorias-popup-content {
		max-width: 400px;
		margin: auto;
	}

	.footer__cards {
		max-width: 450px;
		margin: 0 auto;
	}

	/*.secao-logincad__atencao span,*/
	/*.secao-logincad__erro,*/
	/*.secao__sem-cadastro,*/
	/*.secao__login {*/
	/*    max-width: 350px;*/
	/*    margin: auto;*/
	/*}*/

	.cards__main {
		max-width: 1500px;
		margin: 15px;
	}
}

@media screen and (min-width: 750px) {

	.cabecalho__nav__menu-hamb,
	.cabecalho__nav,
	.cabecalho__inputs,
	.cabecalho__nav-menu-dropdown,
	.cabecalho__logos {
		display: none;
	}

	.cabecalho__logos {
		padding: 15px;
	}

	.cabecalho__desktop__secundario {
		display: flex;
		justify-content: space-between;
		align-items: center;
		gap: 10px;
		padding: 15px;
	}

	.cabecalho__nav-menu {
		display: flex;
		font-family: 'Roboto';
		font-size: 1rem;
		color: var(--cor-fonte-branco);
		gap: 15px;
		text-transform: uppercase;
	}

	.cabecalho__nav-menu li a {
		color: white
	}

	.cabecalho__logos__desktop__primario {
		display: flex;
		justify-content: space-between;
		align-items: center;
		padding: 10px 15px;
		gap: 5px;
		background: var(--cor-de-fundo-primaria);
	}

	.cabecalho__desktop__login {
		display: flex;
		align-items: center;
		gap: 10px;
	}

	.cabecalho__desktop__login-inputs {
		display: flex;
		gap: 10px;
	}

	.cabecalho__desktop__login-entrar {
		align-self: center;
		font-size: 12px;
		font-family: var(--fonte-principal);
		background-color: var(--cor-destaque-primaria);
		color: var(--cor-fonte-branco);
		text-decoration: none;
		border: none;
		border-radius: 4px;
		padding: 10px;
	}

	.cabecalho__logos-logo img {
		width: 100%;
	}

	.cabecalho__desktop__cadastre {
		font-size: 12px;
		font-weight: 600;
		font-family: var(--fonte-principal);
		color: var(--cor-fonte-branco);
		background-color: var(--cor-destaque-primaria);
		border-radius: 4px;
		width: 100%;
		text-align: center;
		padding: 10px;
	}

	.cabecalho__desktop__cadastre__sair {
		background: white;
		border: 1px solid var(--cor-destaque-primaria);
		color: var(--cor-destaque-primaria);

	}

	.cabecalho__desktop__login span {
		font-size: 12px;
		font-weight: 600;
		font-family: var(--fonte-principal);
	}

	.cabecalho__desktop__login-input,
	.cabecalho__desktop__senha-input {
		font-family: var(--fonte-principal);
		font-size: 12px;
		text-transform: uppercase;
	}

	.cabecalho__desktop__senha-input {
		display: flex;
		flex-direction: column;

	}

	.cabecalho__desktop__senha-input a {
		font-size: 8px;
		align-self: flex-start;
		padding-top: 5px;
		color: var(--cor-destaque-primaria);
	}

	.cabecalho__desktop__login-input-campo {
		display: flex;
		align-items: center;
		border: 1px solid #80808054;
		border-radius: 4px;
	}

	.cabecalho__desktop__login-input-campo i {
		border-right: 1px solid #80808054;
		padding: 10px;
	}

	.cabecalho__desktop__login-input-campo input {
		border: none;
		outline: none;
	}

	.cabecalho__desktop__senha-input-campo {
		display: flex;
		align-items: center;
		border: 1px solid #80808054;
		border-radius: 4px;
	}

	.cabecalho__desktop__senha-input-campo i {
		border-right: 1px solid #80808054;
		padding: 10px;
	}

	.cabecalho__desktop__senha-input-campo input {
		border: none;
		outline: none;
	}

	.cabecalho__logos-logo {
		max-width: 350px;
	}

	.cabecalho__categorias__flex {
		display: flex;
		align-items: center;
	}

	.cabecalho__categorias-icones {
		gap: 60px;
	}



	.rodape {
		display: flex !important;
		flex-direction: row !important;
		max-width: 1024px;
		margin: 0 auto;
	}

	.footer__duvidas {
		width: 100%;
		text-align: center;
	}

	.footer__localizacao {
		width: 100%;
	}

	.container__selo {
		width: 100%;
	}


	.secao-logincad__atencao {
		display: flex;
		text-align: start;
		width: 100%;
		margin: 0 auto;
		gap: 30px;
		align-items: center;
		justify-content: space-between;
		flex-direction: row;
	}

	.secao-logincad__atencao a {
		align-self: center;
	}

	.secao-logincad__erro {
		max-width: 1200px;
		margin: auto;
		width: 100%;
	}

	.secao__cadastro {
		display: flex;
		flex-direction: row;
		gap: 15px;
	}

	.secao__sem-cadastro {
		justify-content: center;
		padding: 35px 15px;
		width: 50%;
	}

}

@media screen and (min-width: 800px) {
	.cards__main {
		display: flex;
		flex-direction: row;
		margin: auto 15px;
	}
}

@media screen and (min-width: 950px) {
	.footer__cards {
		display: flex;
		flex-direction: row;
		max-width: none;
		margin: none;
		margin-top: 10px;
	}

	.footer__cards a {
		display: flex;
		align-items: center;
		gap: 25px;
		border: 3px solid #fae6ec;
		padding: 20px;
		margin: 0 20px;
		width: 33%;
	}
}

@media screen and (min-width: 1200px) {
	.secao-logincad__atencao {
		width: 1200px;
	}
}


@media screen and (min-width: 1320px) {

	.cabecalho__logos__desktop__primario,
	.cabecalho__desktop__secundario,
	.rodape,
	.footer__cards {
		max-width: 1220px;
		margin: 0 auto;
	}


	.secao__cadastro {
		max-width: 1200px;
		margin: auto;
	}

	.cards__main {
		margin: auto;
	}

	.cards__titulo {
		justify-content: flex-start;
		margin: auto;
		max-width: 1465px;
	}
}

/*FIM*/
.top-pc {

	background: rgb(236, 236, 236);
	border-radius: 0px 0px 10px 10px;
	width: 100%;
	margin: 0px auto;
	font-size: 13px;
}

.linha-header {
	display: flex;
	width: 85%;
	justify-content: space-between;
	align-items: center;
	margin: 0 auto;
}

.logo-header {
	width: 30%;
	margin-top: 10px
}

.login-cadastrase {
	width: 40%;
	cursor: pointer;
	display: flex;
	align-items: center;
	justify-content: flex-end;
	font-size: 14px;
	margin-top: 10px;
	text-align: center;
}

.linha-futura {
	width: 100%;
	margin-top: 10px;
	display: flex;
	align-items: center;
	justify-content: center;
}

.linha-futura form {
	display: flex;
	width: 100%;
	align-items: center;
	justify-content: center;
}

.header-lupa {
	background-color: #c30a22;
	border-radius: 0px 5px 5px 0px;
}

.header-lupa i {
	color: white;
	font-size: 12px;
	padding: 8.5px;
}

.logo-header img {
	max-width: 200px;
}

.botao-cad {
	background: #c30a22;
	padding: 5px 10px;
	color: white !important;
	border-radius: 5px;
	cursor: pointer;
}

.botao-cad:hover {
	background: #c75656;
}

.botao-login:hover,
.botao-login i:hover {
	color: #c75656;
}

.botao-login,
.botao-login p {
	display: flex;
	color: #c30a22;

}

.botao-login i {
	margin-right: 5px
}

.botao-login p:hover {
	color: #c75656;
}

.botao-cad i {
	color: white;
}

.login-cadastrase a {
	margin-left: 10px;
	text-decoration: none;
}

.top-pc hr,
/*.top-cel*/
hr {
	margin: 5px 0;
}

.linha-categorias {
	display: flex;
	width: 100%;
	margin: auto;
	flex-wrap: nowrap;
}

.ctg {
	font-size: 14px;
	width: 20%;
	cursor: pointer;
	margin-bottom: 8px;
	display: flex;
	justify-content: center;
	color: #363535;

}

.ctg:hover {
	text-shadow: rgb(199, 199, 199) 0.1em 0.1em 5px;
	font-weight: bold;
	color: #c75656;
}

.ctg i {
	margin: 0 5px;
}

.linha-contato {
	display: none;
	width: 100%;
	background: #363535;
	color: white;
	border-radius: 0px 0px 5px 5px;
	font-size: 14px;
	-webkit-box-shadow: 0px 10px 13px -7px #000000, 5px 5px 15px 5px rgba(0, 0, 0, 0);
	box-shadow: 0px 10px 13px -7px #000000, 5px 5px 15px 5px rgba(0, 0, 0, 0);
	/*font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;*/

}

.wpa {
	width: 100%;
	margin: 0 auto;
	display: flex;
}

.contato1 {
	width: 50%;
	display: flex;
	justify-content: center;
	padding: 10px;
	color: white;
}

.contato2 {
	width: 50%;
	display: flex;
	justify-content: center;
	padding: 10px;
	color: white;
}

.contato1 i,
.contato2 i,
.contato3 i {
	color: white;
	margin-left: 10px
}

.contato1 p:link,
.contato2 p:link,
.contato3 p:link {
	color: white;
	text-decoration: none
}

.contato2 p {
	width: 100%;
	color: white;
	text-decoration: none
}

.header-buscar {
	text-align: center;
	vertical-align: middle;
	width: 70%;
	padding: 5px;
	border-radius: 5px 0px 0px 5px;
	background: white;
}

.top-cel {
	display: none;
}

.contato3 {
	display: none;
	color: white;
	text-decoration: none
}

.cate,
.cate1 {
	position: relative;
	display: inline-block;
	width: 100%;
	padding-bottom: 5px;
	color: #c30a22;
	border-radius: 5px;
	cursor: pointer;
}

.cate-conteudo,
.cate-conteudo1 {
	display: none;
	position: absolute;
	background-color: #f9f9f9;
	min-width: 100%;
	box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
	z-index: 99999999999999;
}

.cate:hover .cate-conteudo,
.cate1:hover .cate-conteudo1 {
	display: block;
	width: 100%;
}

.cate-conteudo a,
.cate-conteudo1 a {
	display: flex;
	color: #c30a22;
	width: 100%;
	text-align: center;
	margin: 15px auto;
}

.cate span,
.cate1 sapn {
	margin: 0 auto;
	font-weight: bold;
	justify-content: center;
	margin-bottom: 0px;
	display: flex;
	font-size: 14px;

}

.cate span i,
.cate1 span i {
	margin-right: 5px;

}

.bt-user,
.bt-user-seta {
	color: white;
	background-color: #c30a22;
	text-align: center, ;
}

.bt-user {
	padding: 5px
}

.in-1 {
	width: 100%;
}

.in-1 {

	color: #525151;
	align-items: center;
	justify-content: center;
	display: flex;
	font-size: 20px;
	padding: 10px;
}

.in-2 {

	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	padding-bottom: 10px;
}

.cadastre-rodape {

	border-radius: 5px;
	color: white;
	background: #c30a22;
	padding: 10px;
	cursor: pointer;
	font-weight: bold;


}

.cadastre-rodape:hover {
	background: #c75656;
	color: white;
}

.empresa {
	text-align: center;
}

.empresa ul,
.contatos ul {
	list-style-type: none;
}

.empresa ul li {
	margin: 5px 0;
	cursor: pointer;
}

.empresa ul li a {
	color: #525151;
}

.contatos .a {
	margin: 10px 0px;
	text-align: center;
	cursor: pointer;
	color: #525151;
}

.a {
	color: #525151;
	margin-bottom: 5px;
}

.contatos h4 {
	text-align: center;
}

.final {
	width: 100%;
	text-align: center;
	color: #525151;
	background: #ebebeb;
	padding: 10px;
	/*font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;*/
	font-size: 15px;
}

.homologados {
	width: 40%;
	/*font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;*/
	align-items: center;
	justify-content: center;
	display: flex;
	border-right: 1px solid #c30a22;
}

.h-1,
.h-2 {
	width: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
}

.h-1 p,
.h-2 p {
	width: 70%;
	color: black !important;
	text-align: center;
	padding: 10px;

}

.h-1 img,
.h-2 img {
	max-width: 150px;
	max-height: 85px;
}

.h-1 img {
	margin-top: 10px;
}

.ini-rodape {
	width: 100%;
	display: flex;
	margin: 0 auto;
	background-color: #ebebeb;
}

.limite {
	width: 90%;
	display: flex;
	margin: 0 auto;
}

.a:hover,
.empresa li:hover {
	color: #c30a22
}

.image1 {
	display: none;
}

.logo-rodape img {
	max-width: 200px;
}

.t {
	margin-top: 10px;
}

.logo-rodape {
	display: flex;
	flex-direction: column;
	align-items: center;
}

*,
*::before,
*::after {
	margin: 0;
	padding: 0;
	box-sizing: border-box;
}

#contatos {
	width: 100%;
	margin: 0 auto;
}

.linha-1 {
	display: flex;
	width: 100%;
}

.c-1 {
	width: 50%;
	display: flex;
	flex-direction: column;
	padding: 15px;
	background: #ffffff;
	margin: 10px;
}

.c-1 a {
	color: #c30a22;
}

.c-1 a:hover {
	color: #c30a22;
}

.textt {
	text-decoration: none;
	margin: 5px;
	font-family: 'Roboto', sans-serif;

	color: rgb(82, 82, 82);

}

.c-1:hover {
	border: 1px solid #c30a22
}

.previa {
	background: #c30a22;
	padding: 20px;
	color: white;
	text-align: center;
	font-size: 25px;
	font-weight: bold;
	/*font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;*/
}

.previa2 {
	height: 10px;
	background: #c75656;
	width: 100%;
}

.como-comprar {
	width: 100%;
	line-height: 20px;
	/*font-family: nunito,Tahoma,Geneva,Verdana,sans-serif;*/
}

.parte-1,
.parte-2,
.parte-3 {
	background: #c30a22;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	padding: 20px;

}

.p1,
.p2 {
	width: 400px;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: flex-start;
}

.p1 p {
	margin: 0 auto;
	text-align: left;
}

.p2 img {
	height: 100%;

}

.p2 {
	align-items: flex-start;
}

.parte-1 .p2 {
	align-items: flex-end;
}

.parte-1 h4 {
	width: 100%;
	display: block;
	text-align: center;
	padding: 20px;
	font-size: 25px;
	color: white;
}

.subtitulo {
	font-size: 25px;
	margin-bottom: 20px !important;
	color: white;
	text-align: left;
	width: 100%;
	font-weight: bold;
}

.textconteudo {
	color: white;
	margin-bottom: 20px;
	font-size: 14px;
}

.cadastrar {
	background-color: #fff;
	color: #c30a22;
	padding: 5px 10px;
	border-radius: 5px;
	text-decoration: none;
	margin: 20px 0;
	font-weight: bold;
}

.cadastrar:hover {
	background-color: #595757;
	color: white;
}

.parte-2,
.parte-3 {
	background: #fff;

}

.parte-2 .textconteudo,
.parte-2 .subtitulo {
	color: rgb(101, 101, 101);
	text-align: left;
}

.parte-2 .subtitulo {
	color: #c30a22;
	font-weight: bold;
}

.h4-1 {
	color: #c30a22;
	text-align: center;
	margin: 20px auto;
	font-size: 25px;
	width: 100%;
}

.p2 ul,
.p1 ul {
	list-style-type: decimal;
	padding: 30px;
}

.p2 ul li,
.p1 ul li {
	margin: 5px;
	font-size: 15px;
}

.p1 p:first-child,
.p2 p:first-child {
	font-size: 20px;
	margin: 20px auto;
	font-weight: bold;
	text-align: left;
	width: 100%;
}

.p3 {
	text-align: center;
	width: 100%;
}

.h4 {
	color: #c30a22;
	text-align: center;
	margin: 20px auto;
	font-size: 25px;
	width: 100%;
}

.parte-3 .p1,
.parte-3 .p2 {
	background-color: #e9e9e9;
	margin: 0 10px;
	border-radius: 10px;
	color: white;
	background: #c30a22;

}

.parte-3 ul {
	width: 100%;
	height: 100%;
}

.parte-4 {

	width: 75%;
	margin: 0 auto;
	justify-content: center;
}

.parte-4 .boxs-1 div {
	width: 25%;
	margin: 10px;
	display: flex;
	align-items: center;
	flex-direction: column;
}

.parte-4 div p,
.parte-4 div h5 {
	margin-top: 10px;
}

.parte-4 img {
	max-width: 70px;
	height: 70px;
	margin-bottom: 10px;
}

.parte-4 h5 {
	color: #c30a22;
	font-weight: bold;
	font-size: 20px;
}

.parte-4 p {
	color: #626161;
	text-align: center;
	font-size: 14px;
}

.parte-5 {
	background-color: #c30a22;
	padding: 25px;
	color: white;
	display: flex;
	flex-direction: column;
	align-items: center;
}

.parte-5 p {
	margin: 10px;
	font-size: 14px;
}

.parte-5 h1 {
	font-size: 20px;
}

.boxs-1 {
	display: flex;
	margin: 0 auto;
	width: 100%;
}

.parte-5 .cadastrar {
	margin: 10px auto 0;
}

.parte-3 .p1 p,
.parte-3 .p2 p {
	width: auto;
	border-bottom: 1px solid white;
}

.background {
	background-image: url('/fundo.jpg');
}

.passoapasso {
	background-color: rgba(138, 13, 161, 0.85);
	display: flex;
	width: 100%;
	color: White;
	padding: 20px 15%;
	/*font-family: Rubik,sans-serif;*/
}

.passoapasso i {
	color: white;
}

.passoapasso div {
	width: 25%;
}

.passoapasso i {
	font-size: 50px;
	margin: 15px auto;
}

.p-1,
.p-2,
.p-3,
.p-4,
.p-5 {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: space-between;
	padding: 10px;
	text-align: center;
	box-sizing: border-box;
	border: 1px solid #FFF;
	border-radius: 10px;
	margin: auto 5px;
	height: 250px;

}

.p-1 {
	justify-content: center;
	text-align: left;
	border: none;
	padding: 10px 30px;
}

.ptitulo {
	font-size: 18px;
	text-align: left;
	width: 100%;
}

.ptitulo2 {
	font-size: 20px;
}

.etapa {
	font-weight: bold;
	font-size: 20px;
}

.ptitulop {
	font-weight: bold;
	font-size: 18px;
}

.pconteudo {
	font-size: 14px;
}

.busca-pg-lotes {
	display: none;
}

.busca-lotes-pg-pc {
	display: flex;
	margin-bottom: 40px;
	background-color: #d9d9d9;
	padding: 10px;
	border-radius: 5px;
	width: 100%;
}

.busca-lotes-pg-pc p {
	text-align: center;
	font-size: 18px;
	font-weight: bold;
	width: 50%;
}

.busca-lotes-pg-pc * {
	border: none;
}

.busca-lotes-pg-pc i {
	color: white;
	font-size: 12px;
	padding: 6px;
}

.b-mobile {
	display: none !important;
}

.b-desk {
	display: block !important;
}

@media screen and (max-width: 280px) {

	.cate,
	.cate1 {
		max-width: 150px;
	}

}

@media screen and (max-width: 310px) {
	.linha-header {
		flex-direction: column;
	}
}

@media screen and (max-width: 387px) {
	.contato1 {
		display: none;
	}

	/*.contato3{
        width: 100%;
        display: flex;
        justify-content: center;
        padding: 10px;
        font-size: 13px;
        color:white;
        text-decoration:none
    }*/
	.contato3 p {
		text-align: center;
		color: white;
		text-decoration: none
	}

	.bt-user {
		width: 170px;
	}
}

@media screen and (max-width: 425px) {
	.login-cadastrase {
		width: 75%;
	}

	.logo-header {
		width: 25%;
	}

	.logo-header img {
		width: 120px;
	}

	.c-1 {
		width: 100%;
		margin-top: 10px;
	}
}

@media screen and (max-width: 500px) {
	.p3 {
		margin-top: 50px;
	}
}

@media screen and (max-width: 507px) {
	.h4 {
		margin: 10px auto 35px;
		height: 15px !important;
	}
}

@media screen and (max-width: 599px) {
	.b-mobile {
		display: block !important;
	}

	.b-desk {
		display: none !important;
	}
}

@media screen and (max-width: 699px) {

	.busca-pg-lotes,
	.busca-lotes-pg-pc {
		display: flex;
		margin-bottom: 40px;
		background-color: #d9d9d9;
		padding: 10px;
		border-radius: 5px;
		flex-direction: column;
		width: 275px;
	}

	.busca-pg-lotes p,
	.busca-lotes-pg-pc p {
		text-align: center;
		font-size: 16px;
		font-weight: bold;
		margin-bottom: 5px;
		width: 100%;
	}

	.busca-pg-lotes *,
	.busca-lotes-pg-pc * {
		border: none;
	}

	.busca-pg-lotes i,
	.busca-lotes-pg-pc i {
		color: white;
		font-size: 12px;
		padding: 6px;
	}

	.busca-pg-lotes div p {
		font-size: 12px;
		margin-top: 10px;
		font-weight: 100;
	}
}

@media screen and (max-width: 768px) {
	.top-cel {
		display: block;
		background: rgb(236, 236, 236);
		border-radius: 0px 0px 10px 10px;
		width: 100%;
		margin: 0px auto;
		font-size: 13px;
	}

	.top-pc {
		display: none;
	}

	.login-cadastrase a {
		font-size: 14px;
	}

	.login-cadastrase {
		width: 75%;
	}

	.logo-header {
		width: 25%;
	}

	.contato2 {
		display: none;
	}

	.contato1 {
		width: 100%;
		display: none;
	}

	.linha-header {
		width: 90%;
	}

	.header-buscar {
		width: 85%;
	}

	.linha-categorias {
		display: none;
	}

	.ctg {
		margin: 5px auto;
		width: 100%;
	}

	.limite {
		display: block;
	}

	.homologados {
		width: 100%;
		border: 0;
	}

	/*.rodape{*/
	/*    width: 100%;*/
	/*    margin-bottom: 10px-;*/
	/*}*/
	.limite {
		width: 100%;
	}

	.homologados {
		background: #faf7f7;
	}

	.homologados p {
		color: #49091c
	}

	.rodape {
		padding: 10px;
	}

	.image1 {
		display: block;
	}

	.image2 {
		display: none;
	}

	#contatos {
		width: 100%;
	}

	.linha-1 {
		display: block;
	}

	.c-1 {
		margin: 0 auto;

	}
}

@media screen and (max-width: 839px) {
	.p2 img {
		width: 60%;
		margin: 0 auto;
	}

	.parte-2 {
		flex-direction: column-reverse;
		align-items: center;
	}

	.parte-2 img {
		margin: 10px auto;
	}

	.parte-3 .p1,
	.parte-3 .p2 {
		margin: 10px 0px;

	}

	.p1,
	.p2 {
		width: 100%;
	}

	.boxs-1 {
		display: block;
	}

	.parte-4 .boxs-1 div {
		width: 100%;
	}

}

@media screen and (max-width: 890px) {

	/*.footer-rodape{*/
	/*    display: block;*/
	/*}*/
	/*.footer-rodape div{*/
	/*    margin: 20px auto;*/
	/*    width: 100%;*/
	/*    text-align: center;*/
	/*}*/
	/*.localizacao{display: none;}*/
	/*.localizacao1{*/
	/*    display: flex;*/
	/*}*/
	.logo-rodape,
	.contatos,
	.empresa,
	.localizacao {
		height: auto;
	}

	/*.localizacao1 h4{*/
	/*    margin-bottom: 10px;*/
	/*}*/
	.logo-rodape img {
		width: 200px;
	}
}

@media screen and (max-width: 900px) {

	.p-1,
	.p-2,
	.p-3,
	.p-4,
	.p-5 {
		height: auto;
	}

	.passoapasso {
		flex-direction: column;
		align-items: center;
		justify-content: center;
	}

	.passoapasso div {
		width: 50%;
		margin: 10px auto;
	}

	.ptitulo,
	.ptitulo2 {
		text-align: Center;
	}
}

@media screen and (max-width: 991px) {

	.p-2,
	.p-3,
	.p-4,
	.p-5 {
		height: 350px;
	}
}

@media screen and (max-width: 1167px) {

	.p-2,
	.p-3,
	.p-4,
	.p-5 {
		height: 300px;
	}
}


.btn {
	background-color: white;
	color: black;
	padding: 15px;
	border: 1px solid #ccc;
	font-size: 15px;
	width: 200px;
	margin: 4px;
}

.btn:hover {
	background-color: #FDFDFD;
}

.formfotos {
	border-radius: 7px 7px 7px 7px !important;
	max-width: 680px !important;
	height: auto !important;
	min-height: 260px !important;
	min-width: 250px !important;
	width: 100%;
	font-size: 15px !important;
}

input[type='file'] {
	display: none
}

label.hover {
	background-color: #FDFDFD;
}

.topodoc {
	background: #a2113c;
	color: white !important;
	border-radius: 7px 7px 0px 0px;
	padding: 9px;
	width: 100% !important;
	max-height: 45px !important;
}

.topodoc2 {
	background: #FFBF00;
	color: white !important;
	border-radius: 7px 7px 0px 0px;
	padding: 9px;
	max-height: 45px !important;
	width: 100% !important;
}

.load {
	width: 100%;
	height: 100%;
	background: #000;
	opacity: 0.95;
	position: absolute;
	display: none;
}

.load b {
	color: #fff !important;
	font-size: 32px !important;
}

.load p {
	position: absolute;
	top: 40%;
	/* posiciona na metade da tela */
	margin-top: -16px;
	/* e retrocede metade da altura */
	left: 50%;
	/* posiciona na metade da tela */
	margin-left: -88px;
	/* e retrocede metade da altura */
}

* {
	margin: 0;
	padding: 0;
}

html {
	height: 100%;
}

.erros {
	width: 390px;
	padding: 5px;
	margin: 10px auto 0 auto;
	background: #fae6ec;

}

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

#send {
	width: 500px;
	margin: 50px auto;
	text-align: center;
	position: relative;
	margin-top: -0px;
	margin-bottom: 50px;
}

#send h2,
#send h3 {
	font: 22px "Trebuchet", Tahoma, arial;
	color: #c30a22;
	width: 100%;
	float: left;
	text-align: left;
	margin-bottom: 4%;
}

#send h3 {
	color: #333; font-size:17px;
}

#send fieldset {
	background: white;
	border: 0 none;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	box-shadow: 0 0 15px 1px rgba(0, 0, 0, 0.4);
	padding: 20px 30px;
	box-sizing: border-box;
	width: 80%;
	margin: 0 8%;
	position: static;
	z-index: 9999999999;

}

#send fieldset:not(:first-of-type) {
	display: none;
}

#send input,
#fomulario textarea {
	padding: 10px;
	border: 1px solid #c30a22;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	outline: none;
	box-sizing: border-box;
	width: 100%;
	font: 14px"Trebuchet MS", tahoma, arial;
	color: #c30a22;
	margin-bottom: 10px;
}

#send .acao {
	width: 100%;
	background: #c30a22;
	color: white;
	text-transform: uppercase;
	font-weight: bold;
	padding: 12px 0;
	float: left;
	margin-right: 0%
}

#send .acao:hover {
	background: #c30a22;
	cursor: pointer;
}

#send #progress {
	margin-bottom: 30px;
	overflow: hidden;
	counter-reset: step;
}

#send #progress li {
	list-style-type: none;
	color: black;
	font-weight: bold;
	text-transform: uppercase;
	font-size: 10px;
	float: left;
	width: 33.33%;
	position: relative;
}

#send #progress li:before {
	content: counter(step);
	counter-increment: step;
	width: 20px;
	display: block;
	line-height: 20px;
	background: white;
	color: #333;
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	margin: 0 auto 10px auto;
}

#send #progress li:after {
	content: '';
	width: 100%;
	background: black;
	height: 2px;
	position: absolute;
	top: 9px;
	left: -50%;
	z-index: -1;
}

#send #progress li.ativo:before,
#send #progress li.ativo:after {
	background: #c30a22;
	color: white;
	text-shadow: 0 1px 0;
}

@media screen and (max-width: 500px) {
	#send {
		width: 300px;
		margin: 50px auto;
		text-align: center;
		position: relative;
		margin-top: -0px;
		margin-bottom: 50px;
	}

	#send fieldset {
		background: white;
		border: 0 none;
		border-radius: 5px;
		-moz-border-radius: 5px;
		-webkit-border-radius: 5px;
		box-shadow: 0 0 15px 1px rgba(0, 0, 0, 0.4);
		padding: 20px 30px;
		box-sizing: border-box;
		width: 100% !important;
		margin: 0 0% !important;
		position: static;
		z-index: 9999999999;

	}

	#cll {
		height: 100px !important;
	}

	#cll1 {
		height: 100px !important;
	}

	.imgcel {
		max-width: 150px !important;
	}
}

@media screen and (max-width: 350px) {

	#send {
		width: 250px;
		margin: 0px auto !important;
		text-align: center;
		position: relative;
		margin-top: -0px;
		margin-bottom: 50px;
	}
}

/*index*/

/*login*/
body {
	font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue",
		Helvetica, Arial, "Lucida Grande", sans-serif;
}

/*login*/

/*lotes*/
/* Escopo local do componente */
.lot-search-stack { position: relative; max-width: 980px; margin: 12px auto; padding: 0 10px; }

/* Paleta (somente deste componente) */
.lss-theme {
  --lss-accent:        #ffe5e6;
  --lss-accent-700:    #ffe5e6;
  --lss-ink-900:       #49091c;
  --lss-ink-600:       #c30a22;
  --lss-ink-400:       #49091c;
  --lss-surface:       #ffffff;
  --lss-surface-2:     #fae6ec;
  --lss-border:        #fae6ec;
  --lss-ring:          #ffe5e6;
  --lss-shadow:        0 8px 24px rgba(0,0,0,.08);
  --lss-shadow-lg:     0 18px 50px #49091c;
}

/* ====== Search Bar ====== */
.lss-search { position: relative; }
.lss-search .lss-title{
  margin:0 0 8px;
  font:700 18px/1.2 system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;
  color:var(--lss-ink-900);
}
.lss-bar{
  position:relative; display:flex; align-items:center;
  background:var(--lss-surface);
  border:1px solid var(--lss-border);
  border-radius:16px;
  padding:8px 56px 8px 48px;
  min-height:52px;
  box-shadow:var(--lss-shadow);
  transition:border-color .2s, box-shadow .2s, background .2s;
}
.lss-bar:focus-within{
  border-color:var(--lss-ring);
  box-shadow:0 0 0 4px color-mix(in srgb, var(--lss-ring) 20%, transparent), var(--lss-shadow);
}
.lss-ico{
  position:absolute; left:16px; top:50%; transform:translateY(-50%);
  width:20px; height:20px; color:var(--lss-ink-400); opacity:.9; pointer-events:none;
}
.lss-input{
  appearance:none; border:0; outline:0; background:transparent; width:100%;
  font:500 16px/1.4 system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;
  color:var(--lss-ink-900);
}
.lss-input::placeholder{ color:var(--lss-ink-400); }
.lss-action, .lss-clear{
  position:absolute; top:50%; transform:translateY(-50%);
  width:40px; height:40px; display:inline-flex; align-items:center; justify-content:center;
  border:0; outline:0; border-radius:12px; cursor:pointer; background:transparent;
}
.lss-action{
  right:8px; background:var(--brand); color:#fff; transition:transform .06s, background .2s;
}
.lss-action:hover{ background:var(--lss-accent-700); }
.lss-action:active{ transform:translateY(-50%) scale(.97); }
.lss-action svg{ width:18px; height:18px; }
.lss-clear{ right:54px; color:var(--brand2); }
.lss-clear:hover{ color:#49091c; }
.lss-clear[hidden]{ display:none; }

/* ====== Toolbar desktop (chips) ====== */
.lss-toolbar { margin:10px 0 0; }
.lss-chips{
  display:flex; flex-wrap:wrap; gap:8px; align-items:center; justify-content:center;
}
.lss-chip{
  appearance:none; display:inline-flex; align-items:center; gap:8px;
  padding:10px 12px; border-radius:12px; border:1px solid var(--lss-border);
  background:var(--lss-surface); color:var(--lss-ink-900); cursor:pointer;
  font:600 12px/1 system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;
  transition:background .15s ease, border-color .15s ease, color .15s ease, transform .06s ease;
}
.lss-chip:hover{ background:var(--lss-surface-2); border-color:#fae6ec; }
.lss-chip:active{ transform:translateY(1px); }
.lss-chip.is-active{ background:#fae6ec; border-color:var(--lss-accent); color:var(--lss-accent-700); }
.lss-chip svg{ width:18px; height:18px; }

/* Dropdown “categoria primeiro” (desktop) */
.lss-catmenu{
  position:absolute; display:none; z-index:50; min-width:260px; padding:8px; margin:0;
  list-style:none; background:#fff; border:1px solid var(--lss-border); border-radius:12px;
  box-shadow: var(--lss-shadow-lg);
}
.lss-catmenu li{ padding:10px 12px; border-radius:10px; cursor:pointer; user-select:none; }
.lss-catmenu li:hover{ background:#fae6ec; }
.lss-catmenu .lss-divider{
  padding:6px 12px; margin-top:2px; font-size:12px; color:#a2113c; text-transform:uppercase; letter-spacing:.06em;
}

/* ====== Toolbar mobile (dropdown) ====== */
.lss-toolbar-mobile{ margin:10px 0; display:none; }
.lss-dd { position: relative; }
.lss-dd__button{
  width:100%; display:flex; align-items:center; justify-content:space-between; gap:10px;
  padding:12px 14px; border-radius:14px; border:1px solid var(--lss-border);
  background:var(--lss-surface); box-shadow:0 4px 18px #49091c;
}
.lss-dd__button .chev{ width:20px; height:20px; transition: transform .15s ease; }
.lss-dd[data-open="true"] .chev{ transform: rotate(180deg); }
.lss-dd__menu{
  position:absolute; z-index:30; left:0; right:0; top:calc(100% + 8px);
  background:var(--lss-surface); border:1px solid var(--lss-border);
  border-radius:16px; box-shadow: var(--lss-shadow-lg);
  padding:10px; margin:0; list-style:none; max-height:60vh; overflow:auto;
  opacity:0; transform: translateY(-6px) scale(.98); pointer-events:none;
  transition: opacity .14s ease, transform .14s ease;
}
.lss-dd[data-open="true"] .lss-dd__menu{ opacity:1; transform: translateY(0) scale(1); pointer-events:auto; }
.lss-dd__menu .lss-divider{
  position:sticky; top:0; z-index:1; display:flex; align-items:center; gap:8px;
  padding:6px 12px; margin:10px 0 6px; background:linear-gradient(0deg, rgba(255,255,255,.86), rgba(255,255,255,.86)), var(--lss-surface);
  -webkit-backdrop-filter: blur(6px); backdrop-filter: blur(6px);
  color:var(--lss-accent-700); font-size:11px; font-weight:800; letter-spacing:.08em;
  text-transform:uppercase; border-left:4px solid var(--lss-accent); border-radius:12px;
}
.lss-dd__menu [role="option"]{
  padding:12px 14px; border-radius:12px; cursor:pointer; user-select:none;
  color:var(--lss-ink-900); display:flex; align-items:center; justify-content:space-between;
}
.lss-dd__menu [role="option"]:hover{ background:var(--lss-surface-2); }
.lss-dd__menu [aria-selected="true"]{
  background:#fae6ec; color:var(--lss-accent-700); font-weight:700;
}

/* Responsivo */
@media (max-width: 768px){
  .lss-toolbar { display:none; }
  .lss-toolbar-mobile{ display:block; }
  .lss-bar{ min-height:48px; padding:6px 52px 6px 46px; }
  .lss-action{ width:36px; height:36px; right:6px; }
  .lss-clear{ right:46px; }
  .lss-input{ font-size:15px; }
}
:root{
    /* Paleta baseada no #c30a22 */
    --pri-600:#c30a22;
    --pri-700:#49091c;
    --pri-500:#c30a22;
    --pri-400:#a2113c;
    --pri-50:#fae6ec;

    --bg:#ffffff;
    --ink:#fae6ec;
    --muted:#a2113c;
    --stroke:#fae6ec;
    --shadow:0 10px 30px rgba(0,0,0,.08);

    /* Tokens dos chips/segmented */
    --seg-bg:#fae6ec;
    --seg-stroke:#fae6ec;
    --seg-active-bg:var(--pri-600);
    --seg-active-ink:#fff;
    --seg-hover:#c30a22;

    /* Botão primário */
    --btn-bg:var(--pri-600);
    --btn-bg-hover:var(--pri-700);
    --btn-ink:#fff;

    /* Barra sticky */
    --bar-bg:#ffffffcc; /* leve translucido */
    --bar-blur:10px;
    --bar-border:#fae6ec;
  }

  /* Clearfix da UL (mantemos a grade existente) */
  .lotes_list_galeria.galeria::after { content:""; display:block; clear:both; }

  /* ===== Filter Bar ===== */
  .filter-wrap {
    position: sticky;
    top: 0;
    z-index: 40;
    backdrop-filter: blur(var(--bar-blur));
    background: var(--bar-bg);
    border-bottom: 1px solid var(--bar-border);
  }
  .filter-bar {
    max-width: 1320px;
    margin: 0 auto;
    padding: 14px 12px;
    display: grid;
    grid-template-columns: 1fr auto;
    gap: 12px;
    align-items: center;
  }
  .filter-left {
    display: flex;
    gap: 10px;
    align-items: stretch;
    flex-wrap: wrap;
  }
  .filter-right {
    display: flex;
    gap: 10px;
    align-items: center;
  }

  /* Search (opcional: se existir .search-hero, não mostra esse) */
  .inline-search {
    display: none;
    position: relative;
    min-width: 260px;
    flex: 1 1 280px;
  }
  .inline-search input{
    width: 100%;
    border: 1px solid var(--stroke);
    border-radius: 12px;
    padding: 10px 36px 10px 12px;
    font: 500 14px/1.2 system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
    background: var(--bg);
    color: var(--ink);
  }
  .inline-search svg{
    position: absolute; right: 10px; top: 50%; transform: translateY(-50%);
    width: 18px; height: 18px; opacity: .8;
  }

  /* Segmented control */
  .seg {
    display: inline-flex;
    border: 1px solid var(--seg-stroke);
    background: var(--seg-bg);
    border-radius: 12px;
    overflow: hidden;
  }
  .seg button{
    appearance: none; -webkit-appearance:none;
    border: 0; background: transparent; color: var(--ink);
    padding: 9px 12px; font: 600 13px/1 system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;
    cursor: pointer; transition: background .2s, color .2s, transform .12s ease;
    display: inline-flex; align-items: center; gap: 8px;
  }
  .seg button:hover{ background: var(--seg-hover); }
  .seg button.is-active{
    background: var(--seg-active-bg);
    color: var(--seg-active-ink);
  }
  .seg .divider { width:1px; background: var(--seg-stroke); }

  /* Dropdown “fantasma” para Categoria (abre sheet) */
  .btn-ghost{
    border:1px solid var(--stroke);
    background: var(--bg);
    color: var(--ink);
    padding:9px 12px; border-radius:12px; font:600 13px/1 system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;
    display:inline-flex; gap:8px; align-items:center; cursor:pointer;
    transition: background .2s, border-color .2s, transform .12s ease;
  }
  .btn-ghost:hover{ background:#fae6ec; }
  .btn-ghost:active{ transform:translateY(1px); }

  /* Botão primário (Reset) */
  .btn{
    border:0; background:var(--btn-bg); color:var(--btn-ink);
    padding:10px 14px; border-radius:12px; font:700 13px/1 system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;
    cursor:pointer; transition: background .2s, transform .12s ease; box-shadow: var(--shadow);
  }
  .btn:hover{ background: var(--btn-bg-hover); }
  .btn:active{ transform: translateY(1px); }

  /* Sheet (categorias) */
  .sheet {
    position: fixed; inset: 0; display: none; z-index: 50;
  }
  .sheet[data-open="true"]{ display:block; }
  .sheet .panel{
    position:absolute; left:50%; top:10%;
    transform: translateX(-50%);
    width: min(560px, 92vw);
    background:#fff; border-radius:16px; box-shadow: var(--shadow); border:1px solid var(--stroke);
    padding: 12px;
  }
  .sheet header{
    display:flex; align-items:center; justify-content:space-between; padding:6px 8px 10px 8px;
  }
  .sheet h3{ margin:0; font:800 16px/1.2 system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif; color:var(--ink); }
  .sheet .grid{
    display:grid; gap:8px; grid-template-columns: repeat(2,minmax(0,1fr));
    padding: 4px;
  }
  .cat-item{
    border:1px solid var(--stroke); border-radius:12px; padding:12px; cursor:pointer;
    display:flex; align-items:center; justify-content:space-between;
    transition: background .2s, border-color .2s, transform .12s ease;
  }
  .cat-item:hover{ background:#fae6ec; }
  .cat-item.is-active{ border-color: var(--pri-600); background: var(--pri-50); }

  /* Badges de estado (mostram ordenação atual) */
  .state-badges{
    display:flex; gap:8px; flex-wrap: wrap;
  }

  /* Responsivo */
  @media (max-width: 860px){
    .filter-bar{ grid-template-columns: 1fr; }
    .filter-right{ justify-content: space-between; }
  }
/*lotes*/

/* MINHA_CONTA */

/* ---------- Variáveis ---------- */
:root {
  /* existentes */
  --p-bg: #fae6ec;
  --p-surface: #ffffff;
  --p-border: #fae6ec;
  --p-primary: #c30a22;
  --p-primary-light: #c30a22;
  --p-color-icon: #a2113c;
  --p-text: #49091c;
  --p-text-light: #a2113c;
  --p-radius: 10px;
  --p-shadow: 0 4px 14px rgba(0,0,0,0.06);
  --p-transition: 0.3s ease;
  --p-font: 'Rubik', sans-serif;

  /* aliases/compat */
  --border: var(--p-border);
  --muted: var(--p-text-light);
  --focus: var(--p-primary);
  --ring: #c30a22;
}

/* ---------- Layout básico ---------- */
.p-body {
  font-family: var(--p-font);
  margin: 20px auto;
  color: var(--p-text);
  display: flex;
  flex-direction: column;
  max-width: 1200px;
}

.p-header {
  background-color: var(--p-surface);
  border-bottom: 1px solid var(--p-border);
  padding: 15px 30px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  box-shadow: var(--p-shadow);
  z-index: 10;
  border-radius: var(--p-radius);
}

.p-header-logo {
  display: flex;
  align-items: center;
  gap: 10px;
}

.p-logo-icon { color: var(--p-primary); font-size: 22px; }
.p-logo-text { font-weight: 700; font-size: 18px; }

.p-wrapper { display: flex; flex: 1; min-height: 0; }

.p-sidebar {
  width: 240px;
  background-color: var(--p-surface);
  border-right: 1px solid var(--p-border);
  padding: 20px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

/* ---------- Menu ---------- */
.p-menu {
  list-style: none;
  padding: 0;
  font-size: 16px;
}

.p-menu-item {
  display: flex;
  align-items: center;
  padding: 12px 14px;
  border-radius: var(--p-radius);
  color: var(--p-text-light);
  cursor: pointer;
  transition: var(--p-transition);
  margin-bottom: 6px;
}

.p-menu-item i {
  margin-right: 10px;
  color: var(--p-color-icon);
}

.p-menu-item.active {
  background-color: var(--p-primary-light);
  color: var(--p-surface);
}

.p-menu-item.active i{
  color: var(--p-surface);
}

/* ---------- Botões ---------- */
.p-btn {
  border: none;
  cursor: pointer;
  font-weight: 600;
  border-radius: var(--p-radius);
  padding: 10px 16px;
  transition: var(--p-transition);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
}

.p-btn-primary { background-color: var(--p-primary); color: #fff; }
.p-btn-primary:hover { background-color: var(--p-primary-light); }

.p-btn-outline {
  border: 1px solid var(--p-primary);
  background: transparent;
  color: var(--p-primary);
}

.p-btn-outline:hover {
  background-color: var(--p-primary);
  color: #fff;
}

.p-btn-logout { width: 100%; margin-top: 20px; }
.p-btn-logout i { color: var(--p-color-icon); }

/* ---------- Conteúdo / Seções ---------- */
.p-content {
  flex: 1;
  padding: 20px;
  overflow-y: auto;
}

.p-section {
  background-color: var(--p-surface);
  border-radius: var(--p-radius);
  box-shadow: var(--p-shadow);
  padding: 20px;
  animation: fadeIn 0.4s ease;
  display: none;
  font-size: 16px;
  line-height: 1.5;
}

.p-section.active { display: block; }

@keyframes fadeIn {
  from { opacity: 0; transform: translateY(8px); }
  to   { opacity: 1; transform: translateY(0); }
}

.p-section-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 10px;
}

.p-section-title {
  font-weight: 600;
  font-size: 18px;
  color: var(--p-primary);
  margin-bottom: 20px;
  text-decoration: underline;
}

/* ---------- Tabela ---------- */
.p-table-wrapper { overflow-x: auto; }

.p-table {
  width: 100%;
  border-collapse: collapse;
  margin-top: 10px;
}

.p-table th,
.p-table td {
  padding: 12px 14px;
  border-bottom: 1px solid var(--p-border);
  text-align: left;
  font-size: 14px;
}

/* ---------- Badges ---------- */
.p-badge {
  display: inline-block;
  padding: 4px 10px;
  border-radius: 6px;
  font-size: 13px;
  font-weight: 500;
  color: #fff;
}

.p-badge-green  { background-color: #c30a22; }
.p-badge-red    { background-color: #dc2626; }
.p-badge-yellow { background-color: #f59e0b; }

/* ---------- Cards ---------- */
.p-cards-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
  gap: 20px;
  margin-bottom: 30px;
}

.p-card {
  background-color: var(--p-surface);
  border-radius: var(--p-radius);
  box-shadow: var(--p-shadow);
  padding: 20px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}

.p-card-header {
  color: var(--p-text-light);
  font-weight: 500;
  margin-bottom: 8px;
  display: flex;
  align-items: center;
  gap: 8px;
}

.p-card-icon  { color: var(--p-primary); }
.p-card-value { font-size: 28px; font-weight: 700; color: var(--p-text); }

/* ---------- Utilidades ---------- */
.p-section-count { font-weight: 600; color: #a2113c; margin-left: 6px; }

.p-empty {
  display: flex;
  gap: 10px;
  align-items: flex-start;
  border: 1px dashed var(--border);
  background: #fff;
  border-radius: 12px;
  padding: 14px;
}

.p-empty i { color: #49091c; margin-top: 3px; }
.p-empty-title { font-weight: 700; margin-bottom: 4px; }
.p-empty-text  { color: #c30a22; }

/* ---------- Form ---------- */
.p-form-group {
  display: grid;
  gap: 8px;
  margin-bottom: 14px;
}

.p-form-group label {
  font-size: 14px;
  color: var(--muted);
  font-weight: 600;
}

.p-input {
  width: 100%;
  border: 1px solid var(--p-text-light);
  border-radius: 12px;
  padding: 12px 14px;
  background: #fff;
  outline: none;
  transition: border-color .15s ease, box-shadow .15s ease;
  font-size: 15px;
}

.p-input:focus {
  border-color: var(--focus);
  box-shadow: 0 0 0 4px var(--ring);
}

.p-form-actions {
  display: flex;
  gap: 10px;
  justify-content: flex-end;
  margin-top: 16px;
  flex-wrap: wrap;
}

/* ---------- Documentos ---------- */
.p-doc {
  display: flex;
  gap: 16px;
  align-items: flex-start;
  border: 1px solid var(--border);
  border-radius: 12px;
  padding: 16px;
  background: #fff;
  margin-bottom: 16px;
}

.p-doc--ok   { border-color: #fae6ec; background: #fae6ec; }
.p-doc--warn { border-color: #f5c2c0; background: #fdecea; }

.p-doc-icon {
  font-size: 28px;
  line-height: 1;
  margin-top: 2px;
  color: #49091c;
}

.p-doc-content { flex: 1; }
.p-doc-title   { font-weight: 700; margin-bottom: 6px; }
.p-doc-text    { margin: 0 0 10px; color: #49091c; }

.p-doc-steps { display: grid; gap: 8px; margin: 12px 0 14px; }
.p-doc-step  { display: flex; align-items: center; gap: 8px; }

.p-doc-bullet {
  width: 22px;
  height: 22px;
  border-radius: 999px;
  display: inline-grid;
  place-items: center;
  font-size: 12px;
  font-weight: 700;
  color: #fff;
  background: #49091c;
}

.p-upload { display: grid; gap: 10px; }

.p-upload-label {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  border: 1px dashed var(--border);
  background: #fff;
  padding: 12px 14px;
  border-radius: 10px;
  cursor: pointer;
  font-weight: 600;
}

.p-upload-label i { font-size: 16px; }

.p-upload-input   { display: none; }
.p-upload-hint    { font-size: 12px; color: var(--muted); }

.p-upload-preview {
  border: 1px solid var(--border);
  border-radius: 10px;
  overflow: hidden;
  background: #fff;
  padding: 8px;
  max-width: 320px;
}

.p-upload-preview img { display: block; width: 100%; height: auto; }

.is-hidden { display: none !important; }

/* ---------- Media Queries (TODAS AQUI) ---------- */

/* Hover apenas em dispositivos com ponteiro/hover reais */
@media (hover: hover) and (pointer: fine) {
  .p-menu-item:hover {
    background-color: var(--p-primary-light);
    color: #fff;
  }
}

/* Responsivo ≤ 900px + neutralização de hover fantasma */
@media (max-width: 900px) {
  .p-wrapper {
    flex-direction: column;
  }

  .p-sidebar {
    width: 100%;
    border-right: none;
    border-bottom: 1px solid var(--p-border);
  }

  .p-body {
    margin: 0;
  }

  .p-header {
    margin: 20px 20px 0 20px;
  }

  .p-section {
    scroll-margin-top: 72px; /* smooth-scroll ancorado ao header */
  }

  /* neutraliza hover em mobile */
  .p-menu-item:hover {
    background-color: transparent;
    color: var(--p-text-light);
  }
}

/* FIM MINHA_CONTA */


/*z_leilao*/

/* =========================
   LOT CARD — ELEGANTE & INTERATIVO
   ========================= */
/* =========================
   LOT CARD — VERDE & SEM BORDAS (COLAR COMPLETO)
   ========================= */
/* =========================
   LOT CARD — ELEGANTE, ALINHADO & INTERATIVO
   ========================= */
/* =========================
   LOT CARD — ELEGANTE, ALINHADO & INTERATIVO
   ========================= */
:root{
  --bg: #49091c;

  /* Paleta em verde */
  --brand:  #c30a22;      /* principal */
  --brand-2: #49091c;      /* variação mais escura */

  --surface: #fae6ec;
  --surface-2: #fae6ec;
  --text: #49091c;
  --muted: #c30a22;

  --ok: var(--brand);
  --warn: #e9a21a;
  --danger: #e45858;

  --radius-lg: 20px;
  --radius-sm: 10px;

  --shadow-sm: 0 4px 16px rgba(0,0,0,.08);
  --shadow-md: 0 12px 30px rgba(0,0,0,.12);
  --shadow-lg: 0 18px 50px rgba(0,0,0,.18);
}
@media (prefers-color-scheme: dark){
  :root{
    --surface: #fae6ec;
    --surface-2: #49091c;
    --text: #fae6ec;
    --muted: #ffe5e6;
    --shadow-sm: 0 4px 16px rgba(0,0,0,.35);
    --shadow-md: 0 12px 30px rgba(0,0,0,.45);
    --shadow-lg: 0 18px 50px rgba(0,0,0,.5);
  }
}

/* Link do card */
.lot-link{ text-decoration:none; color:inherit; display:block; }

/* Card */
.lot-card{
  position: relative;
  display:flex; flex-direction:column;
  background: linear-gradient(180deg, var(--surface) 0%, var(--surface-2) 100%);
  border-radius: var(--radius-lg);
  overflow:hidden;
  box-shadow: var(--shadow-sm);
  transition: transform .25s ease, box-shadow .3s ease;
  max-width: 380px; margin: 18px auto;
  isolation:isolate;
}
.lot-card::before{ display:none; }
.lot-card:hover{ transform: translateY(-6px); box-shadow: var(--shadow-lg); }

/* Thumb */
.lot-thumb{
  position:relative; width:100%; overflow:hidden; aspect-ratio: 4/3;
  background: linear-gradient(180deg, rgba(0,0,0,.05), rgba(0,0,0,.12));
}
.lot-thumb .img{ width:100%; height:100%; }
.lot-thumb .img img{
  width:100%; height:100%; object-fit:cover;
  transform: scale(1.02); transition: transform .5s ease, filter .5s ease; will-change: transform;
}
.lot-card:hover .lot-thumb .img img{ transform: scale(1.06); filter: saturate(1.05) contrast(1.02); }

/* Status */
.badge.status-online{
  position:absolute; top:14px; left:14px; z-index:2;
  display:inline-flex; align-items:center; gap:8px;
  backdrop-filter: blur(8px); -webkit-backdrop-filter: blur(8px);
}
.badge.status-online p{
  margin:0; padding:6px 12px;
  background: color-mix(in oklab, var(--surface) 88%, transparent);
  border-radius: 999px; font-weight:700; font-size:.78rem; letter-spacing:.02em; text-transform:uppercase; color: var(--text);
  box-shadow: 0 2px 6px rgba(0,0,0,.12);
}
.LL_situacao[situacao="em_andamento"] p{ color: var(--brand); }
.LL_situacao[situacao="em_breve"] p{ color: color-mix(in oklab, var(--brand) 70%, #ffffff); }
.LL_situacao[situacao="finalizado"] p{ color: color-mix(in oklab, var(--brand) 35%, #000); }

/* Badge Lote */
.lot-thumb .lot-badge{
  position:absolute; bottom:14px; left:14px;
  display:flex; align-items:center; gap:6px;
  background: color-mix(in oklab, var(--surface) 92%, transparent);
  border-radius: 10px; padding:6px 10px;
  box-shadow: 0 2px 10px rgba(0,0,0,.12); font-weight:700; color: var(--text);
}
.lot-thumb .lot-badge small{ font-size:.68rem; opacity:.8; font-weight:600; }
.lot-thumb .lot-badge strong{ font-size:.95rem; letter-spacing:.02em; }

/* Corpo
   >> AGORA .lot-body É UMA GRADE 2 COLUNAS PARA ALINHAR TUDO */
.lot-body{
  padding:16px 16px 18px;
  display:grid;                          /* <-- grid para alinhar */
  grid-template-columns: 1fr auto;       /* esquerda cresce, direita fixa */
  grid-auto-rows: min-content;
  row-gap: 14px;                         /* respiro vertical entre linhas */
  column-gap: 24px;
}
.lot-body2{}
.lot-title{ grid-column: 1 / -1; font-size:1.12rem; font-weight:800; line-height:1.25; color: var(--text); }

/* “Explode” os grupos para posicionar os filhos direto na grade */
.lot-platebar,
.lot-meta{
  display: flex !important;
    gap: 10px;
    align-items: center;
    justify-content: space-evenly;        /* filhos viram itens da grade */
}

/* Linha 1: Placa (coluna ESQ) | Stats (coluna DIR) */
.lot-plate{
  grid-column: 1;
  justify-self: start;
  display:inline-flex; align-items:center; gap:10px;
  min-height:36px; padding:8px 14px; line-height:1; font-size:.95rem;
  color: var(--muted);
  background: color-mix(in oklab, var(--surface-2) 70%, transparent);
  border-radius:999px;
}
.lot-plate i{ color: var(--brand); font-size:1rem; width:20px; text-align:center; }

.lot-stats{
  grid-column: 2;
  justify-self: end;
  display:inline-flex; align-items:center; gap:12px;
}
.lot-chip{
  display:inline-flex; align-items:center; gap:8px;
  min-height:36px; padding:8px 12px; line-height:1; font-size:.9rem;
  background: color-mix(in oklab, var(--surface-2) 72%, transparent);
  border-radius:999px; color: var(--text);
}
.lot-chip i{ color: var(--brand); font-size:1rem; width:20px; text-align:center; }
.lot-chip span{ display:inline-block; min-width:1.8ch; text-align:right; }

/* Linha 2: Data (coluna ESQ) | Hora (coluna DIR) */
.lot-meta span:first-child{
  grid-column: 1; justify-self: start;
}
.lot-meta span:last-child{
  grid-column: 2; justify-self: end;
}
.lot-meta span{
  display:inline-flex; align-items:center; gap:5px; line-height:1; min-height:28px;
}
.lot-meta span i{ color: var(--brand); font-size:1rem; width:20px; text-align:center; }

/* Arrematante */
.lot-user{
  grid-column: 1 / -1;
  display:flex; align-items:center; justify-content:space-between; gap:10px;
  font-size:.92rem;
  background: linear-gradient(180deg, color-mix(in oklab, var(--surface) 85%, transparent), transparent);
  border-radius: var(--radius-sm); padding:10px 12px; color: var(--text);
}
.lot-user .lbl{ font-weight:700; opacity:.9; }
.lot-user .val{ font-weight:700; color: var(--brand-2); }

/* Lances / valores */
.lot-bid{
  grid-column: 1 / -1;
  display:flex; justify-content:flex-start;
}
.lot-bid-value{
  display:flex; flex-direction:column; gap:4px;
  border-radius:14px; padding:10px 12px; min-width:52%;
}
.lot-bid-label{ font-size:.72rem; letter-spacing:.06em; text-transform:uppercase; color: var(--muted); }
.lot-bid-value b{ font-size:1.22rem; line-height:1.15; color: var(--text); }

/* CTA */
.lot-cta-wrap{ grid-column: 1 / -1; display:flex; flex-direction:column; gap:6px; margin-top:2px; }
.lot-cta{
  display:inline-flex; align-items:center; justify-content:center; gap:10px;
  width:100%; padding:12px 14px; border-radius:14px;
  font-weight:800; letter-spacing:.01em; color:#fff;
  background: linear-gradient(90deg, var(--brand), var(--brand-2));
  box-shadow: 0 8px 24px rgba(0,0,0,.16);
  transform: translateY(0);
  transition: transform .15s ease, box-shadow .2s ease, opacity .2s ease, filter .2s ease;
}
.lot-cta i{ opacity:.95; }
.lot-cta:hover{ box-shadow: 0 12px 32px rgba(0,0,0,.22); transform: translateY(-2px); filter: brightness(1.03); }
.lot-cta:active{ transform: translateY(0); }
.lot-cta-hint{ font-size:.78rem; color: var(--muted); text-align:center; }

/* Barra inferior (progresso) */
.lot-card::after{
  content:""; position:absolute; left:0; right:0; bottom:0; height:4px;
  background: linear-gradient(90deg, var(--brand), var(--brand-2));
  opacity:.9; transform: scaleX(.35); transform-origin:left center; transition: transform .6s ease;
}
.lot-card:hover::after{ transform: scaleX(.5); }

/* Acessibilidade */
.lot-card:focus-within{ outline: 3px solid color-mix(in oklab, var(--brand) 60%, transparent); outline-offset: 2px; }

/* Redução de movimento */
@media (prefers-reduced-motion: reduce){
  .lot-card, .lot-thumb .img img, .lot-card::after, .lot-cta{ transition: none !important; }
}

/* Responsivo */
@media (max-width: 360px){
  .lot-body{ grid-template-columns: 1fr; }
  .lot-stats, .lot-meta span:last-child{ justify-self:start; }
}
@media (min-width: 420px){
  .lot-card{ max-width: 380px; }
}
/* === Colocar lances/visualizações à direita do horário (mesma linha) === */

/* 1) .lot-body vira uma grade de 3 colunas:
      [ data | horário | stats ] */
.lot-body{
  display: grid !important;
  grid-template-columns: 1fr auto auto !important; /* esq cresce | meio | direita */
  grid-auto-rows: min-content !important;
  column-gap: 20px !important;
  row-gap: 14px !important;
}

/* 2) Abrimos os grupos para posicionar os filhos direto na grade */
.lot-platebar,
.lot-meta{
  display: contents !important;
}

/* 3) Posicionamento:
      - Data -> col 1
      - Horário -> col 2
      - Stats (lances/visualizações) -> col 3 (o “quadro vermelho”) */
.lot-meta span:first-child{           /* data */
  grid-column: 1 !important;
  justify-self: start !important;
}
.lot-meta span:last-child{            /* horário */
  grid-column: 2 !important;
  justify-self: start !important;     /* fica colado ao ícone/tempo */
}
.lot-stats{                           /* lances + visualizações */
  grid-column: 3 !important;
  justify-self: end !important;       /* encosta na direita da coluna */
  display: inline-flex !important;
  align-items: center !important;
  gap: 12px !important;
}

/* 4) Se a PLACA não for usada aqui, esconda (evita ocupar espaço na grade) */
.lot-plate{
  display: none !important;
}

/* 5) Alturas e ícones uniformes p/ tudo ficar reto */
.lot-chip,
.lot-meta span{
  min-height: 36px !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 8px !important;
  line-height: 1 !important;
}
.lot-chip i,
.lot-meta span i{
  font-size: 1rem !important;
  width: 20px !important;
  text-align: center !important;
  flex: 0 0 20px !important;
}
.lot-chip span{
  display: inline-block !important;
  min-width: 2ch !important;          /* evita “pulo” de número */
  text-align: right !important;
}

/* 6) Responsivo: empilha tudo bonitinho */
@media (max-width: 360px){
  .lot-body{
    grid-template-columns: 1fr !important;
  }
  .lot-stats{
    grid-column: 1 !important;
    justify-self: start !important;
  }
}
/* --- layout da área: [valor | stats] --- */
.lot-bid-stats-row{
  display: grid;
  grid-template-columns: 1fr auto; /* esquerda ocupa, direita só o necessário */
  align-items: center;
  gap: 18px 24px;
}

/* bloco de valor (já existia) */
.lot-bid{ display:flex; justify-content:flex-start; }
.lot-bid-value{
  display:flex; flex-direction:column; gap:4px;
  border-radius:14px; padding:10px 12px; min-width: 52%;
}
.lot-bid-label{ font-size:.72rem; letter-spacing:.06em; text-transform:uppercase; color: var(--muted); }
.lot-bid-value b{ font-size:1.22rem; line-height:1.15; color: var(--text); }

/* stats do lado direito do valor */
.lot-stats--side{
  display: inline-flex;
  align-items: center;
  gap: 12px;
  justify-self: end;               /* encosta do lado direito do “quadro” */
}
.lot-chip{
  display:inline-flex; align-items:center; gap:8px;
  min-height:36px; padding:8px 12px; line-height:1; font-size:.9rem;
  background: color-mix(in oklab, var(--surface-2) 72%, transparent);
  border-radius:999px; color: var(--text);
}
.lot-chip i{ color: var(--brand); font-size:1rem; width:20px; text-align:center; }
.lot-chip span{ display:inline-block; min-width: 2ch; text-align: right; }

/* linha de data/hora acima do valor (mantém alinhado) */
.lot-meta-row{
  display: grid;
  grid-template-columns: 1fr auto;
  align-items: center;
  gap: 8px 24px;
}
.lot-meta-item{
  display: inline-flex; align-items: center; gap: 8px; min-height: 28px;
  color: var(--muted); font-size: .92rem;
}
.lot-meta-item i{ color: var(--brand); width:20px; text-align:center; }

/* responsivo: empilha stats abaixo do valor */
@media (max-width: 360px){
  .lot-bid-stats-row{ grid-template-columns: 1fr; }
  .lot-stats--side{ justify-self: start; }
}

/* === lot-badge sempre visível (sem depender de hover) === */
.lot-thumb .lot-badge{
  opacity: 0.8 !important;
  visibility: visible !important;
  transform: none !important;
  z-index: 3 !important;            /* garante que fica por cima da imagem */
  display: flex !important;
}

/* se existir alguma animação no hover, neutraliza */
.lot-card:hover .lot-thumb .lot-badge{
  opacity: 0.5 !important;
  visibility: visible !important;
  transform: none !important;
}

.pis {
	animation: blink 1s infinite;
}

/* Definir a animação */
@keyframes blink {
	0% {
		opacity: 1;
	}

	50% {
		opacity: 0.5;
	}

	100% {
		opacity: 1;
	}
}

/* SEÇÃO CARDS - MAIN*/

/*z_leilao*/

/*z_top*/
.car:hover,
.car:active,
.car:focus {
	background: #454443 !important;
	box-shadow: 2px 2px 4px #000;
	-webkit-transition: all .25s ease-in-out;
	-moz-transition: all .25s ease-in-out;
	-o-transition: all .25s ease-in-out;
	transition: all .25s ease-in-out;
}

.imb:hoverb .imb:active,
.imb:focus {
	background: #454443 !important;
	box-shadow: 2px 2px 4px #000;
	-webkit-transition: all .25s ease-in-out;
	-moz-transition: all .25s ease-in-out;
	-o-transition: all .25s ease-in-out;
	transition: all .25s ease-in-out;
}

.mtr:hover,
.mtr:active,
.mtr:focus {
	background: #454443 !important;
	box-shadow: 2px 2px 4px #000;
	-webkit-transition: all .25s ease-in-out;
	-moz-transition: all .25s ease-in-out;
	-o-transition: all .25s ease-in-out;
	transition: all .25s ease-in-out;
}

@media screen and (min-width: 1025px) {
	.fzz {
		font-size: 24px !important;
	}
}

@media screen and (max-width: 704px) {
	.essp {
		height: 89px !important;
	}
}

@media screen and (max-width: 702px) {
	.essp {
		height: 88px !important;
	}
}

@media screen and (max-width: 442px) {
	.essp {
		height: 135px !important;
	}
}

.b-mobile {
	display: none !important;
}

.b-desk {
	display: block !important;
}

@media screen and (max-width: 599px) {
	.b-mobile {
		display: block !important;
	}

	.b-desk {
		display: none !important;
	}
}

/* BANNERS SLIDES */

.swiper-container {
	width: 100%;
	height: auto;
	position: relative;
	overflow: hidden;
}

.swiper-slide img {
	width: 100%;
	height: auto;
}

.swiper-slide {
	height: auto !important;
}

.swiper-wrapper {
	height: auto !important;
}

.swiper-button-prev,
.swiper-button-next {
	color: rgba(255, 255, 255, 0.8) !important;
	/* Branco com leve transparência */
	font-size: 24px;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	background: none;
	/* Removido o fundo */
	border: none;
	cursor: pointer;
	outline: none;
	padding: 10px;
	z-index: 1;
	display: none !important;
	/* Inicialmente escondido */
}

@media (min-width: 750px) {

	.swiper-button-prev,
	.swiper-button-next {
		display: block !important;
		/* Exibir somente quando a largura for maior ou igual a 1024px */
	}
}

.swiper-button-prev {
	left: 2%;
}

.swiper-button-next {
	right: 2%;
}

.swiper-button-prev:hover,
.swiper-button-next:hover {
	background: none;
	/* Removido o fundo ao passar o mouse */
	color: rgba(255, 255, 255, 1);
	/* Branco sem transparência ao passar o mouse */
}

/* FIM BANNERS */

.cabecalho__categorias {
	background-color: #80808014;
	padding-bottom: 10px;
	position: relative;
	z-index: 1 !important;
}

.cabecalho__categorias-icones {
	display: flex;
	justify-content: space-around;
	text-align: center;
	font-size: 50px;
	padding: 10px;
}

.cabecalho__categorias-icones p {
	font-size: 13px;
	font-family: var(--fonte-principal);
	text-decoration: none;
	color: var(--cor-destaque-terciaria);
	padding-top: 5px;
}

.cabecalho__categorias-vertudo {
	text-align: center;
}

.cabecalho__categorias-vertudo a {
	font-size: 16px;
	font-weight: 700;
	text-decoration: none;
	color: var(--cor-destaque-terciaria);
	text-transform: uppercase;
	font-family: var(--fonte-principal);
}

/* POPUP PARA ABRIR AS CATEGORIAS */

.cabecalho__categorias-popup {
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.5);
	justify-content: center;
	align-items: center;
	z-index: 999999;
}

.cabecalho__categorias-popup-content {
	background-color: #fff;
	border-radius: 8px;
	box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
	text-align: sta;
	transition: opacity 0.3s ease;
	width: 100%;
	height: 620px;
	margin: 10px;
	position: relative;
	top: 10px;
	overflow: scroll;
	padding: 10px;
}

.categorias__popup-containers {
	border: solid 1px white;
	margin: 10px;
	border-radius: 3px;
}

.categorias__popup-containers h2 {
	border-bottom: 1px solid rgba(128, 128, 128, 0.425);
	padding: 10px;
	font-family: var(--fonte-principal);
	font-size: 12px;
	color: var(--cor-destaque-secundaria);
	font-weight: 600;
	background-color: rgba(70, 70, 70, 0.129);
}

.categorias__popup-containers ul {
	display: flex;
	flex-direction: column;
	gap: 10px;
	padding: 10px;
	font-size: 10px;
	font-family: var(--fonte-principal);
	color: var(--cor-destaque-secundaria);
}

.categorias__popup-titulo {
	display: flex;
	justify-content: space-between;
	border-bottom: 1px solid rgba(128, 128, 128, 0.325);
	padding: 10px;
	font-family: var(--fonte-principal);
	font-size: 16px;
	text-decoration: uppercase;
}

.cabecalho__categorias-popup.show {
	display: flex;
}

.categorias__popup-botao-fechar {
	display: flex;
	justify-content: flex-end;
	border-top: 1px solid rgba(128, 128, 128, 0.325);
	padding: 10px;
}

.categorias__popup-botao-fechar button {
	background-color: var(--cor-destaque-primaria);
	font-family: var(--fonte-principal);
	font-size: 12px;
	border: none;
	color: var(--cor-fonte-branco);
	border-radius: 3px;
	padding: 5px 10px;
}


/* FIM POPUP */

.barra-pesquisa {
	display: flex;
	justify-content: space-between;
	align-items: center;
	border: 1px solid #80808054;
	margin: 15px 7px;
	border-radius: 5px;
	background-color: white;
}

.barra-pesquisa__form {
	width: 100%;
	display: flex
}

.barra-pesquisa__form input {
	width: 95%;
	border: none;
	padding: 0 5px 0 5px;
	outline: none;
}


.barra-pesquisa button {
	width: 30%;
	padding: 8px 0;
	border: none;
	border-top-left-radius: 0px;
	border-bottom-left-radius: 0px;
	border-top-right-radius: 5px;
	border-bottom-right-radius: 5px;
	text-transform: uppercase;
	font-family: var(--fonte-principal);
	font-weight: 500;
	color: var(--cor-fonte-branco);
	background-color: var(--cor-destaque-primaria);
}

/*RESPONSIVO*/

@media screen and (min-width: 500px) {

	.cabecalho__nav-menu-dropdown,
	.barra-pesquisa {
		margin: 0 auto;
		max-width: 500px;
	}
}

/*z_top*/


/*z_top_lote*/
.lea1:hover,
.lea1:active,
.lea1:focus {
	background: #dbd9d9;
	-webkit-transition: all .2s ease-in-out;
	-moz-transition: all .2s ease-in-out;
	-o-transition: all .2s ease-in-out;
	transition: all .2s ease-in-out;
	box-shadow: 1px 1px 1px #DDDDDD !important;
	color: black !important;
}

.lea1 {
	background: #f1f1f1;
	text-align: left;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	padding: 5px;
	padding-left: 10px;
	padding-right: 10px;
	color: black !important;
	border: 1px solid #a6a4a4;
	display: inline-block;

}

.lea1 i {
	color: #49091c;
}

@media screen and (max-width: 555px) {
	.lea1 {
		display: block;
		padding: 5px;
		margin-bottom: 10px;
	}

	.bttts {
		width: 50%;
	}
}

@media screen and (max-width: 349px) {
	.bttts {
		width: 65%;
	}
}

/*z_top_lote*/
a[href="/admin/?pg=1&m=0"] {
	display: none !important;
}

/*NOVO*/
/*menun**/
:root{
  --menu-bg:#c30a22;
  --menu-bg-dark:#c30a22;
  --menu-text:#ffffff;
  --menu-sep:rgba(255,255,255,.2);
  --menu-radius:16px;
  --menu-shadow:0 10px 20px rgba(0,0,0,.08);
  --menu-shadow-stuck:0 8px 18px rgba(0,0,0,.18);
  --topbar-text:#3e3e3e;
}
*{box-sizing:border-box}
body{margin:0;background:#fff;font-family:Roboto,Arial,Helvetica,sans-serif}

/* Topo */
.topbar{background:linear-gradient(#f7f7f7,#ececec);border-bottom:1px solid #e5e5e5;}
.topbar__wrap{max-width:1200px;margin:0 auto;padding:10px 16px;display:flex;align-items:center;gap:16px;justify-content:space-between;position:relative;}
.topbar__left{display:flex;align-items:center;gap:14px}
.topbar__logo img{height:48px;display:block}
.topbar__contact{color:var(--topbar-text);font-size:14px;line-height:1.35}
.topbar__social{display:flex;align-items:center;gap:10px}
.topbar__social a{display:inline-flex;width:34px;height:34px;border-radius:50%;align-items:center;justify-content:center;background:#fff;border:1px solid #e5e5e5}
.topbar__social i{color:#c30a22}

/* Botão hamburguer no topo (mobile) */
.topbar__burger{display:none;}
@media (max-width:980px){
  .topbar__contact{display:none;}
  .topbar__social{display:none;}
  .topbar__burger{
    display:flex;position:absolute;right:12px;top:50%;transform:translateY(-50%);
    width:44px;height:44px;border-radius:50%;background:#fff;border:1px solid #fae6ec;
    box-shadow:0 3px 10px rgba(0,0,0,.08);align-items:center;justify-content:center;color:#c30a22;cursor:pointer;z-index:1000;
  }
  .topbar__burger i{font-size:20px;}
}

/* NAV */
.nav-shell{position:relative;}
.navbar{max-width:none;width:100%;padding:0 8px;display:flex;justify-content:center;margin:0 auto;}
.navbar__card{
  background:var(--menu-bg);color:var(--menu-text);
  border-radius:var(--menu-radius);box-shadow:var(--menu-shadow);overflow:hidden;
  width:100%;max-width:1200px;margin:10px auto 0;
}
.navbar__inner{display:flex;align-items:stretch;justify-content:space-between;gap:12px;padding:0 10px;}

/* Menu desktop */
.menu-index{list-style:none;margin:0;padding:0;display:flex;align-items:stretch;gap:0;}
.menu-index>li{display:flex;align-items:stretch;margin:0 auto}
.menu-index>li+li{position:relative;}
.menu-index>li+li:before{content:"";position:absolute;left:0;top:25%;bottom:25%;width:1px;background:var(--menu-sep);}
.menu__link{display:flex;flex-direction:column;justify-content:center;padding:14px 20px;text-decoration:none;color:var(--menu-text);text-transform:uppercase;font-weight:700;letter-spacing:.02em;min-width:140px;}
.menu__link small{font-weight:400;opacity:.85;margin-top:4px;font-size:12px;letter-spacing:0;text-transform:none}
.menu__link:hover,.menu__link:focus{background:var(--menu-bg-dark)}

/* Ações (minha conta / cadastro) */
.navbar__actions{display:flex;align-items:center;gap:18px;padding:8px 10px;}
.action-tiles{display:flex;gap:24px;align-items:stretch;}
.action-tile{color:#fff;text-decoration:none;display:flex;flex-direction:column;justify-content:center;padding:10px 14px;min-width:180px;border-radius:10px;transition:background .2s ease;background:transparent;}
.action-tile:hover{background:rgba(255,255,255,.06);}
.action-tile__top{display:flex;align-items:center;gap:10px;}
.action-tile i{font-size:18px;color:#fff;opacity:1;}
.action-tile__title{font-weight:800;text-transform:uppercase;letter-spacing:.02em;color:#fff;}
.action-tile__sub{font-size:12px;opacity:.9;margin-top:4px;}

/* Botão Sair */
.btn-pill{display:inline-flex;align-items:center;gap:8px;background:#49091c;color:#fff;border:none;border-radius:999px;padding:10px 16px;font-weight:700;text-decoration:none;cursor:pointer;}
.btn-pill:hover{background:#49091c}

/* AFFIX apenas no desktop */
@media (min-width:981px){
  .navbar__card.is-stuck{position:fixed;top:0;left:0;right:0;margin:0 auto;width:calc(100% - 16px);max-width:1200px;transform:none;z-index:9999;box-shadow:var(--menu-shadow-stuck);border-top-left-radius:0;border-top-right-radius:0;}
}
.nav-placeholder{height:0;transition:height .2s ease}

/* MOBILE – esconder o card por padrão (evita barra verde) */
.burger{display:none;}
@media (max-width:980px){
  .navbar__card{display:none;}              /* some no mobile ao carregar */
  .navbar__card.open{display:block;}        /* aparece somente quando abrir */
  .navbar__inner{gap: 8px; padding: 8px 10px; flex-direction: column; align-items: center; justify-content: center;}
  .menu-index,.navbar__actions{display:none;}
  .menu-index{display: flex;flex-direction: column;}
  .navbar__card.open .menu{display:flex;flex-direction:column;width:100%;gap:0;padding:6px 0;}
  .navbar__card.open .navbar__actions{display:flex;flex-direction:column;align-items:stretch;gap:10px;padding:8px 10px 14px;}
  .menu>li+li:before{background: initial;}
  .menu__link{min-width:unset;padding:14px 16px;align-items:center;text-align:center;}
  .action-tiles{flex-direction:column;gap:8px;}
  .action-tile{min-width:unset;padding:12px 14px;background:rgba(255,255,255,.06);}
  .btn-pill{width:100%;justify-content:center;}
}

/*fim menu*/

/*rodape*/
:root{
    --ft-bg:#49091c;
    --ft-bg-2:#49091c;
    --ft-card:#49091c;
    --ft-accent:#a2113c;
    --ft-text:#fae6ec;
    --ft-muted:#fae6ec;
    --ft-white:#ffffff;
  }
  .footer{
    color:var(--ft-text);
    background:linear-gradient(180deg,var(--ft-bg) 0%, var(--ft-bg-2) 100%);
    margin-top:24px;
  }

  /* CTA cards */
  .footer-cta{
    max-width:1200px;margin:0 auto; padding:28px 16px 8px;
    display:grid; grid-template-columns:repeat(3,1fr); gap:16px;
  }
  .footer-cta a{
    text-decoration:none; color:var(--ft-white);
    background:linear-gradient(180deg,var(--ft-card), #49091c);
    border:1px solid rgba(255,255,255,.08);
    border-radius:14px; padding:18px; display:flex; gap:14px; align-items:center;
    transition:transform .18s ease, box-shadow .18s ease, border-color .18s;
    box-shadow:0 6px 20px rgba(0,0,0,.15);
  }
  .footer-cta a:hover{ transform:translateY(-3px); border-color:rgba(255,255,255,.18); box-shadow:0 10px 24px rgba(0,0,0,.20); }
  .footer-cta img{ width:46px;height:46px; object-fit:contain; filter:drop-shadow(0 2px 3px rgba(0,0,0,.25)); }
  .footer-cta h2{ font-size:16px; line-height:1.25; margin:0; font-weight:800; letter-spacing:.02em; }

  /* Main columns */
  .footer-main{
    max-width:1200px;margin:0 auto; padding:18px 16px 26px;
    display:grid; grid-template-columns:2fr 2fr 1.6fr; gap:28px; border-top:1px solid rgba(255,255,255,.08);
  }
  .ft-title{
    font-size:14px; text-transform:uppercase; letter-spacing:.08em; color:var(--ft-accent);
    margin:8px 0 12px; font-weight:800;
  }
  .ft-links, .ft-tags{ display:flex; flex-wrap:wrap; gap:10px 14px;flex-direction:column }
  .ft-links a{
    color:var(--ft-text); text-decoration:none; font-size:14px; opacity:.95;
    border-bottom:1px dashed transparent; transition:opacity .15s, border-color .15s;
  }
  .ft-links a:hover{ opacity:1; border-color:var(--ft-accent); }

  .ft-contact > div{ display:flex; gap:10px; align-items:flex-start; margin:8px 0; color:var(--ft-text); }
  .ft-contact i{ color:var(--ft-accent); margin-top:3px; }
  .ft-contact a{ color:var(--ft-white); text-decoration:none; }
  .ft-contact a:hover{ text-decoration:underline; }

  .ft-social{ display:flex; gap:10px; margin-top:6px; }
  .ft-social a{
    width:38px;height:38px;border-radius:10px; display:flex; align-items:center; justify-content:center;
    background:rgba(255,255,255,.06); border:1px solid rgba(255,255,255,.1);
    transition:transform .18s, background .18s, border-color .18s;
  }
  .ft-social a:hover{ transform:translateY(-3px); background:rgba(255,255,255,.12); border-color:rgba(255,255,255,.2); }
  .ft-social i{ color:var(--ft-white); }

  /* Seal / Comitente */
  .ft-seal{
    display:flex; align-items:center; gap:12px; text-decoration:none; color:var(--ft-white);
    background:rgba(255,255,255,.06); border:1px solid rgba(255,255,255,.1); padding:12px; border-radius:12px;
  }
  .ft-seal img{ width:60px;height:60px; border-radius:10px; object-fit:cover; }
  .ft-seal h3{ margin:0; font-size:14px; font-weight:800; letter-spacing:.04em; }
  .ft-mini{
    display:grid; grid-template-columns:1fr 1fr; gap:14px;
  }

  /* Copy */
  .footer-copy{
    text-align:center; color:var(--ft-muted); font-size:13px; padding:14px 12px; border-top:1px solid rgba(255,255,255,.08);
    background:var(--ft-bg-2);
  }

  /* WhatsApp popup modern */
  .popup2{
    position:fixed; right:20px; bottom:96px; width:320px; max-width:92vw;
    background:#ffffff; border-radius:14px; box-shadow:0 18px 40px rgba(0,0,0,.25);
    overflow:hidden; display:none; z-index:100000;
  }
  .popup2.show{ display:block; }
  #formHeader{
    background:var(--ft-bg); color:#fff; padding:12px 14px; display:flex; justify-content:space-between; align-items:center;
  }
  .messageWhatsapp{ font-weight:700; font-size:14px; }
  .closeButton{ cursor:pointer; font-weight:800; padding:6px 10px; border-radius:8px; background:rgba(255,255,255,.12); }
  #formContent{ padding:12px; background:#fae6ec; }
  #whatsappForm textarea{
    width:100%; min-height:96px; border:1px solid #fae6ec; border-radius:10px; padding:10px; outline:none;
  }
  #whatsappForm button{
    margin-top:10px; width:100%; height:42px; border:none; border-radius:999px; cursor:pointer;
    background:linear-gradient(90deg,#a2113c,#a2113c); color:#fff; font-weight:800; letter-spacing:.02em;
    box-shadow:0 8px 22px #a2113c;
  }
  /* Variação do selo para “Site Seguro” */
.ft-seal--secure{
  background: #a2113c;
  border-color: #a2113c;
}
.ft-seal--secure img{
  width:100%; height:auto; object-fit:contain; border-radius:8px;
}
.ft-seal__text h3{
  margin:0; font-size:14px; font-weight:800; letter-spacing:.04em;
}
.ft-seal__text small{
  display:block; margin-top:2px; font-size:12px; opacity:.9;
}

  /* Responsive */
  @media (max-width:980px){
    .footer-cta{ grid-template-columns:1fr; }
    .footer-main{ grid-template-columns:1fr; }
    .ft-mini{ grid-template-columns:1fr; }
  }
 :root{
    --p:#c30a22; --p-300:#a2113c; --p-700:#fae6ec;
    --ink:#49091c; --ink-dim:#49091c;
    --bg:#fae6ec; --card:#ffffff; --ring: #49091c;
  }
  @media (prefers-color-scheme: dark){
    :root{ --ink:#fae6ec; --ink-dim:#fae6ec; --bg:#49091c; --card:#49091c; --ring: rgba(255,255,255,.08); }
  }

  .ctaZ{ background: radial-gradient(900px 300px at 10% 0%, #fae6ec, transparent 60%), var(--card);
    color: var(--ink); border:1px solid var(--ring); border-radius:22px; overflow: clip; box-shadow:0 18px 40px #49091c;}
  .ctaZ__grid{ display:grid; grid-template-columns:.95fr 1.05fr; gap:clamp(16px,3vw,28px); padding:clamp(16px,3vw,28px);}
  @media (max-width:860px){ .ctaZ__grid{ grid-template-columns:1fr; } }

  /* =============== CARROSSEL =============== */
  .lot-carousel{ position:relative; border-radius:16px; background:var(--bg); overflow:hidden; min-height:280px; }
  .lot-viewport{ overflow:hidden; width:100%; height:100%; }
  .lot-track{ display:flex; align-items:stretch; height:100%; transition:transform .45s ease; will-change:transform; touch-action:pan-y; }
  .lot-slide{ flex:0 0 100%; display:flex; padding:12px; box-sizing:border-box; }
  .z-mini-wrapper{ display:flex; flex-direction:column; width:100%; background:linear-gradient(180deg, #c30a22, transparent 40%), var(--card); border-radius:16px; overflow:hidden; }

  .lot-nav{ position:absolute; inset:auto 8px 8px 8px; display:flex; justify-content:space-between; pointer-events:none; }
  .lot-btn{ pointer-events:auto; width:38px; height:38px; display:grid; place-items:center; border-radius:12px; background:#c30a22; border:1px solid var(--ring); color: var(--ink); }
  .lot-btn:focus{ outline:2px solid var(--p-300); outline-offset:2px; }
  .lot-dots{ position:absolute; left:0; right:0; bottom:8px; display:flex; justify-content:center; gap:6px; }
  .lot-dot{ width:8px; height:8px; border-radius:999px; background:#c30a22; border:1px solid var(--ring); }
  .lot-dot[aria-current="true"]{ background:var(--p); }

  /* =============== CONTEÚDO (DIREITA) =============== */
  .ctaZ__eyebrow{ display:inline-flex; gap:8px; align-items:center; font-weight:800; font-size:12px; letter-spacing:.3px;
    color:var(--p-700); background:#c30a22; border:1px solid var(--ring); padding:6px 10px; border-radius:999px;}
  .ctaZ__title{ margin:10px 0 6px; font-size:clamp(22px,3.4vw,32px); line-height:1.15; font-weight:900; }
  .ctaZ__subtitle{ color:var(--ink-dim); font-size:clamp(14px,2.1vw,16px); margin-bottom:14px; }
  .ctaZ__steps{ display:grid; gap:10px; margin:12px 0 18px; padding:0; list-style:none; }
  .ctaZ__step{ display:grid; grid-template-columns:34px 1fr; gap:10px; padding:10px; border:1px dashed #c30a22; border-radius:14px; background:#ffe5e6;}
  .ctaZ__step .n{ width:34px; height:34px; border-radius:10px; display:grid; place-items:center; font-weight:900; font-size:14px; color:#fff; background:var(--p); box-shadow:0 6px 16px #c30a22;}
  .ctaZ__step .t{ font-weight:800; } .ctaZ__step .d{ color:var(--ink-dim); font-size:14px; margin-top:2px; }
  .ctaZ__actions{ display:flex; flex-wrap:wrap; gap:10px; margin-top:6px; }
  .ctaZ__btn{ border:0; border-radius:12px; padding:12px 16px; font-weight:800; font-size:14px; display:inline-flex; gap:10px; text-decoration:none; }
  .ctaZ__btn--ghost{ color:var(--p-700); background:#c30a22; border:1px solid #c30a22; }
  .ctaZ__btn--primary{ color:#49091c; background:linear-gradient(90deg, var(--p-300), var(--p)); box-shadow:0 10px 22px #c30a22, 0 2px 0 rgba(0,0,0,.12) inset; }
  .ctaZ__note{ margin-top:12px; display:inline-flex; gap:8px; align-items:center; font-size:13px; color:var(--ink-dim); } 
/*rodape*/

/*card evento*/
/* --- Container Geral do Card --- */
.card.leilao-evento {
  max-width: 340px;
  background-color: #ffffff;
  border-radius: 16px;
  border: 1px solid #e0e0e0;
  box-shadow: 0 4px 12px rgba(0,0,0,0.08);
  text-decoration: none;
  color: #1f1f1f;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  transition: transform 0.2s ease, box-shadow 0.3s ease;
  margin: 16px auto;
}

.card.leilao-evento:hover {
  transform: translateY(-5px);
  box-shadow: 0 8px 24px rgba(0,0,0,0.12);
}

/* --- IMAGEM DO CARD --- */
.card.leilao-evento .card-image {
  width: 100%;
  position: relative;
  overflow: hidden;
}

.card.leilao-evento .card-image img {
  width: 100%;
  height: auto;
  object-fit: cover;
  display: block;
  transition: transform 0.3s ease;
}

.card.leilao-evento:hover .card-image img {
  transform: scale(1.03);
}

/* --- TAG DE SITUAÇÃO --- */
.status-tag {
  position: absolute;
  top: 12px;
  left: 12px;
  z-index: 2;
}

.status-tag p {
  padding: 6px 12px;
  border-radius: 6px;
  font-size: 0.85rem;
  font-weight: 600;
  background-color: #fff;
  border: 2px solid;
  color: inherit;
  box-shadow: 0 1px 3px rgba(0,0,0,0.1);
  text-transform: capitalize;
}

/* --- CONTEÚDO DO CARD --- */
.card.leilao-evento .card-content {
  padding: 16px 8px 20px;
  display: flex;
  flex-direction: column;
  gap: 16px;
}

.card.leilao-evento .title {
  font-size: 1.4rem;
  font-weight: 600;
  margin: 0;
  color: #c30a22;
  text-align: center;
}

/* --- INFO GRID (DUAS COLUNAS) --- */
.card.leilao-evento .info-wrapper {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 14px 20px;
  background: #fdfdfd;
  border-radius: 12px;
}

/* --- ITENS DE INFORMAÇÃO --- */
.card.leilao-evento .info-item {
  display: flex;
  align-items: center;
  gap: 10px;
}

.card.leilao-evento .info-item i {
  color: var(--brand);
  font-size: 1.1rem;
  flex-shrink: 0;
  width: 22px;
  text-align: center;
}

.card.leilao-evento .info-item div {
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.card.leilao-evento .info-item small {
  font-size: 0.75rem;
  color: #888;
  margin-bottom: 2px;
  letter-spacing: 0.2px;
  text-transform: uppercase;
}

.card.leilao-evento .info-item p {
  font-size: 0.95rem;
  font-weight: 500;
  color: #1f1f1f;
  margin: 0;
  line-height: 1.2;
}
/*fim card evento*/
/* LOTE */
/* ===== Auction Lot — clean layout (NAMESPACE: xl-) ===== */
.xl-lote-wrap{--bg:#fff;--ink:#221E1F;--muted:#666;--line:#E1E1E1;--chip:#E8E8E8;--ok:#c30a22;--btn:#49091c;--btn2:#c30a22;--card:#F6F6F6;--card2:#EEEEEE}
.xl-lote-wrap{max-width:min(1200px,100%);margin:0 auto;padding:clamp(16px,2.8vw,32px) clamp(12px,2vw,16px);color:var(--ink)}
.xl-lote-wrap *{box-sizing:border-box}

/* head util */
.xl-lote-head{display:grid;grid-template-columns:1fr auto;gap:16px;align-items:center}
.xl-lote-title{font-size:clamp(20px,2.2vw,28px);font-weight:700;line-height:1.2;margin:8px 0 0}
.xl-lote-badges{display:flex;flex-wrap:wrap;gap:8px}
.xl-chip{background:var(--chip);border:1px solid #ccc;border-radius:6px;padding:6px 10px;font-size:12px;text-transform:uppercase;color:#000}
.xl-lote-switch{display:flex;gap:8px;align-items:center;flex-wrap:wrap}
.xl-lote-switch .xl-nav{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:6px;background:#ccc;color:#fff}
.xl-lote-switch select{max-width:260px;padding:8px 10px;border:1px solid #d0d0d0;border-radius:6px;width:100%}
.xl-lote-stats{display:flex;gap:clamp(12px,2.2vw,24px);align-items:center;border-top:1px solid var(--line);padding:12px 0;margin-top:12px;color:#444;flex-wrap:wrap}
.xl-lote-stats i{color:#A0A2A6;margin-right:6px}

/* layout principal */
.xl-lote-main{display:grid;grid-template-columns:1.15fr .85fr;gap:clamp(12px,2vw,20px);margin-top:16px}
@media (max-width: 1024px){.xl-lote-main{grid-template-columns:1fr}}
@media (max-width: 560px){.xl-lote-wrap{padding:20px 12px}}

.xl-gallery-card{padding:0}
.xl-gallery-card .galeria{padding-bottom:8px;border-bottom:1px solid var(--line)}
.xl-gallery-card .galeria img,
.xl-gallery-card .galeria picture,
.xl-gallery-card .galeria video{max-width:100% !important;height:auto;display:block}

/* Ao vivo / embeds responsivos */
.wr3 iframe,
.wr3 embed,
.wr3 video{width:100%!important;max-width:100%;height:auto;aspect-ratio:16/9}

/* info card */
.xl-info-card{border-radius:12px;overflow:hidden}
.xl-info-card__header{background:var(--ok);color:#fff;text-align:center;padding:10px 14px;text-transform:uppercase;font-weight:700}
.xl-info-card__body{padding:clamp(14px,2vw,18px)}

.xl-info-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 20px;color:var(--muted);font-size:clamp(13px,1.6vw,14px)}
@media (max-width:680px){.xl-info-list{grid-template-columns:1fr}}
.xl-info-list li{display:flex;gap:8px;align-items:center;flex-wrap:wrap}
.xl-info-list b{color:var(--ink)}
.xl-info-solo{margin:8px 0 12px}
.xl-info-solo b{font-size:clamp(16px,2vw,20px)}

.xl-actions{padding:16px;background:var(--card);border-top:1px solid #e9e9e9;display:flex;flex-direction:column;gap:12px}
.xl-btn{display:flex;align-items:center;justify-content:center;gap:8px;padding:12px 14px;border-radius:10px;color:#fff;border:none;cursor:pointer;font-weight:700;text-transform:uppercase;box-shadow:0 4px 12px rgba(0,0,0,.12);min-height:44px}
.xl-btn--primary{background:var(--btn)}
.xl-btn--outline{background:var(--btn2)}
.xl-btn i{font-size:14px}
.xl-note{font-size:12px;color:#777;text-align:center}
.xl-small-meta{display:flex;gap:16px;flex-wrap:wrap;margin-top:10px}
.xl-small-meta .xl-meta{display:flex;gap:6px;align-items:center;color:#444}
hr.xl-clean{border:0;border-top:1px solid var(--line);margin:12px 0}

/* ===== Timer / Cronômetro ===== */
.xl-timer-card{color:#49091c;border-radius:14px;padding:16px;}
.xl-timer-head{text-align:center;text-transform:uppercase;letter-spacing:.04em;font-size:12px;color:#49091c}
.xl-timer-grid{display: flex ; align-items: center; margin-top: 10px; justify-content: center; gap: 10px;}
.xl-tunit{border-radius:12px;padding:14px 10px;text-align:center;background:#fff}
.xl-tvalue{display:block;font-weight:800;font-size:clamp(22px,4.2vw,34px);line-height:1;letter-spacing:.02em}
.xl-tlabel{margin-top:6px;font-size:11px;font-weight:700;text-transform:uppercase;color:#ffe5e6}

/* ===== Lance Atual ===== */
.xl-bid-card{color:#49091c;border-radius:14px;padding:clamp(12px,2.2vw,16px);box-shadow:0 8px 18px rgba(0,0,0,.12);background:#fff}
.xl-bid-title{display:flex;align-items:center;justify-content:center;gap:8px;color:#a2113c;font-weight:700;text-transform:uppercase;letter-spacing:.04em;font-size:11px}
.xl-bid-amount{margin-top:8px;display:flex;align-items:baseline;justify-content:center;gap:8px}
.xl-bid-amount b{font-size:clamp(32px,5vw,36px);font-weight:800;color:#49091c;text-align:center}
.xl-bid-meta{margin-top:8px;text-align:center;color:#a2113c;font-size:12px}
.xl-badge-live{background:#c30a22;color:#fff;border-radius:999px;padding:4px 10px;font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.04em}

/* ===== Desconto FIPE (apenas valor em R$) ===== */
.xl-deal{margin-top:10px;display:flex;flex-direction:column;align-items:center;gap:8px}
.xl-deal-banner{display:flex;align-items:center;gap:10px;padding:5px 7px;border-radius:12px;border:1px solid #fae6ec;background:linear-gradient(180deg,#fae6ec,#fae6ec);color:#49091c;box-shadow:0 6px 14px #49091c;}
.xl-deal-banner .xl-ico{width:28px;height:28px;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;background: #f5c1bd;color: #F44336;box-shadow:inset 0 1px 0 rgba(255,255,255,.65)}
.xl-deal-text{font-size:clamp(13px,2vw,14px);line-height:1.25;text-align:center}
.xl-deal-amount{font-variant-numeric:tabular-nums;font-size:clamp(14px,2.2vw,15px)}

/* ===== LOT HERO — light & clean ===== */
:root{--bg:#ffffff;--ink:#49091c;--muted:#a2113c;--line:#fae6ec;--accent:#ffe5e6;--accent-soft:#fae6ec;--btn:#ffffff;--btn-bd:#fae6ec;--btn-h:#fae6ec;--shadow:0 10px 24px #49091c}
.xl-hero--light{background:radial-gradient(800px 220px at 10% -30%,var(--accent-soft),transparent 60%),linear-gradient(180deg,#fff,#fff);border:1px solid var(--line);border-radius:20px;padding:clamp(16px,2.2vw,22px);display:grid;grid-template-columns:1fr auto;gap:18px;align-items:center;box-shadow:var(--shadow);color:var(--ink)}
.xl-hero-left{display:grid;grid-template-columns:auto 1fr;gap:16px;align-items:center}
.xl-hero-badge--light{width:72px;height:72px;border-radius:16px;background:linear-gradient(180deg,#fae6ec,#fae6ec);border:1px solid #fae6ec;display:flex;align-items:center;justify-content:center;font-weight:900;font-size:18px;color:#49091c;box-shadow:0 8px 18px #ffe5e6}
.xl-hero-title--light{margin:0;font-weight:850;letter-spacing:.2px;line-height:1.15;font-size:clamp(22px,3vw,28px);color:var(--ink)}
.xl-hero-sub--light{margin-top:6px;font-size:13px;color:var(--muted)}
.xl-hero-right{display:flex;gap:10px;align-items:center;flex-wrap:nowrap;min-width:0}
.xl-btn-ghost{appearance:none;background:var(--btn);color:var(--ink);border:1px solid var(--btn-bd);width:42px;height:42px;border-radius:12px;display:inline-flex;align-items:center;justify-content:center;flex:0 0 42px}
.xl-btn-ghost:hover{background:var(--btn-h)}
.xl-btn-ghost[disabled]{opacity:.45;pointer-events:none}
.xl-lot-picker{position:relative;min-width:260px;max-width:100%}
.xl-lot-picker>summary{list-style:none;cursor:pointer;user-select:none;background:#fff;border:1px solid var(--btn-bd);border-radius:12px;padding:12px 44px 12px 14px;display:flex;align-items:center;gap:10px;box-shadow:inset 0 1px 0 rgba(255,255,255,.7)}
.xl-lot-picker>summary::-webkit-details-marker{display:none}
.xl-lot-picker .xl-label{font-size:12px;text-transform:uppercase;letter-spacing:.06em;color:var(--muted)}
.xl-lot-picker .xl-current{font-weight:800;color:var(--ink)}
.xl-lot-picker i{position:absolute;right:14px;top:50%;transform:translateY(-50%);color:#ffe5e6;transition:transform .2s ease}
.xl-lot-picker[open] i{transform:translateY(-50%) rotate(180deg)}
.xl-lot-menu{position:absolute;top:calc(100% + 8px);left:0;right:0;z-index:10;background:#fff;border:1px solid var(--btn-bd);border-radius:14px;box-shadow:var(--shadow);max-height:320px;overflow:auto;-webkit-overflow-scrolling:touch}
.xl-lot-menu ul{margin:6px;padding:6px;list-style:none}
.xl-lot-menu li a{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:8px 10px;border-radius:10px;text-decoration:none;color:var(--ink);border:1px solid transparent}
.xl-lot-menu li a:hover{background:var(--accent-soft);border-color:#fae6ec}
.xl-lot-menu small{color:var(--muted);font-size:12px}
@media (max-width:820px){
  .xl-hero--light{grid-template-columns:1fr;padding:clamp(14px,2.2vw,18px)}
  .xl-hero-left{grid-template-columns:1fr;gap:10px}
  .xl-hero-badge--light{width:62px;height:62px}
  .xl-hero-title--light{font-size:clamp(20px,4vw,24px)}
  .xl-hero-right{justify-content:space-between;gap:8px}
  .xl-lot-picker{min-width:0;flex:1}
}
@media (max-width:420px){
  .xl-btn-ghost{width:38px;height:38px;flex:0 0 38px}
  .xl-lot-picker>summary{padding:10px 38px 10px 12px}
}

/* ===== LOT HUB ===== */
:root{--hub-bg:#ffffff;--hub-ink:#49091c;--hub-mut:#a2113c;--hub-line:#fae6ec;--hub-soft:#fae6ec;--hub-accent:#ffe5e6;--hub-accent-soft:#fae6ec;--shadow:0 10px 24px #49091c}
.xl-lot-hub{display:grid;grid-template-columns:280px 1fr;gap:18px;margin-top:18px}
@media (max-width:980px){.xl-lot-hub{grid-template-columns:1fr;gap:12px}}

.xl-lot-nav{position:sticky;top:12px;align-self:start;background:var(--hub-soft);border:1px solid var(--hub-line);border-radius:16px;padding:12px}
.xl-lot-nav h4{margin:4px 8px 10px;font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:var(--hub-mut)}
.xl-nav-list{display:flex;flex-direction:column;gap:8px;margin:0;padding:0;list-style:none}
@media (max-width:980px){
  .xl-lot-nav{position:static;padding:10px;border-radius:12px}
  .xl-nav-list{flex-direction:row;gap:8px;overflow:auto;-webkit-overflow-scrolling:touch;scrollbar-width:thin}
  .xl-nav-list > li{flex:0 0 auto}
}

/* botões da navegação lateral */
.xl-nav-btn{display:flex;align-items:center;gap:10px;padding:10px 12px;background:var(--hub-bg);border:1px solid var(--hub-line);border-radius:12px;color:var(--hub-ink);font-size:12px;text-transform:uppercase;letter-spacing:.06em;text-decoration:none;transition:all .15s ease;white-space:nowrap}
.xl-nav-btn:hover{background:#fae6ec}
.xl-nav-btn.is-active{border-color:var(--hub-accent);box-shadow:0 0 0 3px var(--hub-accent-soft) inset}

/* anexos */
.xl-attach-list{display:flex;flex-direction:column;gap:8px;margin-top:8px}
.xl-attach-pill{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:10px 12px;background:#fff;border:1px solid var(--hub-line);border-radius:12px;text-decoration:none;color:var(--hub-ink);font-size:12px}
.xl-attach-pill small{color:var(--hub-mut);font-size:12px}
.xl-attach-pill:hover{background:#fae6ec;border-color:#fae6ec}

/* conteúdo painéis */
.xl-lot-content{display:flex;flex-direction:column;gap:14px}
.xl-panel{background:var(--hub-bg);border:1px solid var(--hub-line);border-radius:16px;box-shadow:var(--shadow);overflow:hidden}
.xl-panel__head{padding:14px 16px;border-bottom:1px solid var(--hub-line);background:linear-gradient(180deg,#fae6ec,#fae6ec);font-weight:800;color:#49091c;font-size:clamp(14px,2.2vw,16px)}
.xl-panel__body{padding:16px;overflow:auto}

/* tabela — histórico (scroll em telas estreitas) */
.xl-panel__body:has(.xl-table){overflow:auto}
.xl-table{width:100%;border-collapse:separate;border-spacing:0;font-size:14px;color:var(--hub-ink);border:1px solid var(--hub-line);border-radius:12px;overflow:hidden}
.xl-table thead th,.xl-table thead td{background:#fae6ec;color:#49091c;font-weight:700;padding:12px;text-align:center;border-bottom:1px solid var(--hub-line)}
.xl-table tbody td{padding:12px;text-align:center;border-bottom:1px solid var(--hub-line);background:#fff}
.xl-table tbody tr:nth-child(even) td{background:#fae6ec}

/* avisos */
.xl-notice{background:var(--hub-bg);border:1px solid var(--hub-line);border-radius:16px;box-shadow:var(--shadow);padding:16px;color:var(--hub-ink);font-size:14px}
.xl-mt12{margin-top:12px}

/* ===== SPECS GRID ===== */
:root{--spec-bg:#fff;--spec-ink:#49091c;--spec-mut:#a2113c;--spec-line:#fae6ec;--spec-soft:#fae6ec;--spec-yes:#c30a22;--spec-no:#ef4444}
.xl-spec-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
@media (max-width:820px){.xl-spec-grid{grid-template-columns:1fr}}
.xl-spec{display:flex;align-items:flex-start;gap:12px;background:var(--spec-bg);border:1px solid var(--spec-line);border-radius:12px;padding:12px}
.xl-spec-ico{flex:0 0 40px;height:40px;border-radius:10px;display:flex;align-items:center;justify-content:center;background:linear-gradient(180deg,#fae6ec,#fae6ec);border:1px solid #fae6ec;color:#49091c}
.xl-spec-ico .fa{font-size:18px}
.xl-spec-body{min-width:0}
.xl-spec-label{font-size:11px;letter-spacing:.06em;text-transform:uppercase;color:var(--spec-mut);margin-bottom:4px}
.xl-spec-value{font-size:clamp(14px,2.4vw,16px);font-weight:800;color:var(--spec-ink);word-break:break-word}

/* badges SIM/NÃO */
.xl-badge{display:inline-block;padding:2px 8px;border-radius:999px;font-size:12px;font-weight:700;letter-spacing:.04em;color:#fff}
.xl-badge--yes{background:var(--spec-yes)}
.xl-badge--no{background:var(--spec-no)}

/* Dinheiro com tipografia melhor */
.xl-money{font-variant-numeric:tabular-nums;font-feature-settings:"tnum" 1,"lnum" 1;letter-spacing:.2px}
.xl-money--big{font-size:clamp(26px,6vw,36px);font-weight:900;color:#49091c}
.xl-money--fipe{background:#fae6ec;border:1px solid #fae6ec;color:#49091c;padding:6px 12px;border-radius:12px;font-weight:800}
.xl-money-row{display:flex;align-items:center;justify-content:center;gap:10px;font-size:12px;color:#a2113c;flex-wrap:wrap}
.xl-money-row .xl-label{letter-spacing:.06em;text-transform:uppercase}
.xl-price-stack{display:flex;flex-direction:column;align-items:center;gap:10px;margin-top:6px}

/* pequenos ajustes no bloco de lance */
.xl-bid-card .LL_lance_atual b{display:block}
.xl-bid-card .xl-bid-amount{display:flex;align-items:baseline;justify-content:center;gap:8px}

/* acessibilidade e mobile suavizado */
.xl-nav-list,.xl-lot-menu,.xl-panel__body{ -webkit-overflow-scrolling: touch; }
:focus-visible{outline:2px solid var(--hub-accent);outline-offset:2px}
/* ===== Global adjustments ===== */
.xl-lote-wrap {
  max-width: min(1200px, 100%);
  margin: 0 auto;
  padding: clamp(16px, 2.8vw, 32px) clamp(12px, 2vw, 16px);
  color: var(--ink);
}
.xl-lote-wrap * {
  box-sizing: border-box;
}

/* Imagens e embeds responsivos (já existentes) */
.xl-gallery-card .galeria img,
.xl-gallery-card .galeria picture,
.xl-gallery-card .galeria video,
.wr3 iframe,
.wr3 embed,
.wr3 video {
  max-width: 100%;
  height: auto;
  display: block;
  aspect-ratio: auto; /* permitir natural quando possível */
}

/* ===== Layout principal ajustes ===== */
.xl-lote-main {
  display: grid;
  grid-template-columns: 1.15fr .85fr;
  gap: clamp(12px, 2vw, 20px);
  margin-top: 16px;
}

@media (max-width: 1024px) {
  .xl-lote-main {
    grid-template-columns: 1fr;
  }
}
@media (max-width: 768px) {
  .xl-lote-main {
    gap: clamp(8px, 2vw, 16px);
  }
}
@media (max-width: 560px) {
  .xl-lote-wrap {
    padding: 20px 12px;
  }
  .xl-lote-main {
    gap: 12px;
  }
}

/* ===== Hero / topo ===== */
.xl-hero--light {
  display: grid;
  grid-template-columns: 1fr auto;
  gap: 18px;
  padding: clamp(16px, 2.2vw, 22px);
  border: 1px solid var(--line);
  border-radius: 20px;
  background: radial-gradient(800px 220px at 10% -30%, var(--accent-soft), transparent 60%),
              linear-gradient(180deg, #fff, #fff);
  color: var(--ink);
}

@media (max-width: 820px) {
  .xl-hero--light {
    grid-template-columns: 1fr;
    padding: clamp(14px, 2.2vw, 18px);
  }
  .xl-hero-left {
    grid-template-columns: 1fr;
    gap: 10px;
  }
  .xl-hero-badge--light {
    width: 62px;
    height: 62px;
  }
  .xl-hero-title--light {
    font-size: clamp(20px, 4vw, 24px);
  }
  .xl-hero-right {
    justify-content: space-between;
    gap: 8px;
  }
  .xl-lot-picker {
    flex: 1;
    min-width: 0;
  }
}

@media (max-width: 420px) {
  .xl-btn-ghost {
    width: 38px;
    height: 38px;
    flex: 0 0 38px;
  }
  .xl-lot-picker > summary {
    padding: 10px 38px 10px 12px;
  }
}

/* ===== Info card e listas ===== */
.xl-info-list {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px 20px;
  color: var(--muted);
  font-size: clamp(13px, 1.6vw, 14px);
}
@media (max-width: 680px) {
  .xl-info-list {
    grid-template-columns: 1fr;
  }
}

/* Ajuste nos elementos solos */
.xl-info-solo {
  margin: 8px 0 12px;
}
.xl-info-solo b {
  font-size: clamp(16px, 2vw, 20px);
}
/* ===== Lances / botão ===== */
.xl-actions {
  padding: 16px;
  background: var(--card);
  border-top: 1px solid #e9e9e9;
  display: flex;
  flex-direction: column;
  gap: 12px;
}

/* Assegure botões não fiquem muito pequenos em telas pequenas */
.xl-btn {
  min-height: 44px;
  padding: 12px 14px;
  font-size: clamp(14px, 2vw, 16px);
}

/* ===== Hub / navegação lateral ===== */
.xl-lot-hub {
  display: grid;
  grid-template-columns: 280px 1fr;
  gap: 18px;
  margin-top: 18px;
}
@media (max-width: 980px) {
  .xl-lot-hub {
    grid-template-columns: 1fr;
    gap: 12px;
  }
}

/* Barra de navegação lateral */
.xl-lot-nav {
  position: sticky;
  top: 12px;
  align-self: start;
  background: var(--hub-soft);
  border: 1px solid var(--hub-line);
  border-radius: 16px;
  padding: 12px;
}
@media (max-width: 980px) {
  .xl-lot-nav {
    position: static;
    padding: 10px;
    border-radius: 12px;
  }
  .xl-nav-list {
    flex-direction: row;
    gap: 8px;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: thin;
  }
  .xl-nav-list > li {
    flex: 0 0 auto;
  }
}

/* Painéis de conteúdo */
.xl-lot-content {
  display: flex;
  flex-direction: column;
  gap: 14px;
}

.xl-panel {
  background: var(--hub-bg);
  border: 1px solid var(--hub-line);
  border-radius: 16px;
  box-shadow: var(--shadow);
  overflow: hidden;
}

.xl-panel__head {
  padding: 14px 16px;
  border-bottom: 1px solid var(--hub-line);
  background: linear-gradient(180deg, #fae6ec, #fae6ec);
  font-weight: 800;
  color: #49091c;
  font-size: clamp(14px, 2.2vw, 16px);
}
.xl-panel__body {
  padding: 16px;
}

/* Tabelas históricas com scroll horiz. */
.xl-panel__body:has(.xl-table) {
  overflow-x: auto;
}
.xl-table {
  width: 100%;
  border-collapse: separate;
  border-spacing: 0;
  font-size: 14px;
  color: var(--hub-ink);
  border: 1px solid var(--hub-line);
  border-radius: 12px;
  overflow: hidden;
}
.xl-table thead th,
.xl-table thead td {
  background: #fae6ec;
  color: #49091c;
  font-weight: 700;
  padding: 12px;
  text-align: center;
  border-bottom: 1px solid var(--hub-line);
}
.xl-table tbody td {
  padding: 12px;
  text-align: center;
  border-bottom: 1px solid var(--hub-line);
  background: #fff;
}
.xl-table tbody tr:nth-child(even) td {
  background: #fae6ec;
}

/* Badges / specs grid */
.xl-spec-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
}
@media (max-width: 820px) {
  .xl-spec-grid {
    grid-template-columns: 1fr;
  }
}
/* =========================================================
   Lote — Responsive Overrides (drop-in)
   Usage: load AFTER your current stylesheet or paste at the
   very end of your existing <style> block.
   Mobile‑first, fixes overflows, tightens spacing at small
   widths, and enhances large-screen behavior.
   ========================================================= */

/* Base: better wrapping/scroll behavior */
html{overflow-x:hidden}
body{overflow-x:hidden}
.xl-lote-wrap{word-wrap:break-word;overflow-wrap:anywhere}

/* Ensure icon-only ghost buttons never shrink to zero */
.xl-btn-ghost{flex:0 0 auto}

/* Images/videos: never exceed container & keep natural ratio */
.xl-gallery-card .galeria img,
.xl-gallery-card .galeria picture,
.xl-gallery-card .galeria video,
.wr3 iframe,
.wr3 embed,
.wr3 video{max-width:100%;height:auto;display:block}

/* --------------------
   Mobile-first defaults
   -------------------- */
/* Start from a single-column stack below 1024px (already present),
   but tighten spacing for very small screens */
@media (max-width:480px){
  .xl-lote-wrap{padding:16px 10px}
  .xl-lote-main{gap:10px}
  .xl-hero--light{gap:12px;border-radius:14px}
  .xl-hero-title--light{line-height:1.2}
  .xl-btn-ghost{width:36px;height:36px}
  .xl-lot-picker{min-width:0;width:100%}
  .xl-lot-picker>summary{padding:10px 38px 10px 12px}
  .xl-info-card__body{padding:14px}
  .xl-actions{gap:10px}
  .xl-spec-grid{grid-template-columns:1fr}
}

/* Small phones (≤360px): reduce font size and gaps carefully */
@media (max-width:360px){
  .xl-btn{min-height:40px}
  .xl-lote-title{font-size:clamp(18px,6vw,22px)}
  .xl-hero-title--light{font-size:clamp(18px,6vw,22px)}
  .xl-info-list{gap:6px 12px}
}

/* Compact tablets (481–768px): two columns for timer; roomier side panels */
@media (min-width:481px) and (max-width:768px){
  .xl-spec-grid{grid-template-columns:1fr}
}

/* Tablets / small laptops (769–1024px): keep single column but improve spacing */
@media (min-width:769px) and (max-width:1024px){
  .xl-lote-main{gap:16px}
  .xl-hero--light{grid-template-columns:1fr auto}
  .xl-spec-grid{grid-template-columns:1fr}
}

/* Laptops (1025–1280px): honor two-column layout; balance widths */
@media (min-width:1025px) and (max-width:1280px){
  .xl-lote-main{grid-template-columns:1.1fr .9fr}
}

/* Desktops (≥1281px): slightly widen left column (gallery focus) */
@media (min-width:1281px){
  .xl-lote-main{grid-template-columns:1.2fr .8fr}
}

/* Ultra-wide (≥1536px): constrain long text and soften paddings */
@media (min-width:1536px){
  .xl-lote-wrap{max-width:1320px}
  .xl-panel__body{padding:18px}
}

/* --------------------
   Header / Hero polish
   -------------------- */
.xl-hero-left{display:grid;grid-template-columns:1fr;gap:8px;align-items:center}
.xl-hero-right{min-width:0;gap:8px}
.xl-hero-title--light{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}

/* Lot picker menu: keep inside the viewport */
.xl-lot-menu{max-height:60vh;overflow:auto}

/* --------------------
   Info card & stats
   -------------------- */
.xl-info-card{border-radius:14px;overflow:hidden}
.xl-info-card__header{padding:10px 12px}
.xl-info-solo{margin:6px 0 10px}
.xl-info-list li{align-items:baseline}
.xl-small-meta{row-gap:6px}

/* --------------------
   Timer card
   -------------------- */
.xl-tunit{padding:12px 10px}
.xl-tvalue{font-variant-numeric:tabular-nums}

/* --------------------
   Bid card
   -------------------- */
.xl-bid-card{box-shadow:0 6px 14px rgba(0,0,0,.08)}
.xl-bid-amount b{word-break:break-word}
.xl-deal{align-items:stretch}
#dealSentence{display:flex;align-items:center}

/* --------------------
   Lot hub (nav + content)
   -------------------- */
.xl-lot-hub{gap:14px}
.xl-lot-nav{top:10px}
.xl-nav-list{gap:8px}
.xl-nav-btn{white-space:nowrap}

/* Horizontal scroll hint for tables on narrow screens */
.xl-panel__body:has(.xl-table){position:relative}
.xl-panel__body:has(.xl-table)::after{
  content: "Arraste →";
  position:absolute;right:12px;top:8px;font-size:12px;color:#a2113c;
  display:none
}
@media (max-width:700px){
  .xl-panel__body:has(.xl-table)::after{display:block}
}

/* Table: improve readability on very narrow widths */
@media (max-width:560px){
  .xl-table{font-size:13px}
  .xl-table thead th,.xl-table thead td,.xl-table tbody td{padding:10px}
}

/* --------------------
   Google map panel
   -------------------- */
.google_maps iframe{width:100%!important;height:auto;aspect-ratio:16/9;border:0}

/* --------------------
   Accessibility & motion
   -------------------- */
:focus-visible{outline:2px solid #ffe5e6;outline-offset:2px}
@media (prefers-reduced-motion:reduce){
  *{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}
}

/* --------------------
   Safety: prevent long tokens/links from overflowing
   -------------------- */
.xl-panel__body,.xl-spec-value,.xl-attach-pill{word-break:break-word}

/* --------------------
   PHP output quirks guardrails
   -------------------- */
/* If an attach label accidentally injects a class attribute (observed on anexo4),
   force sane visuals regardless of the class list. */
[class*="xl-attach-pill"]{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:10px 12px;background:#fff;border:1px solid #fae6ec;border-radius:12px;text-decoration:none;color:#49091c;font-size:12px}
[class*="xl-attach-pill"] small{color:#a2113c}
[class*="xl-attach-pill"]:hover{background:#fae6ec;border-color:#fae6ec}
/* === Fix: nav lateral não ultrapassar a tela === */
.xl-lot-nav{
  max-width:100%;
  width:100%;
  box-sizing:border-box;
  overflow:hidden;            /* evita “vazar” sombras */
}

/* Lista de navegação mais flexível */
.xl-nav-list{
  display:flex;
  flex-wrap:wrap;             /* permite quebrar em linhas */
  gap:8px;
  margin:0;
  padding:0;
}

/* Botões: ocupam espaço de forma fluida e quebram texto longo */
.xl-nav-btn{
  display:flex;
  align-items:center;
  gap:10px;
  padding:10px 12px;
  white-space:normal;         /* permite quebra de linha */
  word-break:break-word;      /* evita estourar com palavras grandes */
  max-width:100%;
}

/* --- Mobile: duas colunas (não passa da tela) --- */
@media (max-width: 600px){
  .xl-nav-list > li{
    flex:1 1 calc(50% - 8px); /* 2 colunas, com gap */
  }
  .xl-nav-btn{
    width:100%;
    justify-content:center;   /* centraliza o texto */
  }
}

/* --- Telas muito estreitas: 1 coluna --- */
@media (max-width: 380px){
  .xl-nav-list > li{
    flex:1 1 100%;
  }
}
.Galeria_Produtos_Img_Maior.gp2{
  --gp-w: 800px; /* fallback */
  --gp-h: 600px; /* fallback */
  max-width: var(--gp-w);
  margin: 0 auto;
  font-family: system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;
}

.gp2-main{
  position: relative;
  width: 100%;
  background:#f7f7f9;
  border:1px solid #e6e6ef;
  border-radius:12px;
  overflow:hidden;
  display: flex;
  justify-content: center;
}

.gp2-main figure{ margin:0; }
.gp2-main a, .gp2-main img{ display:block; width:100%; height:auto; }
.gp2-main img{ object-fit:contain; user-select:none; -webkit-user-drag:none; }

.gp2-thumbs{
  display:flex; gap:10px; margin-top:12px; padding:6px 2px;
  flex-wrap:wrap;
  border-radius:10px;
  justify-content: center;
}
.gp2-thumbs::-webkit-scrollbar{ height:8px; }
.gp2-thumbs::-webkit-scrollbar-thumb{ background:#c8c8d8; border-radius:8px; }

.gp2-thumb{
  flex:0 0 auto; width:100px; height:70px;
  border:1px solid #e4e4ee; background:#fff; border-radius:8px;
  padding:0; cursor:pointer; overflow:hidden; outline:none;
  transition:transform .12s ease, box-shadow .12s ease, border-color .12s ease;
}
.gp2-thumb:hover{ transform:translateY(-1px); box-shadow:0 2px 8px rgba(0,0,0,.06); }
.gp2-thumb.is-active{ border-color:#c30a22; box-shadow:0 0 0 2px #c30a22 inset; }

.gp2-thumb img{
  width:100%; height:100%; object-fit:cover; display:block;
  pointer-events:none; user-select:none; -webkit-user-drag:none;
}

.gp2-cap{
  position:absolute; /* opcional se quiser legenda sobrepor; comente se não usar */
  display:none;
}

/* Acessibilidade via teclado */
.gp2-thumbs:focus-visible{ outline:2px solid #c30a22; outline-offset:2px; }

@media (max-width: 768px){
  .gp2-thumb{ width:80px !important; height:60px !important;display: flex; margin-top: 12px;flex-wrap: wrap;border-radius: 10px;justify-content: space-evenly;    align-items: center;
}
}
.gp2-thumb img{ width:100%; height:100%; object-fit:cover; }
/* ===== Overlay da galeria ===== */
.gp2-main-img{ cursor:pointer; }

.gp2-overlay{
  position: fixed; inset: 0;
  display: none;             /* hidden por padrão */
  align-items: center; justify-content: center;
  z-index: 99999;
}
.gp2-overlay.is-open{ display: flex; }

.gp2-overlay-backdrop{
  position: absolute; inset: 0;
  background: rgba(0,0,0,.85);
}

.gp2-overlay-content{
  position: relative; z-index: 1;
  margin: 0; padding: 0;
  max-width: 95vw; max-height: 95vh;
}

.gp2-overlay-img{
  max-width: 95vw; max-height: 95vh;
  width: auto; height: auto; display: block;
  border-radius: 8px;
  box-shadow: 0 10px 40px rgba(0,0,0,.5);
}

.gp2-overlay-close{
  position: absolute; top: 8px; right: 8px;
  border: 0; border-radius: 8px;
  width: 36px; height: 36px; cursor: pointer;
  background: rgba(0,0,0,.6); color: #fff; font-size: 22px;
  line-height: 36px; text-align: center;z-index: 999999;
}
/* ===== Overlay / Carrossel ===== */
.gp2-main-img{ cursor:pointer; } /* indica que abre */

.gp2-overlay{
  position: fixed; inset: 0;
  display: none;
  align-items: center; justify-content: center;
  z-index: 99999;
}
.gp2-overlay.is-open{ display:flex; }

.gp2-overlay-backdrop{
  position:absolute; inset:0;
  background: rgba(0,0,0,.85);
}

.gp2o-content{
  position:relative; z-index:1;
  width:min(96vw, 1100px);
  max-height:96vh;
  display:flex; flex-direction:column; gap:10px;
  padding:10px;
}

.gp2-overlay-close{
  position:absolute; top:8px; right:8px;
  width:36px; height:36px; border:0; border-radius:8px;
  background:rgba(0,0,0,.6); color:#fff; font-size:22px;
  line-height:36px; text-align:center; cursor:pointer;
}

.gp2o-stage{
  position:relative;
  flex:1 1 auto;
  min-height:200px;
  display:flex; align-items:center; justify-content:center;
  overflow:hidden; border-radius:8px;
}

.gp2o-img{
  max-width:100%; max-height:80vh;
  user-select:none; -webkit-user-drag:none; pointer-events:none;
  transition: transform .18s ease;
}

.gp2o-nav{
  position:absolute; top:50%; transform:translateY(-50%);
  width:44px; height:44px; border:0; border-radius:50%;
  background:rgba(0,0,0,.5); color:#fff; font-size:22px;
  line-height:44px; text-align:center; cursor:pointer;z-index: 99999;
}
.gp2o-prev{ left:10px; }
.gp2o-next{ right:10px; }
.gp2o-nav:hover{ background:rgba(0,0,0,.65); }

.gp2o-thumbs{
  display:flex; gap:8px; padding:4px 2px;
  overflow-x:auto; scrollbar-width:none; -ms-overflow-style:none;
}
.gp2o-thumbs::-webkit-scrollbar{ display:none; }

.gp2o-thumb{
  flex:0 0 auto; width:120px; height:90px;
  border:1px solid #e4e4ee; border-radius:8px;
  background:#fff; overflow:hidden; cursor:pointer; padding:0;
  transition:border-color .12s ease, box-shadow .12s ease, transform .12s ease;
}
.gp2o-thumb:hover{ transform:translateY(-1px); box-shadow:0 2px 8px rgba(0,0,0,.08); }
.gp2o-thumb.is-active{ border-color:#c30a22; box-shadow:0 0 0 2px #c30a22 inset; }
.gp2o-thumb img{ width:100%; height:100%; object-fit:cover; display:block; }
/* ========= New Look for CTA Buttons (green #c30a22 palette) ========= */
:root{
  --brand-600:#c30a22;
  --brand-700:#c30a22;
  --brand-800:#49091c;
  --brand-50:#fae6ec;
  --ink-900:#49091c;
}

/* Stack */
.xl-cta-stack{
  display:flex; flex-direction:column; align-items:center;
  gap:14px; width:100%; margin-top:12px;
}

/* Base */
.xl-cta{
  position:relative;
  display:flex; align-items:center; justify-content:center; gap:10px;
  width:min(340px,100%);
  padding:14px 18px;
  border-radius:14px;
  text-decoration:none; font-weight:850; font-size:14px; letter-spacing:.02em;
  text-transform:uppercase;
  /* border:1px solid transparent;
  box-shadow:0 6px 14px rgba(0,0,0,.08), inset 0 1px 0 rgba(255,255,255,.35); */
  transition:transform .06s ease, box-shadow .18s ease, background .18s ease, color .18s ease, border-color .18s ease, opacity .18s ease;
  /* will-change:transform, box-shadow; */
  isolation:isolate; /* for ripple */
}
.xl-cta:active{ transform:translateY(1px); }
.xl-cta:focus-visible{ outline:2px solid var(--brand-600); outline-offset:2px; }

/* Icon as a small chip */
.xl-cta i{
  flex:0 0 24px; width:24px; height:24px; border-radius:999px;
  display:inline-flex; align-items:center; justify-content:center;
  font-size:13px;
  transition:background .18s ease, color .18s ease, border-color .18s ease;
}

/* Subtle top sheen */
.xl-cta::after{
  content:""; position:absolute; inset:0; border-radius:inherit; pointer-events:none;
  background:linear-gradient(180deg, rgba(255,255,255,.28), rgba(255,255,255,0) 42%);
  mix-blend-mode:soft-light; opacity:.7;
}

/* ---------------- VARIANTS ---------------- */

/* Primary: rich pill with gradient and inner glow */
.xl-cta--primary{
  color:#fff;
  background:linear-gradient(180deg, var(--brand-600), var(--brand-700));
  border-color:var(--brand-700);
  text-shadow:0 1px 0 rgba(0,0,0,.15);
}
.xl-cta--primary:hover{
  box-shadow:0 10px 22px #c30a22, inset 0 1px 0 rgba(255,255,255,.5);
  background:linear-gradient(180deg, var(--brand-700), var(--brand-800));
  border-color:var(--brand-800);
}
.xl-cta--primary i{
  background:#ffffff; color:var(--brand-700);
  box-shadow:0 1px 0 rgba(255,255,255,.7), inset 0 -1px 0 rgba(0,0,0,.06);
}

/* Ghost: leve, com borda e hover preenchido suave */
.xl-cta--ghost{
  background:#fff; color:var(--ink-900);
  border-color:#fae6ec;
}
.xl-cta--ghost:hover{
  background:var(--brand-50);
  border-color:#fae6ec;
}
.xl-cta--ghost i{
  background:transparent; color:var(--brand-700);
  border:1px solid #fae6ec;
}

/* Dark: para “habilitar-se” – sólido profundo */
.xl-cta--dark{
  color:#fff;
  background:linear-gradient(180deg, var(--brand-800), #49091c);
  border-color:#49091c;
  text-shadow:0 1px 0 rgba(0,0,0,.25);
}
.xl-cta--dark:hover{
  box-shadow:0 10px 22px #49091c;
  background:linear-gradient(180deg, #49091c, #49091c);
  border-color:#49091c;
}
.xl-cta--dark i{
  background:#ffffff; color:var(--brand-800);
}

/* Disabled: suave e neutro */
.xl-cta--disabled{
  background:#fae6ec; border-color:#fae6ec; color:#a2113c;
  cursor:not-allowed; box-shadow:none; opacity:.9;
}
.xl-cta--disabled i{
  background:#fae6ec; color:#ffe5e6; border:1px solid #fae6ec;
}

/* ---------------- EXTRAS ---------------- */

/* Ripple feedback (no JS necessário) */
.xl-cta:where(:not(.xl-cta--disabled))::before{
  content:""; position:absolute; inset:0; border-radius:inherit; transform:scale(0.98);
  background:radial-gradient(120px 120px at var(--mx,50%) var(--my,50%), rgba(255,255,255,.25), transparent 60%);
  opacity:0; transition:opacity .25s ease;
}
.xl-cta:hover::before{ opacity:1; }
.xl-cta{ --mx:50%; --my:50%; }
.xl-cta:hover{ }
.xl-cta:where(:not(.xl-cta--disabled)){ 
  /* update mouse coords for ripple */
}
.xl-cta:where(:not(.xl-cta--disabled)) { 
  /* requires small inline listener; if não quiser, o ripple fica central. */
}

/* Compact/Full width on small screens */
@media (max-width:420px){
  .xl-cta{ width:100%; }
}

/*FIM - LOTE*/
/* INDEX*/
  /* =========================
   Paginação — força total (!important)
   ========================= */
:root{
  --brand:  #c30a22;
  --brand-2:#49091c;
  --text:   #49091c;
  --muted:  #6b7d76;
  --surface:#ffffff;
}

/* Container */
.pagg{
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  gap:10px !important;
  padding:10px 8px !important;
  flex-wrap:wrap !important;
  font-family: inherit !important;
}

/* Botões base */
.pagg a{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  min-width:42px !important;
  height:38px !important;
  padding:10px 14px !important;
  border-radius:999px !important;
  text-decoration:none !important;
  font-weight:800 !important;
  font-size:.95rem !important;
  letter-spacing:.01em !important;
  color: var(--brand-2) !important;
  background: color-mix(in oklab, var(--surface) 92%, transparent) !important;
  box-shadow: 0 2px 10px rgba(0,0,0,.06) !important;
  transition: transform .15s ease, box-shadow .2s ease, filter .2s ease, background .2s ease !important;
  user-select:none !important;
  -webkit-tap-highlight-color: transparent !important;
  cursor:pointer !important;
}

/* Hover/active */
.pagg a:hover{
  box-shadow: 0 6px 18px rgba(0,0,0,.12) !important;
  transform: translateY(-1px) !important;
  filter: brightness(1.02) !important;
}
.pagg a:active{
  transform: translateY(0) !important;
  box-shadow: 0 3px 12px rgba(0,0,0,.10) !important;
}

/* Página atual */
.pagg a.ativo{
  color:#fff !important;
  background: linear-gradient(90deg, var(--brand), var(--brand-2)) !important;
  box-shadow: 0 10px 22px #49091c !important;
}

/* “Anterior/Próximo” */
.pagg a.prev,
.pagg a.next{
  font-weight:800 !important;
  color: var(--brand) !important;
  background: color-mix(in oklab, var(--brand) 8%, var(--surface)) !important;
}

/* Desabilitado */
.pagg a.disabled,
.pagg a[aria-disabled="true"]{
  pointer-events:none !important;
  opacity:.45 !important;
  filter: grayscale(.2) !important;
  box-shadow:none !important;
  cursor: default !important;
}

/* Foco visível */
.pagg a:focus-visible{
  outline: none !important;
  box-shadow:
    0 0 0 2px #fff,
    0 0 0 4px color-mix(in oklab, var(--brand) 60%, transparent) !important;
}

/* Versão compacta opcional */
.pagg.pagg--sm a{
  height:34px !important;
  min-width:36px !important;
  padding:8px 12px !important;
  font-size:.9rem !important;
}

/* Tema escuro */
@media (prefers-color-scheme: dark){
  .pagg a{
    color: #fae6ec !important;
    background: color-mix(in oklab, var(--brand-2) 14%, #49091c) !important;
    box-shadow: 0 3px 16px rgba(0,0,0,.35) !important;
  }
  .pagg a.ativo{
    box-shadow: 0 14px 26px rgba(0,0,0,.45) !important;
  }
}

/*FIM - INDEX*/
/* Z_TOP */ 
:root{
    --accent: #49091c;
    --radius: 14px;
    --shadow: 0 18px 40px rgba(0,0,0,.22);

    --card-bg: #ffffff;
    --card-br: 16px;
    --card-bd: 1px solid #fae6ec;
    --card-shadow: 0 12px 30px rgba(0,0,0,.08);

    /* categorias circulares */
    --cat-diam: 96px;
    --cat-gap: 16px;
    --cat-track-pad: 8px;
    --cat-accent: #49091c;
  }

  /* HERO / SLIDER */
  .hero{
    width:min(1200px,96%);
    margin:26px auto 26px;
    position:relative;
    border-radius:var(--radius);
    overflow:hidden;
    box-shadow:var(--shadow);
    background:#49091c;
  }

  /* === STAGE (empilha slides e faz crossfade) === */
  .hero-stage{
    position:relative;
    width:100%;
    /* altura provisória para não “sumir” antes de medir a imagem */
    min-height: clamp(230px, 36vw, 520px);
  }
  .hero-slide{
    position:absolute; inset:0;
    opacity:0; pointer-events:none;
    transition: opacity .6s ease;
    background:#49091c;
  }
  .hero-slide.is-active{
    opacity:1; pointer-events:auto;
  }

  .hero-link{ display:block; width:100%; position:relative; }

  /* mídia + overlay (sem background-image) */
  .hero-media{ position:relative; width:100%; }
  .hero-media picture,
  .hero-media img{
    width:100%;
    height:auto;               /* altura vem da imagem */
    display:block;
  }
  .hero-media img{
    transform: scale(1);       /* ponto de partida (sem zoom) */
    transition: transform .8s ease;
    background:#49091c;
  }
  

  /* overlay separado como DIV por cima da imagem */
  .hero-overlay{
    position:absolute; inset:0;
    /* background: linear-gradient(180deg, rgba(0,0,0,.00) 45%, rgba(0,0,0,.35) 92%); */
    pointer-events:none;
  }

  /* texto por cima */
  .hero-caption{
    position:absolute; left:24px; right:24px; bottom:18px;
    color:#fff; z-index:2; display:grid; gap:8px; align-content:end;
    text-shadow: 0 4px 24px rgba(0,0,0,.45);
    pointer-events:none;
  }
  .hero-caption h3{
    margin:0; font: 800 clamp(18px,3.2vw,36px)/1.1 system-ui,Segoe UI,Roboto,Arial;
    letter-spacing:.02em;
  }
  .hero-caption p{
    margin:0; font: 500 clamp(12px,1.8vw,16px)/1.35 system-ui,Segoe UI,Roboto,Arial; max-width: 70ch; opacity:.98;
  }

  .hero-nav{ position:absolute; inset:0; display:flex; justify-content:space-between; align-items:center; z-index:6; pointer-events:none; }
  .hero-btn{ pointer-events:auto; border:0; width:30px; height:30px; border-radius:50%; display:grid; place-items:center; background:var(--card-bg); color:var(--accent); box-shadow:0 8px 24px rgba(0,0,0,.22); cursor:pointer; margin:0 10px; opacity: 0.5; }
  .hero-btn svg{ width:22px; height:22px; }


  .hero-bullets{ position:absolute; left:50%; bottom:10px; transform:translateX(-50%); display:flex; gap:8px; z-index:7; }
  .hero-bullets button{ width:10px; height:10px; border-radius:999px; border:0; background:rgba(255,255,255,.5); cursor:pointer; transition:width .24s ease, background .24s ease; }
  .hero-bullets button.is-active{ width:30px; background:var(--accent); }

  .hero-progress{ position:absolute; left:0; right:0; top:0; height:4px; z-index:5; background:rgba(255,255,255,.15); }
  .hero-progress i{ display:block; height:100%; width:0%; background:var(--accent); transition:width linear; }

  /* CATEGORIAS – CARROSSEL CIRCULAR */
  .cats{ width:min(1200px,96%); margin: 6px auto 24px; }
  .cats-head{
    display:flex; align-items:center; justify-content:space-between; gap:16px; flex-wrap:wrap; margin-bottom:12px;
  }
  .cats-head h3{ margin:0; font: 800 22px/1.2 system-ui,Segoe UI,Roboto; color:#49091c; }

  .cats-viewport{ position:relative; padding-inline: 64px; }
  .cats-nav{
    position:absolute; top:50%;
    left: -56px; width: calc(100% + 112px);
    transform: translateY(-50%);
    display:flex; justify-content:space-between; align-items:center;
    pointer-events:none; z-index: 3;
  }
  .cats-nav button{
    pointer-events:auto; border:0; width:56px; height:56px; border-radius:50%;
    display:grid; place-items:center;
    background:#fff; color:var(--cat-accent);
    box-shadow:0 10px 26px rgba(0,0,0,.18);
    cursor:pointer;
  }
  .cats-nav svg{ width:22px; height:22px; }

  .cats-grid{
    display:flex; align-items:flex-start; gap:var(--cat-gap);
    overflow-x:auto; overflow-y:hidden;
    scroll-snap-type:x mandatory;
    -webkit-overflow-scrolling: touch;
    padding: var(--cat-track-pad);
    scrollbar-width: none;
    position:relative; z-index: 2;
  }
  .cats-grid::-webkit-scrollbar{ display:none; }

  .cat-card{
    scroll-snap-align: start;
    text-decoration:none;
    display:grid; justify-items:center; align-content:start; gap:10px;
    flex: 0 0 calc(var(--cat-diam) + 28px);
    color:#49091c;
  }
  .cat-ico{
    width:var(--cat-diam); height:var(--cat-diam); border-radius:25%;
    display:grid; place-items:center;
    background: radial-gradient(120% 120% at 10% 0%, #fae6ec 0%, #fae6ec 38%, #fae6ec 100%);
    color:#49091c; border:1px solid #fae6ec; font-size:28px;
    box-shadow:0 12px 28px rgba(0,0,0,.09);
    transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease;
  }
  .cat-card:hover .cat-ico{
    transform: translateY(-2px);
    box-shadow: 0 16px 40px rgba(0,0,0,.14);
    border-color:#fae6ec;
  }
  .cat-txt strong{
    font: 800 13px/1.2 system-ui, Segoe UI, Roboto;
    letter-spacing:.02em; text-align:center; color:#49091c;
  }
  @media (max-width:768px){
    :root{
      /* categorias circulares */
      --cat-diam: 56px;
    }
    .hero{
      margin:30px auto 26px;
    }
  }
  @media (max-width:520px){
    .cats-viewport{ padding-inline: 8px; }
    .cats-nav{ display:none; }
  }

  /* Popup categorias (mantida) */
  .cabecalho__categorias-popup{ display:none; position:fixed; inset:0; background:rgba(0,0,0,.45); z-index:9999; align-items:center; justify-content:center; padding:16px; }
  .cabecalho__categorias-popup.show{ display:flex; }
  .cabecalho__categorias-popup-content{ width:min(900px,96%); background:#fff; border-radius:14px; padding:16px; max-height:80vh; overflow:auto; }
  .categorias__popup-titulo{ display:flex; align-items:center; justify-content:space-between; border-bottom:1px solid #eee; padding-bottom:8px; margin-bottom:12px; }
  .categorias__popup-containers{ display:block; padding:12px 10px; border:1px solid #fae6ec; border-radius:10px; margin:8px 0; color:#49091c; text-decoration:none; font-weight:700; background:#fae6ec; }
  .categorias__popup-botao-fechar{ text-align:right; margin-top:8px; }
  .categorias__popup-botao-fechar button{ background:#49091c; color:#fff; border:0; padding:8px 14px; border-radius:8px; cursor:pointer; }
  /*FIM Z_TOPO*/
  /* TOPO LOTE*/
  /* ===== Auction Info (escopo) ===== */
.auction-info{
  --brand: #c30a22;
  --brand-2:#49091c;
  --text:#1b1f1d;
  --muted:#6b7d76;
  --surface:#ffffff;
  --surface-2:#fae6ec;
  --radius-lg:20px;
  --radius-sm:12px;
  --shadow:0 10px 24px rgba(0,0,0,.08);

  width:100% !important;
  display:block !important;
  background: var(--surface) !important;
  border-radius: var(--radius-lg) !important;
  box-shadow: var(--shadow) !important;
  overflow:hidden !important;
  margin: 18px auto !important;
  max-width: 980px !important;
  font-family: inherit !important;
  color: var(--text) !important;
}

.auction-info .ai-wrap{
  display:grid !important;
  grid-template-columns: 1.2fr .8fr !important; /* conteúdo | ações */
  gap: 0 !important;
}

@media (max-width: 820px){
  .auction-info .ai-wrap{
    grid-template-columns: 1fr !important;
  }
}

/* Cabeçalho */
.auction-info .ai-header{
  padding: 20px 22px 16px !important;
  border-bottom: 1px solid #fae6ec !important;
  background: linear-gradient(180deg, #fff, var(--surface-2)) !important;
}
.auction-info .ai-title{
  margin:0 0 2px 0 !important;
  font-size: 1.5rem !important;
  font-weight: 800 !important;
  letter-spacing:.015em !important;
}
.auction-info .ai-sub{
  margin:0 !important;
  color: var(--muted) !important;
  font-size:.95rem !important;
}

/* Coluna Esquerda (detalhes) */
.auction-info .ai-left{
  padding: 16px 22px 22px !important;
}
.auction-info .ai-grid{
  display:grid !important;
  grid-template-columns: 1fr 1fr !important;
  gap:14px 18px !important;
}
@media (max-width: 580px){
  .auction-info .ai-grid{ grid-template-columns: 1fr !important; }
}

/* Item de detalhe (ícone + título + valor) */
.auction-info .ai-item{
  display:flex !important;
  gap:12px !important;
  align-items:flex-start !important;
  background: #fff !important;
  border: 1px solid #fae6ec !important;
  border-radius: 14px !important;
  padding: 12px 14px !important;
}
.auction-info .ai-ico{
  width:36px !important; height:36px !important;
  border-radius: 10px !important;
  background: color-mix(in oklab, var(--brand) 10%, #fae6ec) !important;
  display:inline-flex !important;
  align-items:center !important; justify-content:center !important;
  flex: 0 0 36px !important;
}
.auction-info .ai-ico i{
  color: var(--brand) !important; font-size: 1rem !important;
}
.auction-info .ai-lines{ line-height:1.2 !important; }
.auction-info .ai-label{
  display:block !important; font-size:.78rem !important; letter-spacing:.02em !important;
  color: var(--muted) !important; margin-bottom:2px !important; text-transform: uppercase !important;
}
.auction-info .ai-val{
  display:block !important; font-size:13px !important;
}

/* Observação final */
.auction-info .ai-note{
  margin-top: 12px !important;
  background: #fff !important;
  border: 1px dashed #fae6ec !important;
  color: var(--muted) !important;
  border-radius: 12px !important;
  padding: 10px 12px !important;
  font-size: .93rem !important;
}

/* Coluna Direita (links/ações) */
.auction-info .ai-right{
  padding: 18px 18px 22px !important;
  border-left: 1px solid #fae6ec !important;
  background: linear-gradient(180deg, var(--surface-2), #fff) !important;
  display:flex !important; flex-direction:column !important; gap:12px !important;
}
@media (max-width: 820px){
  .auction-info .ai-right{
    border-left: none !important;
    border-top: 1px solid #fae6ec !important;
  }
}

/* Botões */
.auction-info .ai-actions{
  display:flex !important; flex-direction:column !important; gap:10px !important;
}
.auction-info .ai-btn{
  display:inline-flex !important; align-items:center !important; gap:10px !important;
  padding: 12px 14px !important; border-radius: 12px !important; font-weight:800 !important;
  text-decoration:none !important; cursor:pointer !important; user-select:none !important;
  border: 1px solid transparent !important;
  background:#fff !important; color: var(--brand-2) !important;
  box-shadow: 0 6px 16px rgba(0,0,0,.06) !important;
  transition: transform .15s ease, box-shadow .2s ease, filter .2s ease !important;
}
.auction-info .ai-btn:hover{ transform: translateY(-1px) !important; box-shadow: 0 10px 22px rgba(0,0,0,.10) !important; }
.auction-info .ai-btn i{ color: var(--brand) !important; }

/* Destaque primário */
.auction-info .ai-btn--primary{
  background: linear-gradient(90deg, var(--brand), var(--brand-2)) !important;
  color:#fff !important;
  box-shadow: 0 12px 26px #49091c !important;
}
.auction-info .ai-btn--primary i{ color:#fff !important; }

/* Rodapé da coluna direita: dica/aviso */
.auction-info .ai-right small{
  display:block !important;
  color: var(--muted) !important;
  margin-top: 6px !important;
}

/* Utilidades */
.ai-divider{
  height:1px !important; background:#fae6ec !important; margin: 10px 0 !important;
}
/* FIM - TOPO LOTE*/
/* ===== PALETA PEDIDA (usar sempre estes nomes) ===== */
  :root{
    --cor-de-fundo-primaria: white;
    --cor-destaque-primaria: #49091c;
    --cor-destaque-secundaria: #49091c;
    --cor-destaque-terciaria: #49091c;
    --cor-fonte-branco: white;
    --cor-fonte-verde: #49091c;

    /* ====== utilidades não cromáticas ====== */
    --faq-radius: 14px;
    --faq-shadow: 0 8px 24px #49091c; /* usa sec. em alpha */
  }
  /* ===== LAYOUT CONTAINER ===== */
  .faq-centerr{max-width:1100px;margin:0 auto;padding:28px}
  .faq-pt40{padding-top:40px}.faq-pb40{padding-bottom:40px}.faq-pt30{padding-top:30px}.faq-h20{height:20px}

  /* ===== CABEÇALHO ===== */
  .faq-header{display:flex;align-items:center;gap:18px;margin-bottom:8px}
  .faq-title{
    font-size:clamp(22px,2.4vw,32px); font-weight:800; letter-spacing:.02em;
    color:var(--cor-destaque-primaria);
  }
  .faq-rule{
    height:4px; flex:1; border-radius:999px;
    background:linear-gradient(90deg, var(--cor-destaque-primaria), #49091c, transparent);
  }
  .faq-subrule{
    width:120px;height:4px;border-radius:999px;
    background: color-mix(in srgb, var(--cor-destaque-terciaria) 22%, var(--cor-de-fundo-primaria));
    opacity:.7;margin:10px 0 0 6px
  }

  /* ===== GRID – 2 colunas (1 no mobile) ===== */
  .faq-grid{
    display:grid; grid-template-columns:repeat(2, minmax(0,1fr)); gap:18px; list-style:none; padding:0; margin:0;
  }
  @media (max-width:820px){ .faq-grid{grid-template-columns:1fr} }

  /* ===== CARD ===== */
  .faq-item{
    border:1px solid color-mix(in srgb, var(--cor-destaque-terciaria) 16%, var(--cor-de-fundo-primaria));
    border-radius:var(--faq-radius);
    background:
      linear-gradient(180deg, color-mix(in srgb, var(--cor-destaque-terciaria) 2%, transparent), transparent),
      var(--cor-de-fundo-primaria);
    box-shadow: var(--faq-shadow);
    overflow:hidden; transition: transform .12s ease, border-color .2s ease;
  }
  .faq-item:hover{ transform: translateY(-1px) }
  .faq-item:focus-within{ outline: none; box-shadow: var(--faq-shadow), 0 0 0 3px color-mix(in srgb, var(--cor-destaque-primaria) 28%, transparent) }

  /* ===== CABEÇALHO DO CARD ===== */
  .faq-head{
    display:grid; grid-template-columns:64px 1fr 44px; align-items:stretch;
    cursor:pointer; min-height:68px; position:relative; user-select:none;
  }
  .faq-number{
    display:flex; align-items:center; justify-content:center;
    font-weight:800; color:var(--cor-destaque-secundaria);
    background:linear-gradient(180deg, color-mix(in srgb, var(--cor-destaque-terciaria) 7%, transparent), transparent);
    border-right:1px solid color-mix(in srgb, var(--cor-destaque-terciaria) 16%, var(--cor-de-fundo-primaria));
  }
  .faq-summary{display:flex; flex-direction:column; justify-content:center; padding:14px 18px}
  .faq-question{font-size:16.5px; font-weight:700}
  .faq-desc{font-size:13px; color:var(--cor-fonte-verde); margin-top:4px}

  /* ===== ÍCONE (SVG inline) ===== */
  .faq-icon{display:flex; align-items:center; justify-content:center}
  .faq-icon svg{width:18px;height:18px; stroke: color-mix(in srgb, var(--cor-destaque-secundaria) 65%, var(--cor-de-fundo-primaria)); transition: transform .25s ease, opacity .25s ease}
  .faq-item.faq-ativo .faq-icon .faq-plus{opacity:0; transform:rotate(90deg)}
  .faq-item.faq-ativo .faq-icon .faq-minus{opacity:1}
  .faq-icon .faq-minus{opacity:0; position:absolute}

  .faq-accent{
    position:absolute; left:0; right:0; bottom:0; height:3px; opacity:0;
    background:linear-gradient(90deg, var(--cor-destaque-primaria), var(--cor-destaque-terciaria));
    transition:opacity .25s ease;
  }

  /* ===== CORPO ===== */
  .faq-body{
    border-top:1px solid color-mix(in srgb, var(--cor-destaque-terciaria) 16%, var(--cor-de-fundo-primaria));
    max-height:0; overflow:hidden; padding:0 18px; opacity:0;
    transition:max-height .35s ease, padding .25s ease, opacity .25s ease;
  }
  .faq-body .faq-txt{padding:14px 0; line-height:1.7}
  .faq-body .faq-txt p{margin:0 0 10px}
  .faq-body .faq-txt a{color:var(--cor-destaque-primaria); text-decoration:none}
  .faq-body .faq-txt a:hover{text-decoration:underline}

  /* ===== ESTADO ABERTO ===== */
  .faq-item.faq-ativo .faq-accent{opacity:1}
  .faq-item.faq-ativo .faq-body{max-height:520px; padding:14px 18px; opacity:1}

  /* ===== ACESSIBILIDADE ===== */
  .faq-trigger:focus-visible{outline:none; box-shadow: 0 0 0 3px color-mix(in srgb, var(--cor-destaque-primaria) 28%, transparent); border-radius:8px}
  .fale-app { --fale-primary:#c30a22; --fale-primary-2:#c30a22; --fale-bg:#fae6ec; --fale-card:#ffffff; --fale-text:#49091c; --fale-muted:#c30a22; --fale-border:#fae6ec; --fale-ring:rgba(14,165,233,.2); font-family: Inter, system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif; color: var(--fale-text); background: var(--fale-bg); min-height: 100dvh; display: grid; place-items: center; padding: 24px; }      /* Layout */
      .fale-container { width: 100%; max-width: 1100px; display: grid; grid-template-columns: 1fr; gap: 24px; }
      .fale-card { background: var(--fale-card); border: 1px solid var(--fale-border); border-radius: 16px; padding: 28px; box-shadow: 0 10px 30px #49091c; }
      .fale-stack { display: grid; gap: 14px; }
      .fale-row { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; }
      .fale-col { display: grid; gap: 14px; }
      .fale-grid2 { display: grid; grid-template-columns: 1fr 1fr; gap: 16px; }
      @media (max-width: 900px){ .fale-grid2 { grid-template-columns: 1fr; } }

      /* Cabeçalho / título */ / título */
      .fale-brand { display: flex; align-items: center; gap: 12px; margin-bottom: 6px; }
      .fale-logo { width: 42px; height: 42px; display: grid; place-items: center; border-radius: 12px; background: linear-gradient(135deg, var(--fale-primary), var(--fale-primary-2)); color: #fff; font-weight: 700; }
      .fale-heading { font-size: 1.75rem; font-weight: 700; letter-spacing: .2px; margin: 8px 0 8px; color: var(--fale-text); }
      .fale-muted { color: var(--fale-muted); font-size: .98rem; }

      /* Formulário */
      .fale-form { display: grid; gap: 14px; }
      .fale-field { display: grid; gap: 8px; }
      .fale-label { font-size: .92rem; font-weight: 600; letter-spacing: .2px; color: var(--fale-text); }
      .fale-inputWrap { display: flex; align-items: center; gap: 10px; border: 1px solid var(--fale-border); background: #ffffff; border-radius: 14px; padding: 12px 14px; transition: box-shadow .2s, border-color .2s; }
      .fale-inputWrap:focus-within { border-color: var(--fale-primary); box-shadow: 0 0 0 4px var(--fale-ring); }
      .fale-icon { color: var(--fale-muted); min-width: 18px; text-align: center; }
      .fale-input, .fale-textarea, .fale-select { width: 100%; background: transparent; border: 0; outline: none; color: var(--fale-text); font-size: 1rem; }
      .fale-textarea { resize: vertical; min-height: 120px; }      /* Ações */
      .fale-actions { display: grid; gap: 10px; margin-top: 8px; }
      .fale-btnPrimary { border: 0; cursor: pointer; border-radius: 14px; padding: 12px 14px; font-weight: 700; color: #fff; background: linear-gradient(135deg, var(--fale-primary), var(--fale-primary-2)); box-shadow: 0 10px 26px #c30a22; transition: transform .06s ease, box-shadow .2s; text-decoration: none; display: inline-flex; align-items: center; gap: 10px; justify-content: center; }
      .fale-btnPrimary:hover { transform: translateY(-1px); }
      .fale-btnPrimary:active { transform: translateY(0); }
      .fale-btnLine { border: 1px solid var(--fale-border); background: #fff; color: var(--fale-text); border-radius: 12px; padding: 10px 12px; font-weight: 600; text-decoration: none; display: inline-flex; align-items: center; gap: 8px; }
      .fale-ctaBar { display: flex; flex-wrap: wrap; gap: 10px; }
      .fale-feedbackError { color: #dc2626; font-size: .92rem; display: none; }
      .fale-feedbackOk { color: #16a34a; font-size: .98rem; display: none; }

      /* Blocos de contato */
      .fale-side { display: grid; gap: 16px; }
      .fale-infoItem { display: grid; gap: 8px; padding: 16px; border-radius: 14px; border: 1px solid var(--fale-border); background: var(--fale-card); }
      .fale-infoTitle { font-weight: 700; font-size: .98rem; letter-spacing: .2px; color: var(--fale-text); }
      .fale-infoLine { color: var(--fale-muted); font-size: .98rem; }
      .fale-infoLink { color: var(--fale-primary); text-decoration: none; }

      /* Badges/horários */
      .fale-badges { display: flex; flex-wrap: wrap; gap: 8px; }
      .fale-badge { display: inline-flex; align-items: center; gap: 8px; padding: 8px 12px; border-radius: 999px; border: 1px solid var(--fale-border); background: #ffffff; color: var(--fale-text); font-size: .92rem; }

      /* Responsivo */
      @media (max-width: 960px) { .fale-container { grid-template-columns: 1fr; } }
      @media (max-width: 560px) { .fale-row { grid-template-columns: 1fr; } }