/* ======================================================================
   BASE
   ====================================================================== */

body{
	background-color:#ededed;
	font-family:"Roboto";
	color:#212529;
}

body a{
	color:#4b4b4b;
	text-decoration:none;
	transition:color 0.3s ease;
}

body a:hover{
	color:#000;
	text-decoration:none;
}


/* ======================================================================
   UTILITÁRIOS
   ====================================================================== */

/* Margens Top */
.mt5{margin-top:5px;}
.mt10{margin-top:10px;}
.mt20{margin-top:20px;}
.mt30{margin-top:30px;}
.mt40{margin-top:40px;}
.mt50{margin-top:50px;}
.mt60{margin-top:60px;}
.mt70{margin-top:70px;}
.mt80{margin-top:80px;}
.mt90{margin-top:90px;}
.mt100{margin-top:100px;}
.mt110{margin-top:110px;}
.mt120{margin-top:120px;}
.mt130{margin-top:130px;}
.mt140{margin-top:140px;}
.mt150{margin-top:150px;}

/* Margens Bottom */
.mb5{margin-bottom:5px;}
.mb10{margin-bottom:10px;}
.mb20{margin-bottom:20px;}
.mb30{margin-bottom:30px;}
.mb40{margin-bottom:40px;}
.mb50{margin-bottom:50px;}
.mb60{margin-bottom:60px;}
.mb70{margin-bottom:70px;}
.mb80{margin-bottom:80px;}
.mb90{margin-bottom:90px;}
.mb100{margin-bottom:100px;}
.mb110{margin-bottom:110px;}
.mb120{margin-bottom:120px;}
.mb130{margin-bottom:130px;}
.mb140{margin-bottom:140px;}
.mb150{margin-bottom:150px;}

.centered{
	margin:0 auto !important;
	float:none !important;
}


/* ======================================================================
   COMPONENTES GERAIS
   ====================================================================== */

.logo-round{
	border-radius:50%;
	overflow:hidden;
	display:inline-block;
	width:220px;
}

.img-thumbnail{
	border:1px solid #c1c1c1;
}

.form-label{
	margin-bottom:0;
}

.char-count{
	font-size:12px;
	margin-top:2px;
	margin-bottom:10px;
}

.msg-cad{
	color:#A40002;
	text-align:center;
}

.form-container{
	width:100%;
	margin:0 auto;
	padding:20px;
	background-color:#e7e7e7;
	border-radius:8px;
	box-shadow:0 4px 8px rgba(0,0,0,0.1);
}

.scrollToTop{
	position:fixed;
	right:20px;
	bottom:20px;
	width:36px;
	height:36px;
	background:rgba(0,0,0,.35);
	border-radius:50%;
	text-align:center;
	font-size:18px;
	z-index:99999;
	color:#000;
	transition:all .25s ease;
	display:flex;
	align-items:center;
	justify-content:center;
}

.scrollToTop:hover{
	background:rgba(0,0,0,.55);
}

.scrollToTop.invert{
	background:rgba(255,255,255,.35);
	color:#fff;
}

.scrollToTop.invert:hover{
	background:rgba(255,255,255,.55);
}


/* ======================================================================
   NAVBAR
   ====================================================================== */

.navbar{
	box-shadow:0 4px 8px rgba(0,0,0,0.1);
	background-color:rgba(255,255,255,0.85);
}

.navbar-nav .nav-link{
	color:#5C5C5C;
	font-weight:500;
}

.navbar-nav .nav-link:hover{
	color:#000;
}

.sci-navbar{
	min-height:60px;
	padding-top:0;
	padding-bottom:0;
}

.sci-navbar .container{
	min-height:60px;
}

.sci-navbar .navbar-brand{
	position:relative;
	height:60px;
	display:flex;
	align-items:flex-start;
	margin:0;
	padding:0;
}

.sci-navbar .sci-logo{
	height:120px;
	width:auto;
	display:block;
	padding:10px;
	background-color:#fff;
}

