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

:root{ 

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

    /* cores padrões */
    --color-primary: #FF0423;
    --color-secondary: #191919;
    --color-tertiary: #E4E326; /*#FE2D34;*/
    --color-text: #444;
    --color-title: #000;
    --color-text-light: #555;
    --color-back: #FFF;
    --color-dark: #000;
    --color-light: #EFF3F5;
    --font-family: 'Roboto', sans-serif;

    /* botões */
    --btn-back: var(--color-primary);
    --btn-back-hover: var(--color-secondary);
    --btn-color: #FFF;
    --btn-color-hover: var(--btn-color);

    /* top bar */
    --bar-back: transparent;
    --bar-color: rgba(255,255,255,0.8);
    --bar-icon-color: var(--color-primary);
    --bar-icon-redes-color: var(--color-primary);
    --bar-icon-redes-color-hover: var(--color-primary);

    /* top */
    --top-logo-padding: 10px;
    --top-logo-padding-responsive: 5px;
    --top-logo-width-responsive: 180px;
    --top-logo-height-responsive: 70px;
    --top-back: transparent;    
    --top-nav-back: transparent;
    --top-nav-color: #FFF;    
    --top-nav-hover-back: transparent;
    --top-nav-hover-color: var(--color-primary);
    --top-drop-back: var(--color-primary);
    --top-drop-color: var(--color-secondary);
    --top-drop-hover-back: rgba(0,0,0,0.05);
    --top-drop-hover-color: var(--color-secondary);

    /* footer */
    --footer-back: var(--color-primary);
    --footer-color: #FFF;
    --footer-copy-back: var(--color-primary);
    --footer-copy-color: rgba(255,255,255,0.7);
    --footer-icon-color: var(--color-secondary);
    --footer-icon-redes-color: var(--color-secondary);
    --footer-icon-redes-color-hover: var(--color-secondary);

    /* title */
    --title-color: var(--color-primary);
    --title-line-color: var(--color-secondary);
    --title-line-size: 150px;
    --title-post-color: var(--color-text);

    --title-internal-color: var(--title-post-color);
    --title-internal-back: var(--color-light);

}

body { font-size: 14px; font-weight: 500; letter-spacing: 0.03em; color: var(--color-text); /*font-family: 'Roboto', sans-serif;*/ }

