@import url('https://fonts.googleapis.com/css?family=Montserrat:100,100i,200,200i,300,300i,400,400i,500,500i,600,600i,700,700i,800,800i,900,900i');
@import url('https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.6.0/css/all.min.css');

:root{ 

	font-family: 'Montserrat', sans-serif;

	/* cores padrões */
	--color-primary: #001E56;
	--color-secondary: #FF2DA6;
	--color-text: #061117;

	/* botões */
	--btn-color-primary: #00BFFF;
	--btn-color-secondary: #FF2DA6;

	/* menu topo */
	--menu-back: #01353C;
	--menu-color: #FFF;
	--menu-hover-back: #74EAD5;
	--menu-hover-color: #01353C;
	--menu-drop-back: #FCFCFC;
	--menu-drop-color: var(--color-text);
	--menu-drop-hover: var(--color-primary);

	/* menu left */
	--menu-all-color-cat: rgba(21,21,21,1);
	--menu-all-color-sub: rgba(21,21,21,0.8);
	--menu-all-color-hover: var(--color-primary);
	--menu-all-header: var(--color-primary);

	/* produtos */
	--product-label: var(--color-primary);
	--product-tag: var(--product-cart-back);
	--product-title: var(--color-text);
	--product-title-internal: var(--color-primary);
	--product-price: var(--color-primary);
	--product-price-standard: #999;
	--product-price-parcel: var(--color-text);
	--product-cart-back: var(--color-secondary);
	--product-cart-color: #FFF;
	--product-add-cart: var(--color-secondary);
	--product-list: 3;

	/* slider produtos */
	--slider-title-color: var(--color-text);
	--slider-title-line: #FFF;
	--slider-nav-color: var(--color-text);
	--slider-nav-back: rgba(255,255,255,0.6);
	--slider-nav-hover-color: #FFF;
	--slider-nav-hover-back: var(--color-primary);	
	--slider-font-family: var(--font-family);

}