.sci-navbar .navbar-nav .nav-link{
	padding-top:0;
	padding-bottom:0;
	line-height:60px;
}

.sci-navbar .navbar-toggler{
	padding:0;
	height:30px;
	width:30px;
}

.navbar-toggler-icon{
	width:1em;
	height:1em;
}


/* ======================================================================
   BREADCRUMB
   ====================================================================== */


.breadcrumb{
	background-color:transparent;
	padding:0;
	margin:0;
}

.breadcrumb-item a{
	color:#4b4b4b;
	text-decoration:none;
	font-weight:500;
	transition:color 0.3s ease;
}

.breadcrumb-item a:hover{
	color:#000;
	text-decoration:none;
}

.breadcrumb-item.active{
	color:#787878;
	font-weight:500;
}

.breadcrumb-item + .breadcrumb-item::before{
	content:"›";
	color:#007bff;
	padding:0 8px;
}


/* ======================================================================
   TOPO BANNERS / CAPTION
   ====================================================================== */

/*
#topo_banner, #topo_produto{
	margin-top:312px;
}
*/

#topo_banner h3,
#topo_produto h3{
	font-size:32px;
	text-shadow:2px 2px 4px rgba(0,0,0,0.5);
	text-transform:uppercase;
}

#topo_banner h4,
#topo_produto h4{
	font-size:20px;
	text-shadow:2px 2px 4px rgba(0,0,0,0.5);
	font-weight: 300;
}

/* Mantido: pode existir em outras áreas do projeto */
.adjust{
	margin-top:-312px;
}


/* ======================================================================
   HOME – PRODUTOS (LEGADO)
   ====================================================================== */

#produtos h2{
	font-size:14px;
	margin:4px 0 4px 0;
}

#produtos h3{
	font-size:17px;
	margin:0;
}

#produtos h4{
	font-size:14px;
	margin:0 4px 0 0;
	color:#a60002;
}

.produtos-info{
	width:100%;
	background-color:#fff;
	margin-top:1px;
	margin-bottom:40px;
	padding-left:1px;
}

.img-produto-home{
	max-height:80px;
	width:auto;
	margin-top:-5px;
	padding:0 10px 0 0;
}


/* ======================================================================
   REGIÕES (BOX + BOTÕES)
   ====================================================================== */

.box-regiao{
	background-color:#e57b2d;
	height:80px;
	text-align:center;
	margin:0 10px 30px 0;
	display:flex;
	justify-content:center;
	align-items:center;
}

.box-regiao:hover{
	background-color:#c05e16;
}

#regioes h2{
	color:#fff;
	text-transform:uppercase;
	font-size:24px;
	margin:0;
}

/* Botões regiões com contador */
.btn-regiao{
	list-style:none;
	margin:0;
	padding:0;
	display:flex;
	flex-wrap:wrap;
	gap:10px;
}

.btn-regiao li{
	margin:0;
	padding:0;
}

.btn-regiao li a{
	position:relative;
	display:inline-block;
	padding:10px 44px 10px 14px;
	border:1px solid #d7d7d7;
	border-radius:4px;
	background:#ffffff;
	color:#222;
	text-decoration:none;
	font-size:14px;
	line-height:1;
	transition:0.3s ease-in-out;
}

.btn-regiao li a:hover{
	background-color:#0567b7;
	border-color:#0567b7;
	color:#ffffff;
}

.btn-regiao li .contador{
	position:absolute;
	right:10px;
	top:50%;
	transform:translateY(-50%);
	width:20px;
	height:20px;
	border-radius:50px;
	background-color:#328cdf;
	color:#ffffff;
	display:flex;
	align-items:center;
	justify-content:center;
	font-size:11px;
	font-weight:700;
	transition:0.3s ease-in-out;
}

.btn-regiao li a:hover .contador{
	background-color:#ffffff;
	color:#0567b7;
	transform:translateY(-50%) scale(1.15);
	font-size:11px;
	font-weight:800;
}


/* ======================================================================
   LISTAS PERSONALIZADAS
   ====================================================================== */