header { position: absolute; width: 100%; z-index: 99999999; }
header .navbar-nav a { font-size: 1.15em; line-height: 1em; font-weight:900; padding:15px 2px; margin: 0 8px; border-radius: 30px; /*border-bottom: 2px solid transparent; */ }
header .navbar-nav li.active a{ background: var(--color-primary); padding:15px 15px; color: #FFF; }

header.fixed .navbar { background: rgba(0, 0, 0, 0.9) !important; backdrop-filter: blur(12px); -webkit-backdrop-filter: blur(12px);  position: fixed; top: 0; padding: 0 !important; width: 100%; box-shadow: 0px 0px 15px 0px rgba(255,255,255,0.15); -webkit-animation: fadeInDown 1s; -moz-animation: fadeInDown 1s; -ms-animation: fadeInDown 1s; -o-animation: fadeInDown 1s; animation: fadeInDown 1s; z-index: 99999999 !important; }
header.fixed .navbar-brand img { height: 50px; }

header .navbar-nav a { color: #FFF !important; }
header .navbar-nav a.active {  color: var(--color-primary) !important; }

.header-foto { position: relative; width: 100%; height:140px; overflow: hidden; background: rgba(0, 0, 0, 0.9); }

.btn-primary { padding: 17px 60px; font-size: 1.2em; line-height: 1em; border-radius:30px; font-weight: 700; }
.btn-primary:hover { padding: 17px 80px; -webkit-box-shadow: 0px 5px 5px 0px rgba(0,0,0,0.2); -moz-box-shadow: 0px 5px 5px 0px rgba(0,0,0,0.2); box-shadow: 0px 5px 5px 0px rgba(0,0,0,0.2); }

.btn-secondary { background: var(--color-primary); padding: 17px 60px; font-size: 1em; line-height: 1em; border-radius:30px; font-weight: 700; border: 0; }
.btn-secondary:hover { background: var(--color-tertiary); -webkit-box-shadow: 0px 5px 5px 0px rgba(0,0,0,0.2); -moz-box-shadow: 0px 5px 5px 0px rgba(0,0,0,0.2); box-shadow: 0px 5px 5px 0px rgba(0,0,0,0.2); }

.bg-primary { background: var(--color-primary) !important; }
.bg-secondary { background: var(--color-secondary) !important; }
.bg-tertiary { background: var(--color-tertiary) !important; }
.text-primary { color: var(--color-primary) !important; }
.text-secondary { color: var(--color-secondary) !important; }
.text-tertiary { color: var(--color-tertiary) !important; }

.box-chamada { font-size: 1.2em; line-height: 1.6em; font-weight:300; }
.box-chamada h2 { font-size: 3.5em; font-weight: 900; color: var(--color-title); text-transform: uppercase; }
.box-chamada h3 { font-size: 2.8em; font-weight: 900; color: var(--color-title); text-transform: uppercase; }
.box-chamada p { margin-bottom: 15px; }
.box-chamada .btn { margin-top: 20px; }
.box-chamada strong { font-weight: 700; } 
.box-chamada .img-fluid { border-radius: 20px; }
.box-chamada .badge-primary { background: transparent; color: var(--color-primary); border: 2px solid var(--color-primary); padding: 6px 15px 5px 15px; border-radius: 15px; line-height: 1em; }
.box-chamada.text-2x { font-size: 1.3em; font-weight: 400; line-height: 1.6em; }

.slider-full img { border-radius: 20px; }
.slider-full .slick-dots { bottom: 30px; }

#beneficios { position: relative; margin-top: -60px; z-index: 999999; }
.service-item {display:grid;grid-template-columns:repeat(3,1fr);gap:40px}
.service-item div {padding: 80px 40px; background:var(--color-primary);border-radius:20px;box-shadow:0 10px 35px 0 rgba(0,0,0,.08);transition:.4s ease-in-out;}
.service-item div h3 {color:#FFF;font-size:1.35em; margin: 30px 0 10px 0;}
.service-item div p{color:rgba(255,255,255,0.8);font-size:1.2em;font-weight:400;margin:0;padding:0}
.service-item div i{color:rgba(255,255,255,0.5);font-size:4em;height:48px;line-height:48px;}
.service-item div:hover{transform:translateY(-10px)}
.service-item::-webkit-scrollbar{display:none}

.service-item.dark div { background:var(--color-secondary); }
.service-item.light div { background:#FFF; font-size: 0.95em; }
.service-item.light div h3 {color:var(--color-title);}
.service-item.light div p{color:var(--color-text-light); font-size: 1.1em; line-height: 1.2em; }
.service-item.light div i{color:var(--color-primary);  }

.embed-responsive { border-radius: 30px; }

.box-dark ul { padding: 0; margin: 0; list-style: none; } 
.box-dark ul li { display: flex; align-items: center; padding: 0; margin: 0 0 20px 0; list-style: none; }
.box-dark ul li:last-child { margin-bottom: 0; }
.box-dark ul li i { flex-basis: 80px; flex-grow: 0; flex-shrink: 0; margin-right: 20px; font-size: 2.6em; width: 80px; height: 80px; line-height: 76px; text-align: center; border-radius: 100%; border: 3px solid var(--color-tertiary); color: var(--color-primary); }
.box-dark ul li p { padding: 0; margin: 0; }
.box-dark h5 { font-size: 1.4em; font-weight: 500; color: rgba(255,255,255,0.7); margin: 30px 0 40px 0; }

.accordion .card{margin-bottom:30px;border:0; line-height:1.3em;box-shadow:0 5px 15px 0 rgba(21,28,30,.1); border-radius:10px;padding: 0}
.accordion .card .card-header{background:#fff;padding:0;}
.accordion .card .card-header .btn{color:var(--color-text);font-size:1em;font-weight:600; margin: 0; text-decoration:none}
.accordion .card .card-header .btn:after{font-family:'Font Awesome 5 Free';font-weight:900;float:right}
.accordion .card .card-header .btn.collapsed:after{}
.accordion .card .card-body {color:var(--color-text-light);font-size:1.1em;line-height:1.6em}
.accordion .card .card-body p:last-child { margin-bottom: 0; }

#contato .form-control { background: var(--color-light); border: 0; font-weight: 600; padding: 30px 20px; }
#contato textarea.form-control { padding: 20px; }
#contato i { width: 50px; font-size: 2em; }
#contato .redes span { font-size: 1.1em; font-weight: 700; display: block; margin: 30px 0 10px 0; color: var(--color-secondary); }
#contato .redes a { font-size: 2.2em; width: 50px; color: var(--color-secondary);  }

@media (max-width:991.99px){
    header #menu { padding: 10px 0 20px 0; background: rgba(0, 0, 0, 0.9) !important; backdrop-filter: blur(12px); -webkit-backdrop-filter: blur(12px); }
    header .navbar-nav a { font-size: 1.1em; }
    .service-item{overflow-x:auto;display:flex;gap:15px!important;padding:15px;margin:0 -15px}
    .service-item div{flex:1;min-width:80%;box-shadow:0 5px 5px 0 rgba(0,0,0,.08)}
    .service-item div:hover{transform:translateY(-5px);box-shadow:0 5px 5px 0 rgba(0,0,0,.15);}    
}
@media (max-width:767.99px){
    .box-chamada { font-size: 1.1em; }
    .box-chamada h2 { font-size: 2.2em; }
}


@keyframes ripple-wave {
  0% { opacity: 0.8; -webkit-transform: scale(0.9); transform: scale(0.9); }
  100% { opacity: 0; -webkit-transform: scale(1.5); transform: scale(1.5); } 
}

@-webkit-keyframes fadeInDown{ 
    0%{opacity:0;-webkit-transform:translateY(-20px);transform:translateY(-20px)} 
    100%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}
}

@keyframes fadeInDown{
    0%{opacity:0;-webkit-transform:translateY(-20px);-ms-transform:translateY(-20px);transform:translateY(-20px)}
    100%{opacity:1;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}
}

@keyframes fadeInUp {
	0% { opacity: 0; transform: translateY(-50px); }
	100% { opacity: 1; transform: translateY(0); }
}

@keyframes fadeIn {
	0% { opacity: 0; }
	100% { opacity: 1; }
}