body { background: #FFF; }
.slider-title span { background: #FFF; }
.slider-title hr { display: none; }
#breadcrumb { background: rgba(0,0,0,0.04); margin-bottom: 30px; }

.bg-primary { background: var(--color-primary) !important; color: #FFF; }
.bg-primary h2 { color: #FFF; }

.bg-secondary { background: var(--color-secondary) !important; color: #FFF; }
.bg-secondary h2 { color: #FFF; }

/* header logo */
header #logo.navbar { background: var(--color-primary); }
header #logo.navbar .navbar-brand img { width: auto; max-height: 100px; }

/* header carrinho */ /* header menu responsive */ /* seguro text */
header #logo.navbar .cart i, header #logo.navbar .menu-bar a, header #logo.navbar { color: #FFF; }
header #logo.navbar .cart .badge-cart { background: var(--color-secondary); color: #FFF; }

/* header busca */
header #logo.navbar form .form-control { background: #FFF; color: var(--color-text); border-color: #E7ECF1; }
header #logo.navbar form .form-control::placeholder { color: #999; }
header #logo.navbar form .btn-default { color: var(--color-text) !important; }

header .navbar-nav a{ color: var(--color-white); text-transform: uppercase; padding: 10px 15px !important; font-size: 1em; font-weight: 700; line-height: 1.3em; text-shadow: 2px 2px 5px rgba(0,0,0,0.2); border-radius: 3px; }
header .navbar-nav a:hover, header .navbar-nav a:active, header .navbar-nav a.active { color: var(--color-secondary); }
header .navbar-nav a.ativo { background: var(--color-secondary); color: #FFF; }
header .navbar-nav .dropdown-menu { background: #FFF; margin-top: 15px; }
header .navbar-nav .dropdown-menu a { font-size: 0.8em; color: var(--color-text); text-transform: uppercase; text-shadow: none; }
header .navbar-nav .dropdown-menu a:hover, header .navbar-nav .dropdown-menu a:active { background: none; color: var(--color-secondary); }

.slider-title { font-weight: 700; }

.product .content .title { font-size: 1.1em; height: 38px; text-transform: uppercase; margin: 20px 0; font-weight: 700; }
.product { border-radius: 3px; text-align: center; background: #fff; box-shadow: 0 0 1px rgba(0, 0, 0, .1); }
.product:hover { background: #FFF; box-shadow: 0 0 5px rgba(0, 0, 0, .1) !important; }
.product .content .btn-cart { opacity: 1; bottom: -50px; border-radius: 3px; }
@media (max-width:575.99px) {
	.product:hover .content .btn-cart { bottom: -50px }
}

/* news */
#news { background: var(--color-primary); color: #FFF;  }
#news h4 { color: #FFF; }

.title { font-weight: 700; }
/*.title-text { font-weight: 500; }*/

.box-chamada { font-size: 1.3em; line-height: 1.7em; font-weight:600; }
.box-chamada h2 { font-weight: 800; font-size: 1.7em; }
.box-chamada .btn { margin-top: 20px; }

.bg-box-1 { background: #00BFFF; }
.bg-box-2 { background: #FFD200; }

      
/* footer */
footer { background: var(--color-primary); font-weight: 400; }
footer .redes a.fab, footer .redes a.far, footer .redes a.fa-brands { font-size: 4em; color: var(--color-secondary); margin: 0 15px; }
footer .plataforma { /*background: #111;*/ color: rgba(255,255,255,0.6); }

@media (max-width:991.99px){
	/*.photo { height: 200px; }*/
	footer .redes h2 { font-size: 1.1em; }
	footer .redes a.fab, footer .redes a.far, footer .redes a.fa-brands { font-size: 2.2em; margin: 0 5px; }
	.text-free h2 { font-size: 2em; }
}

.text-free { font-size: 1em; font-weight: 500; letter-spacing: 0.03em; line-height: 1.8em; }
.text-free h2 { font-size: 3.5em; font-weight: 700; letter-spacing: -0.05em; }

#agenda { text-transform: uppercase; font-size: 1.2em; }
#agenda .agenda-item { display: flex; align-items: center; gap: 20px; padding-bottom: 35px; margin-bottom: 35px; height: 100%; border-bottom: 2px solid rgba(255,255,255,0.15); }
#agenda .agenda-item:last-child { border-bottom: 0; padding-bottom: 0; margin-bottom: 0; }
#agenda .agenda-item h4 {  font-size: 1.6em; font-weight: 600; color: #FFF; flex-grow:1; align-self:center; }
#agenda .agenda-item h4 small { display: block; font-size: .65em; font-weight: 400; color: rgba(255,255,255,0.6); letter-spacing: 0; }
#agenda .agenda-item h5 { font-size: 1.2em; line-height: 1.3em; color: rgba(255,255,255,0.5);  flex-basis:150px; }
#agenda .agenda-item h5 strong { font-size: 1.8em; color: var(--color-secondary); }
#agenda .agenda-item .btn { flex-basis:200px; border-color: var(--color-secondary); color: var(--color-secondary);  }

@media (max-width: 700px) {
	#agenda .agenda-item { display: block; }
	#agenda .agenda-item h4 { margin: 20px 0 30px 0; }
	#agenda .agenda-item .btn { display: block; }
}

.coming-soon { display: flex; align-items: center; justify-content: center; }
.coming-soon ul { display: flex; gap: 15px;  padding: 0; margin: 0; }
.coming-soon ul li { width: clamp(84px, 8.333vw, 240px); height: clamp(84px, 8.333vw, 240px); border: 0 solid #00BFFF; border-radius: 10px; background: #000; box-shadow: 5px 8px 0px #00BFFF; display: flex; align-items: center; flex-direction: column; justify-content: center; }
.coming-soon ul li h2 { color: #FFF; text-transform: uppercase; font-size: clamp(52px, 3.958vw, 92px); font-style: normal; font-weight: 700; line-height: 120%; text-shadow: 0 5px 0px var(--color-secondary); }
.coming-soon ul li h6{ color: #fff; font-size: clamp(18px, 1.042vw, 28px); font-weight: 700; line-height: 140%; text-transform: uppercase; }
@media (max-width: 700px) {
	.coming-soon ul li { 	width: 72px; height: 72px;  }
	.coming-soon ul li h2 { font-size: clamp(32px, 4.634vw, 48px); }
	.coming-soon ul li h6 { font-size: clamp(16px, 2.073vw, 21px); }
}