.imgmcmv{
	width:220px;
	padding-right:30px;
}

.custom-list{
	list-style:none;
	padding-left:40px;
	margin-top:14px;
}

.custom-list li{
	background-image:url('../images/icons/check.png');
	background-repeat:no-repeat;
	background-position:0 5px;
	background-size:16px 16px;
	padding-left:25px;
	font-weight:bold;
}

.custom-list-2{
	list-style:none;
	color:#d1d1d1;
	padding:0;
}

.custom-list-2 li{
	padding:0;
	font-weight:200;
	font-size:13px;
}

.custom-list-2 li a{
	color:#d1d1d1;
}

.custom-list-2 li a:hover{
	color:#fff;
}


/* ======================================================================
   BANNER CONTATO / TOPO P
   ====================================================================== */


.banner-contato{
	padding:0;
	width:100%;
	height:auto;
	position:relative;
}

#topo-p .centered-text{
	position:absolute;
	top:50%;
	left:50%;
	transform:translate(-50%, -50%);
	color:#fff;
	font-weight:bold;
	text-shadow:2px 2px 4px rgba(0,0,0,0.5);
	z-index:1;
	text-align:center;
	white-space:nowrap;
	letter-spacing:2px;
	font-size:40px;
	margin-top:30px;
}

/* Mantido: você está usando para subir topo do produto */
#topo-produto{
	margin-top:-86px !important;
}


/* ======================================================================
   FICHA / IMAGENS / LEGENDAS
   ====================================================================== */

.img-ficha{
	width:120px;
	height:120px;
	margin:10px;
	border:1px solid #ABABAB;
	border-radius:50%;
	object-fit:cover;
}

.legenda{
	font-size:9px !important;
	margin:1px 0 0 6px;
	line-height:12px;
	margin-left:20px;
	font-style:italic;
}

/* FICHA TECNICA */
.ft{
	font-size:0.9rem;
	line-height:1.1rem;
	border-bottom:1px solid;
	border-color:#ABABAB;
	padding:5px 8px 5px 8px;
	background-color:rgba(255,255,255,0.90);
}

.ft span{
	font-weight:bold;
}

.box-entrega{
	background-color:#87080A !important;
	border-radius:.375rem;
	padding:10px 4px;
	font-size:0.9rem;
}

.resumo{
	font-size:14px;
	line-height:16px;
	margin-top: 4px;
}

.localizacao{
	font-size:15px;
}

.texto-legal{
	font-size:10px;
	line-height:11px;
	font-style:italic;
}

.texto-lgpd {
	font-size:11px;
}

.texto-lgpd a{
	color: #0567b7;
}

.texto-lgpd a:hover{
	color: #328cdf;
}


/* ======================================================================
   ITENS (CHECK LIST GRANDE)
   ====================================================================== */

.itens ul li{
	background-image:url(../images/icons/check.png);
	background-size:25px;
	background-position:0px;
	background-repeat:no-repeat;
	padding-left:38px;
	margin:4px 40px;
	font-size:20px;
	list-style-type:none;
	font-weight:500;
}


/* ======================================================================
   TOPO / LOGOS / BARRA
   ====================================================================== */

.mcmvcad1{
	background-color:#f6f6f6;
}

.mcmvcad2{
	padding-top:50px;
	padding-bottom:50px;
}

.logos{
	background-color:#ffffff;
	color:#000000;
}

.topo{
	width:500px;
	margin:0 auto;
	padding:20px;
}

.image-s{
	width:300px;
}

.sp-img{
	margin-bottom:20px;
	cursor:pointer;
}

.barra-top{
	background-color:#004c96;
	color:#ffffff;
	text-align:center;
	font-size:30px;
	text-transform:uppercase;
	font-weight:bold;
	padding:19px 0 0 0;
}

.logogcl{
	width:484px;
	margin-top:40px;
	margin-left:20%;
	z-index:99999;
}


/* ======================================================================
   FOOTER
   ====================================================================== */

#footer ul li{
	list-style:none;
}

