@import url('https://fonts.googleapis.com/css2?family=Oswald:wght@200..700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap');

:root{ 

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

	/* cores padrões */
	--color-primary: #0184CF;
	--color-secondary: #0174B8;
	--color-text: #0C0C0D;

	/* botões */
	--btn-color-primary: var(--color-text);
	--btn-color-secondary: var(--color-primary);

	/* menu topo */
	--menu-back: #0184CF;
	--menu-color: #fff;
	--menu-hover-back: rgba(255,255,255,0.1);
	--menu-hover-color: #FFF;
	--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-text);
	--product-price: var(--color-primary);
	--product-price-standard: #999;
	--product-price-parcel: var(--color-text);
	--product-cart-back: var(--color-text);
	--product-cart-color: #FFF;
	--product-add-cart: var(--color-primary);
	--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: 'Oswald', sans-serif;

}


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); color: #FFF; }
.bg-primary h2 { color: #FFF; }

.bg-dark h2, .bg-light h2, .bg-primary h2 { color: #FFF; }

/* header logo */
header #logo.navbar { background-image: linear-gradient(to right, var(--color-primary), var(--color-secondary), var(--color-primary)); }
/*header.home #logo.navbar { position: absolute; width: 100%; z-index: 1; background: transparent; }*/
#video-background { position: relative; width: 100%; min-height: 100vh; }

/* 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; line-height: 1.3em; border-radius: 3px; font-size: 1.2em; font-weight: 500; letter-spacing: 0.05em; font-family: "Oswald", sans-serif; }
header .navbar-nav a:hover, header .navbar-nav a:active, header .navbar-nav a.active { color: rgba(255,255,255,0.7); }
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{ position: relative; }
#slider .slider-content { width: 100%; height: 100vh; display: flex; justify-content: center; align-items: center; }
#slider .slider-text { text-align: center; color: #FFF; position: absolute; width: 100%; max-width: 990px; margin-top: 60px; }
#slider .slider-text h2 { color: #FFF; font-size: 4.8em; font-weight: 700; letter-spacing: 0.15em; animation: fadeInUp 1s ease-in 0s 1 normal forwards; }
#slider .slider-text p { font-size: 1.2em; letter-spacing: 0.04em; margin: 30px 0 0 0; line-height: 1.7em; opacity: 0; animation: fadeIn 1s ease-in 1s 1 normal forwards; }
.vegas-timer-progress {background: var(--color-secondary);}
#slider .fas { position: absolute; top: calc(50% - 5px); color:rgba(255,255,255,0.3); font-size: 5em; cursor: pointer; transition: all 0.5s; }
#slider .fas:hover { color:rgba(255,255,255,0.7); }
#slider .fa-chevron-left { left: 15px; }
#slider .fa-chevron-right { right: 15px; }

.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.6em; font-weight:500; }
.box-chamada h2 { font-size: 2.8em; font-weight: 700; letter-spacing: -0.05em; }
.box-chamada .btn { margin-top: 20px; }
      
/* footer */
footer { background: #FFF; border-top: 1px solid rgba(0,0,0,0.09); }
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 {  color: rgba(0,0,0,.7); font-weight: 400 }

@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; }
}