/*********************************************************/
/*CSS MODE - MRPSTUDIO 2026
/*********************************************************/
/*CORES*/
:root {
  --cor_1: #032B1A;
  --cor_2: #84EA00;
}
/*********************************************************/
.botao {padding: 10px 30px; color: var(--cor_1); background-color: var(--cor_2); border-radius: 10px; font-weight: 600; text-transform: uppercase; cursor: pointer;}
.botao:hover {background-color: #fff}

span {color: var(--cor_2);}
/*********************************************************/
/*HEADER DO SITE*/
header {width: 100%; position: relative; padding: 10px 0; z-index: 1000; background: var(--cor_1);}
header .content {display: flex; align-items: center; justify-content: space-between;}
header .logo {width: 240px; height: 60px; background-position: center center;}
/*********************************************************/
.banner { position: relative; min-height: clamp(520px, 72vh, 820px); display: flex; align-items: stretch; }
.banner::before { content: ""; position: absolute; inset: 0; background: linear-gradient(90deg, rgba(0,0,0,0.68) 0%, rgba(0,0,0,0.42) 40%, rgba(0,0,0,0.18) 100%); }
.banner .content { position: relative; z-index: 1; width: min(90%, 1280px); }

.banner__grid { display: grid; grid-template-columns: minmax(380px, 48%) 1fr minmax(450px, 60%); gap: clamp(18px, 3vw, 48px); align-items: center; min-height: clamp(520px, 72vh, 820px); padding: clamp(30px, 6vh, 70px) 0; }
.banner__left { max-width: 580px; }
.banner__subtitle { color: var(--cor_2); font-family: var(--font_s); font-weight: 600; letter-spacing: 0.08em; text-transform: uppercase; font-size: 0.9em; margin-bottom: 10px; }
.banner__title { color: #fff; font-family: var(--font_s); font-weight: 500; line-height: 1.05; font-size: clamp(32px, 3vw, 3.2em); margin-bottom: 40px; }
.banner__text { color: rgba(255,255,255,0.86); line-height: 30px; font-size: 1em; margin-bottom: 25px; }

.banner__callouts { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 12px; }
.banner__callout { display: flex; gap: 12px; align-items: flex-start; min-width: 0; }
.banner__icon { width: 46px; height: 46px; border-radius: 999px; display: grid; place-items: center; border: 1px solid rgba(255,255,255,0.28); background: rgba(0,0,0,0.18); color: var(--cor_2); flex: 0 0 46px; }
.banner__icon i { font-size: 18px; }
.banner__callout-title { display: block; color: #fff; font-family: var(--font_s); font-weight: 700; text-transform: uppercase; letter-spacing: 0.04em; font-size: 13px; margin-top: 2px; }
.banner__callout-desc { display: block; color: rgba(255,255,255,0.82); font-size: 13px; margin-top: 4px; line-height: 1.4; }

.banner__spacer { min-height: 1px; }

.banner__card { display: flex; justify-content: flex-end; }
.banner-card { width: 100%; max-width: 420px; padding: 22px; border-radius: 18px; background: rgba(255,255,255,0.05); border: 1px solid rgba(255,255,255,0.14); box-shadow: 0 20px 60px rgba(0,0,0,0.28); backdrop-filter: blur(10px); }
.banner-card__subtitle { color: var(--cor_2); font-family: var(--font_s); font-weight: 700; letter-spacing: 0.08em; text-transform: uppercase; font-size: 1em; margin-bottom: 8px; }
.banner-card__title { color: #fff; font-family: var(--font_s); font-weight: 500; font-size: 20px; line-height: 1.15; margin-bottom: 10px; }
.banner-card__text { color: rgba(255,255,255,0.82); line-height: 1.5; font-size: 14px; margin-bottom: 16px; }

.banner-form { display: grid; gap: 10px; }
.banner-form__field { position: relative; }
.banner-form__icon { position: absolute; top: 50%; left: 14px; transform: translateY(-50%); color: rgba(255,255,255,0.7); }
.banner-form__input { width: 100%; height: 46px; border-radius: 12px; border: 1px solid rgba(255,255,255,0.16); background: rgba(0,0,0,0.22); color: #fff; padding: 0 14px 0 44px; outline: none; font-family: var(--font_p); }
.banner-form__input::placeholder { color: rgba(255,255,255,0.62); }
.banner-form__input:focus { border-color: rgba(132,234,0,0.9); box-shadow: 0 0 0 4px rgba(132,234,0,0.18); }

.banner-form__btn { width: 100%; height: 48px; border: 0; border-radius: 12px; background: var(--cor_2); color: #0b1a12; font-family: var(--font_s); font-weight: 800; letter-spacing: 0.04em; text-transform: uppercase; cursor: pointer; transition: 0.2s ease; }
.banner-form__btn:hover { filter: brightness(0.95); transform: translateY(-1px); background-color: var(--cor_1); color: #fff;}
/*********************************************************/
.solucoes { padding: 60px 0 }
.solucoes__title { font-family: var(--font_s); font-weight: 600; color: var(--cor_1); font-size: 1.6em; line-height: 1.1; text-transform: uppercase;  text-align: center; margin-bottom: 40px;}

.solucoes__grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 18px; }
.solucoes__item { text-align: center; padding: 26px 22px; border-radius: 18px; border: 1px solid rgba(3,43,26,0.10); background: #fff; box-shadow: 0 18px 50px rgba(3,43,26,0.10); transition: transform 0.2s ease, box-shadow 0.2s ease, border-color 0.2s ease; }
.solucoes__item:hover { transform: translateY(-3px); border-color: rgba(3,43,26,0.18); box-shadow: 0 26px 70px rgba(3,43,26,0.14); }
.solucoes__icon { width: 80px; height: 80px; border-radius: 999px; margin: 0 auto 14px; display: grid; place-items: center; color: var(--cor_1); }
.solucoes__icon i { font-size: 3em; }
.solucoes__item-title { font-family: var(--font_s); font-weight: 500; color: var(--cor_1); font-size: 1.2em; margin-bottom: 8px; text-transform: uppercase;}
.solucoes__item-text { color: #333; line-height: 25px; font-size: 1em; }
/*********************************************************/
.riscos { position: relative; padding: 60px 0;}
.riscos::before { content: ""; position: absolute; inset: 0; background: linear-gradient(90deg, rgba(0,0,0,0.68) 0%, rgba(0,0,0,0.46) 55%, rgba(0,0,0,0.30) 100%); }
.riscos .content { position: relative; z-index: 1; }

.riscos__top { display: grid; grid-template-columns: minmax(280px, 35%) 1fr; gap: clamp(18px, 3vw, 40px); align-items: start; }
.riscos__title { color: #fff; font-family: var(--font_s); font-weight: 600; font-size: 1.4em; line-height: 30px; margin-bottom: 25px; text-transform: uppercase;}
.riscos__text { color: rgba(255,255,255,0.86); line-height: 1.6; font-size: 15px; }

.riscos__grid { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 14px; align-items: stretch; }
.riscos__item { text-align: center; padding: 15px; border-radius: 10px; background: var(--cor_1); border: 1px solid rgba(255,255,255,0.14); box-shadow: 0 18px 60px rgba(0,0,0,0.22); backdrop-filter: blur(10px); }
.riscos__icon { width: 54px; height: 54px; margin: 0 auto 10px; display: grid; place-items: center; color: var(--cor_2); }
.riscos__icon i { font-size: 2em; }
.riscos__item-title { color: #fff; font-family: var(--font_s); font-weight: 500; font-size: 0.8em; text-transform: uppercase; letter-spacing: 0.04em; line-height: 1.2; }

.riscos__callout { margin: 40px auto 0 auto; max-width: 70%; justify-content: center; display: flex; align-items: center; gap: 14px; padding: 20px; border-radius: 18px; border: 1px solid rgba(255,255,255,0.22); background: rgba(0,0,0,0.22); backdrop-filter: blur(10px);}
.riscos__callout-icon { width: 46px; height: 46px; display: grid; place-items: center; color: var(--cor_2); flex: 0 0 46px; font-size: 2em; }
.riscos__callout-text { color: rgba(255,255,255,0.92); font-family: var(--font_s); font-weight: 500; font-size: 1.1em; line-height: 1.4; }
/*********************************************************/
.como-funciona { padding: 60px 0; }
.como__title { font-family: var(--font_s); font-weight: 600; color: var(--cor_1); font-size: 1.6em; line-height: 1.1; text-transform: uppercase;  text-align: center; margin-bottom: 40px;}

.como__steps { position: relative; display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 10px; }
.como__steps::before { content: ""; position: absolute; left: 31px; right: 31px; top: 40px; border-top: 2px dashed rgba(3,43,26,0.22); }
.como__step { text-align: center; padding: 0 8px; }
.como__icon { width: 80px; height: 80px; border-radius: 999px; margin: 0 auto 14px; display: grid; place-items: center; background: var(--cor_1); color: #fff; position: relative; z-index: 1; }
.como__icon i { font-size: 2.4em; }
.como__step-title { font-family: var(--font_s); font-weight: 700; color: var(--cor_1); font-size: 0.9em; line-height: 1.2; text-transform: uppercase;}
.como__num { display: inline-block; margin-right: 8px; color: rgba(3,43,26,0.55); font-weight: 900; }
.como__step-text { margin-top: 10px; color: #333; line-height: 1.6; font-size: 1em; }
/*********************************************************/
.resultados { position: relative; padding: 60px 0; background-position: right center;}
.resultados::before { content: ""; position: absolute; inset: 0; background: linear-gradient(90deg, rgba(0,0,0,0.70) 0%, rgba(0,0,0,0.46) 60%, rgba(0,0,0,0.18) 100%); }
.resultados .content { position: relative; z-index: 1; }

.resultados__wrap { display: grid; grid-template-columns: minmax(320px, 75%) 1fr; gap: clamp(18px, 3vw, 48px); align-items: start; }
.resultados__left { max-width: 100%; }
.resultados__title { color: #fff; font-family: var(--font_s); font-weight: 500; font-size: 1.6em; line-height: 1.1; margin-bottom: 22px; text-transform: uppercase; }

.resultados__boxes { display: flex; border-right: 1px solid rgba(255,255,255,0.16); overflow: hidden; }
.resultados__boxes:last-child {border: 0;}
.resultados__box { flex: 1 1 0; padding: 18px 16px; text-align: center; }
.resultados__box + .resultados__box { border-left: 1px solid rgba(255,255,255,0.16); }
.resultados__box-title { color: var(--cor_2); font-family: var(--font_s); font-weight: 500; font-size: 1.6em; letter-spacing: 0.02em; margin-bottom: 8px; }
.resultados__box-text { color: rgba(255,255,255,0.84); line-height: 1.5; font-size: 0.8em; text-transform: uppercase; font-weight: 600; }

.resultados__right { min-height: 1px; }
/*********************************************************/
.depoimentos { padding: 60px 0; }
.depoimentos__title { font-family: var(--font_s); font-weight: 600; color: var(--cor_1); font-size: 1.6em; line-height: 1.1; text-transform: uppercase;  text-align: center; margin-bottom: 40px;}

.depoimentos__slider .slick-slide { padding: 0 9px; }
.depoimentos__slider { margin: 0 -9px; }
.depoimentos__card { height: 100%; padding: 20px; border-radius: 15px; border: 1px solid rgba(3,43,26,0.10); background: #fff; display: flex; flex-direction: column; }
.depoimentos__text { color: #333; line-height: 1.6; font-size: 0.9em; margin-bottom: 15px; font-style: italic;}
.depoimentos__stars { display: flex; justify-content: center; gap: 6px; color: var(--cor_2); margin-top: auto; }
.depoimentos__name { display: block; text-align: center; margin-top: 14px; font-family: var(--font_s); font-weight: 400; color: var(--cor_1); font-size: 1em; }
.depoimentos__company { display: block; text-align: center; margin-top: 6px; color: #333; font-size: 0.9em; }

.depoimentos .slick-arrow { width: 46px; height: 46px; border-radius: 999px; z-index: 2; }
.depoimentos .slick-prev, .depoimentos .slick-next { background: rgba(3,43,26,0.12); }
.depoimentos .slick-prev:hover, .depoimentos .slick-next:hover { background: rgba(3,43,26,0.18); }
.depoimentos .slick-prev::before, .depoimentos .slick-next::before { color: var(--cor_1); font-size: 18px; opacity: 1; }
/*********************************************************/
.chamadas { padding: 20px 0; background: linear-gradient(90deg, var(--cor_1) 0%, #052f1d 50%, #063621 100%); }
.chamadas__wrap { display: grid; grid-template-columns: minmax(320px, 1.2fr) 1.6fr auto; gap: 15px; align-items: center; }

.chamadas__left { display: flex; gap: 14px; align-items: flex-start; }
.chamadas__lead-icon {display: grid; place-items: center; color: var(--cor_2); flex: 0 0 10px; font-size: 2em; }
.chamadas__title { color: #fff; font-family: var(--font_s); font-weight: 500; font-size: 1em; line-height: 1.15; text-transform: uppercase; }
.chamadas__subtitle { margin-top: 5px; color: var(--cor_2); font-size: 0.7em; line-height: 1.4; text-transform: uppercase; }

.chamadas__minis { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 10px; }
.chamadas__mini { display: flex; gap: 10px; align-items: center; padding: 0; }
.chamadas__mini-icon {display: grid; place-items: center; color: var(--cor_2);  }
.chamadas__mini-icon i { font-size: 1.4em; }
.chamadas__mini-text { color: rgba(255,255,255,0.88); font-size: 13px; line-height: 1.3; }

.chamadas__btn { display: table; align-items: center; gap: 10px; max-width: 200px; padding:5px; border-radius: 10px; background: var(--cor_2); color: var(--cor_1); font-family: var(--font_s); font-weight: 900; letter-spacing: 0.02em; text-transform: uppercase; white-space: nowrap; font-size: 0.9em; font-weight: 400;}
.chamadas__btn:hover { filter: brightness(0.95); transform: translateY(-1px); }
/*********************************************************/
.contato { padding: 60px 0 }
.contato__wrap { display: grid; grid-template-columns: minmax(320px, 1fr) minmax(420px, 1.3fr); gap: clamp(18px, 3vw, 48px); align-items: start; }
.contato__title { font-family: var(--font_s); font-weight: 600; color: var(--cor_1); font-size: 1.6em; line-height: 1.1; text-transform: uppercase; margin-bottom: 20px;}

.contato__card { padding: 22px; border-radius: 18px; border: 1px solid rgba(3,43,26,0.10); background: #fff; box-shadow: 0 18px 50px rgba(3,43,26,0.10); }
.contato__row { display: grid; grid-template-columns: 44px 1fr; gap: 12px; align-items: start; padding: 14px 0; }
.contato__row + .contato__row { border-top: 1px solid rgba(3,43,26,0.08); }
.contato__icon {  display: grid; place-items: center;color: var(--cor_1); font-size: 1.6em; }
.contato__label { display: block; font-family: var(--font_s); font-weight: 900; color: var(--cor_1); font-size: 14px; margin-bottom: 6px; }
.contato__value { color: #333; line-height: 1.6; font-size: 14px; }
.contato__value a { color: var(--cor_1); }
.contato__value a:hover { color: #000; }

.contato__map-frame { width: 100%; border-radius: 18px; overflow: hidden; border: 1px solid rgba(3,43,26,0.10); box-shadow: 0 18px 50px rgba(3,43,26,0.10); background: #fff; }
.contato__map-frame iframe { display: block; width: 100%; height: 420px; border: 0; }
/*********************************************************/
.footer { background: #031f13; padding: 64px 0 26px; }
.footer__top { display: grid; grid-template-columns: minmax(280px, 1.6fr) minmax(180px, 0.9fr) minmax(260px, 1.2fr); gap: clamp(18px, 3vw, 48px); }
.footer__logo img { width: 220px; height: auto; display: block; }
.footer__text { margin-top: 14px; color: rgba(255,255,255,0.78); line-height: 1.6; font-size: 14px; max-width: 520px; }

.footer__social { display: flex; gap: 10px; margin-top: 16px; flex-wrap: wrap; }
.footer__social-link { width: 42px; height: 42px; border-radius: 999px; display: grid; place-items: center; border: 1px solid rgba(255,255,255,0.18); background: rgba(255,255,255,0.06); color: #fff; }
.footer__social-link:hover { border-color: rgba(132,234,0,0.55); background: rgba(132,234,0,0.14); color: #fff; }
.footer__social-link i { font-size: 16px; }

.footer__title { color: #fff; font-family: var(--font_s); font-weight: 900; font-size: 14px; letter-spacing: 0.06em; text-transform: uppercase; margin-bottom: 14px; }
.footer__links { display: grid; align-content: start; gap: 10px; }
.footer__link { color: rgba(255,255,255,0.78); font-size: 14px; }
.footer__link:hover { color: #fff; }

.footer__contact { display: grid; align-content: start; }
.footer__row { display: grid; grid-template-columns: 38px 1fr; gap: 12px; align-items: start; padding: 10px 0; }
.footer__row + .footer__row { border-top: 1px solid rgba(255,255,255,0.10); }
.footer__icon { width: 38px; height: 38px; border-radius: 999px; display: grid; place-items: center; background: rgba(132,234,0,0.16); border: 1px solid rgba(132,234,0,0.28); color: #fff; }
.footer__value { color: rgba(255,255,255,0.78); line-height: 1.6; font-size: 14px; }
.footer__value-link { color: #fff; }
.footer__value-link:hover { color: var(--cor_2); }

.footer__bottom { margin-top: 34px; padding-top: 18px; border-top: 1px solid rgba(255,255,255,0.12); display: flex; justify-content: space-between; gap: 14px; flex-wrap: wrap; }
.footer__copy { color: rgba(255,255,255,0.70); font-size: 13px; }
.footer__dev { color: rgba(255,255,255,0.70); font-size: 13px; }
.footer__dev a { color: #fff; }
.footer__dev a:hover { color: var(--cor_2); }
/*********************************************************/
.popup-open { overflow: hidden; }
.popup-overlay { position: fixed; inset: 0; background: rgba(0,0,0,0.58); display: flex; align-items: center; justify-content: center; padding: 18px; z-index: 99999; }
.popup { width: min(520px, 100%); background: #fff; border-radius: 18px; overflow: hidden; box-shadow: 0 28px 90px rgba(0,0,0,0.35); border-top: 6px solid var(--cor_1); padding: 26px 22px 22px; position: relative; text-align: center; }
.popup__close { position: absolute; top: 12px; right: 12px; width: 38px; height: 38px; border-radius: 999px; border: 1px solid rgba(3,43,26,0.12); background: rgba(3,43,26,0.06); color: var(--cor_1); cursor: pointer; }
.popup__close:hover { background: rgba(3,43,26,0.10); }
.popup__icon { width: 64px; height: 64px; border-radius: 999px; margin: 8px auto 14px; display: grid; place-items: center; background: rgba(132,234,0,0.16); border: 1px solid rgba(132,234,0,0.35); color: var(--cor_1); }
.popup__icon i { font-size: 26px; }
.popup__title { font-family: var(--font_s); font-weight: 900; font-size: 22px; line-height: 1.15; color: var(--cor_1); margin-bottom: 10px; }
.popup__text { color: rgba(3,43,26,0.78); line-height: 1.6; font-size: 14px; margin-bottom: 18px; }
.popup__btn { height: 46px; padding: 0 18px; border-radius: 999px; border: 0; background: var(--cor_2); color: #0b1a12; font-family: var(--font_s); font-weight: 900; text-transform: uppercase; letter-spacing: 0.02em; cursor: pointer; }
.popup__btn:hover { filter: brightness(0.95); transform: translateY(-1px); }