.footer-pri{
	display:flex;
	justify-content:center;
	align-items:center;
	background-color:#525252;
	border-top:2px solid #328cdf;
	box-shadow:0 -4px 8px rgba(0,0,0,0.1);
}

.footer-sec{
	background-color:#363636;
	border-top:1px solid #000;
}

.item-footer{
	font-size:19px;
	color:#6da5d8;
	margin:0;
	padding:0;
}

.bi-instagram,
.bi-facebook,
.bi-youtube{
	font-size:32px;
	color:#d1d1d1;
}

.bi-instagram:hover,
.bi-facebook:hover,
.bi-youtube:hover{
	color:#fff;
}

.img-footer{
	width:180px;
	height:auto;
}

.newsletter{
	font-size:13px;
	color:#d1d1d1;
	font-weight:200;
	line-height:15px;
}

.copyright{
	font-size:12px;
	color:#e5e5e5;
	margin-top:20px;
	font-weight:200;
}

.copyright a{
	color:#e5e5e5;
	text-decoration:none;
}

.copyright a:hover{
	color:#ffffff;
	text-decoration:none;
}


/* ======================================================================
   HOME – PRODUTOS (SCI) – NOVO BLOCO
   ====================================================================== */

/* Link geral do produto */
.sci-produto-link{
	display:block;
	text-decoration:none;
	color:inherit;
}

/* Box genérico (estilo thumbnail clássico) */
.sci-produto-box{
	background:#fff;
	border:1px solid rgba(0,0,0,.12);
	border-radius:.25rem;
	overflow:hidden;
}

/* BOX 1 – FOTO */
.sci-produto-box-foto{
	margin-bottom:.35rem;
}

.sci-produto-img{
	width:100%;
	height:auto;
	display:block;
}

/* BOX 2 – INFO (ALTURA FIXA EM TODAS AS TELAS) */
.sci-produto-box-info{
	min-height:80px;
	display:flex;
	align-items:center;
}

.sci-produto-info{
	display:flex;
	align-items:center;
	width:100%;
}

/* Logo – tamanho travado (igual ao layout antigo) */
.sci-produto-logo-wrap{
	flex:0 0 auto;
	display:flex;
	align-items:center;
	justify-content:center;
	width:64px;
	height:48px;
}

.sci-produto-logo{
	max-width:64px;
	max-height:48px;
	width:auto;
	height:auto;
	object-fit:contain;
	display:block;
}

/* Texto */
.sci-produto-texto{
	min-width:0;
}

.sci-produto-titulo{
	font-size:.95rem;
	line-height:1.15;
	margin:0;
	font-weight:600;
}

.sci-produto-regiao{
	font-size:1.05rem;
	line-height:1.15;
	margin:.15rem 0 0 0;
	font-weight:700;
}

.sci-produto-chamada{
	font-size:.9rem;
	line-height:1.15;
	margin:.15rem 0 0 0;
	font-weight:400;
	color:#b30000;
}


/* ======================================================================
   GALERIA DE IMAGENS DO PRODUTO (SCI)
   ====================================================================== */

.sci-imagens-wrap .sci-img-item{
	display:flex;
	flex-direction:column;
}

.sci-imagens-wrap .sci-row-galeria{
	margin-left:-10px;
	margin-right:-10px;
}

.sci-imagens-wrap .sci-row-galeria > [class*="col-"]{
	padding-left:10px;
	padding-right:10px;
}

.sci-imagens-wrap .sci-thumb{
	width:100%;
	height:auto;
	display:block;
}

.sci-imagens-wrap .sci-thumb-fit{
	width:100%;
	/*aspect-ratio:4 / 3;*/
	overflow:hidden;
}

.sci-imagens-wrap .sci-thumb-fit img{
	width:100%;
	height:100%;
	object-fit:cover;
	display:block;
}

.sci-img-item a{
	cursor:pointer;
}

.sci-imagens-wrap .sci-legenda{
	text-align:left;
	font-size:11px;
	font-style:italic;
	margin-top:4px;
	line-height:1.2;
}


/* ======================================================================
   WHATSAPP FIXO
   ====================================================================== */

.whats-button{
	position:fixed;
	bottom:20px;
	left:20px;
	z-index:999;
	width:58px;
	height:58px;
	cursor:pointer;
}

.fix-whatsapp{
	z-index:999;
}


/* ======================================================================
   BANNER SCI (SELO VENDIDO)
   ====================================================================== */

.sci-banner-wrap{
	position:relative;
}

.sci-selo-vendido{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	z-index:10;
	object-fit:contain;
	object-position:top left;
	pointer-events:none;
	display:block;
}


/* ======================================================================
   BOTÕES
   ====================================================================== */

.btn-informativo{
	background-color:#5585c8;
	border-color:#5585c8;
}

.btn-informativo:hover{
	background-color:#0567b7 !important;
	border-color:#0567b7 !important;
}

.btn-cadastro{
	background-color:#5585c8;
	border-color:#5585c8;
}

.btn-cadastro:hover{
	background-color:#0567b7 !important;
	border-color:#0567b7 !important;
}

.btn-act {
	/*width: 160px;*/
	height: 30px;
	border-color: none;
	font-weight: 400;
	font-size: 0.8rem;
	margin: 0 0 10px 0;
	color: #fff;
	border-radius: 0.375rem;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 0 10px;
}

.btn-book {
	background-color: #c68000 !important;
}

.btn-book:hover {
	background-color: #f09c02 !important;
	color: #fff;
}

.btn-video {
	background-color: #8a030f !important;
}

.btn-video:hover {
	background-color: #c80315 !important;
	color: #fff;
}

.btn-whatsapp {
	background-color: #075E54;
}

.btn-whatsapp:hover {
	background-color: ##0d9d8c;
	color: #fff;
}

.btn-facebook {
	background-color: #3b5998;
}

.btn-facebook:hover {
	background-color: #328cdf;
	color: #fff;
}

.act{
	font-size: 16px;
	font-weight: bold;
	margin-left: 10px;
	color: #fff;
}

/* ======================================================================
   BANNERS (HOME CAROUSEL + PRODUTO)
   ====================================================================== */

/* Banner começa no topo, por trás da navbar transparente */
#topo_banner{
	padding-top:0 !important;
	/*margin-top:-86px !important;*/
}

/* HOME – CAROUSEL (usa .banner_item no .carousel-item) */
#topo_banner .banner_item{
	position:relative;
	overflow:hidden;
	width:100%;
}

#topo_banner .banner_item > img{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	object-fit:cover;
}

#topo_banner .banner_item .carousel-caption{
	z-index:2;
}

.carousel-caption{
padding-bottom: 4.25rem;
}


/* PRODUTO – BANNER (usa .sci-banner-wrap) */
#topo_banner .sci-banner-wrap{
	position:relative;
	overflow:hidden;
	width:100%;
}

#topo_banner .sci-banner-wrap > img.img-fluid{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	object-fit:cover;
	object-position:center;
	display:block;
}


.banner_item {
    position: relative;
}

.banner-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
	background: rgb(1 28 70 / 35%);
    z-index: 1;
}

.carousel-caption {
    position: absolute;
    z-index: 2;
}



/* ======================================================================
   RESPONSIVO (ORDENADO DO MAIOR PARA O MENOR)
   ====================================================================== */

@media (max-width: 1399.98px){
	#topo-p{
		margin-top:86px !important;
	}

	#topo-p h1{
		font-size:28px !important;
		margin-top:-2px !important;
	}
}

@media (max-width: 1199.98px){
	#produtos h2{font-size:12px;}
	#produtos h3{font-size:13px;}
	#produtos h4{font-size:11px;}

	#topo_banner h3,
	#topo_produto h3{font-size:20px;}

	#topo_banner h4,
	#topo_produto h4{font-size:12px;}

	.adjust{margin-top:-226px;}

	.navbar-nav .dropdown-menu{
		background-color:#343a40;
	}

	.navbar-nav .dropdown-item{
		color:#ffffff;
	}

	.navbar-nav .dropdown-item:hover,
	.navbar-nav .dropdown-item:focus{
		background-color:#495057;
		color:#ffffff;
	}

	#topo-p{
		margin-top:86px !important;
	}

	#topo-p h1{
		font-size:28px !important;
		margin-top:-2px !important;
	}
}

@media (max-width: 991.98px){
	/* Navbar: no mobile, links voltam ao normal */
	.sci-navbar .navbar-collapse{
		background:inherit;
	}

	.sci-navbar .navbar-nav .nav-link{
		line-height:1.2;
		padding-top:.5rem;
		padding-bottom:.5rem;
	}

	#topo-p h1{
		font-size:20px !important;
		margin-top:-2px !important;
	}

	#topo_banner h3,
	#topo_produto h3{font-size:15px;}

	#topo_banner h4,
	#topo_produto h4{font-size:10px;}

	.barra-top{
		font-size:20px;
	}

	/* Proporção – HOME carousel */
	#topo_banner .banner_item{
		aspect-ratio:4 / 3;
	}

	/* Proporção – PRODUTO banner */
	#topo_banner .sci-banner-wrap{
		aspect-ratio:4 / 3;
	}
}

@media (max-width: 767.98px){
	#produtos h4{font-size:9px;}

	#topo_banner h3,
	#topo_produto h3{font-size:13px;}

	#topo_banner h4,
	#topo_produto h4{font-size:10px;}

	.img-ficha{
		width:90px;
		height:90px;
		margin:5px;
	}

	.barra-top{
		font-size:20px;
	}

	/* Proporção – HOME carousel */
	#topo_banner .banner_item{
		aspect-ratio:1 / 1; /* se quiser menos quadrado: 4 / 5 */
	}

	/* Proporção – PRODUTO banner */
	#topo_banner .sci-banner-wrap{
		aspect-ratio:1 / 1; /* se quiser menos quadrado: 4 / 5 */
	}
}

@media (max-width: 575.98px){
	.sci-logo{
		height:75px !important;
	}
}

@media (min-width: 992px){
	#topo_banner .banner_item{
		aspect-ratio:16 / 6;
	}

	#topo_banner .sci-banner-wrap{
		aspect-ratio:16 / 6;
	}
}

.sci-produto-box-foto{
	position:relative;
}
.sci-produto-box-foto .sci-produto-img{
	display:block;
	width:100%;
	height:auto;
}
.sci-produto-bairro-faixa{
	position:absolute;
	right:5px;
	bottom:5px;
	display:inline-block;
	padding:4px 10px 5px 11px;
	background:#c00000;
	color:#fff;
	font-size:11px;
	letter-spacing:0.5px;
	text-transform:uppercase;
	line-height:1;
	font-weight:600;
	z-index:2;
	white-space:nowrap;
}
.sci-produto-box-info{
	padding:10px 10px 12px 10px;
}
.sci-produto-tipologias{
	margin-bottom:6px;
	line-height:1;
	white-space:nowrap;
	overflow:hidden;
}
.sci-produto-tipologia-tag{
	display:inline-block;
	background-color:#8ca7e1;
	padding:3px 7px;
	margin-right:4px;
	border-radius:10px;
	color:#ffffff;
	font-size:12px;
	font-weight:600;
}
.sci-produto-desc1{
	font-size:14px;
	font-weight:700;
	color:#000;
	margin-bottom:0;
}
.sci-produto-desc2 {
    font-size: 13px;
    color: #444;
    margin-top: -4px;
}
.sci-produto-entrega{
	font-size:12px;
	color:#666;
	margin-bottom:8px;
}
.sci-produto-cta{
	padding-left:2px;
}
.sci-card-link {
    display: inline-block;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 10px;
    font-weight: 100;
    color: #ffffff;
    background-color: #7ca15a;
    border-radius: 10px;
    text-transform: uppercase;
    padding: 4px 12px;
    /* margin-left: -3px; */
    /* margin-bottom: 30px; */
    margin: 10px 0 5px -3px;
}