@font-face {
  font-family: 'Mundial Narrow';
  src: url('../fonts/MundialNarrow-Thin.woff2') format('woff2'),
       url('../fonts/MundialNarrow-Thin.woff') format('woff');
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Mundial Narrow';
  src: url('../fonts/MundialNarrow-ExtraLight.woff2') format('woff2'),
       url('../fonts/MundialNarrow-ExtraLight.woff') format('woff');
  font-weight: 200;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Mundial Narrow';
  src: url('../fonts/MundialNarrow-Light.woff2') format('woff2'),
       url('../fonts/MundialNarrow-Light.woff') format('woff');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Mundial Narrow';
  src: url('../fonts/MundialNarrow-Regular.woff2') format('woff2'),
       url('../fonts/MundialNarrow-Regular.woff') format('woff');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Mundial Narrow';
  src: url('../fonts/MundialNarrow-Medium.woff2') format('woff2'),
       url('../fonts/MundialNarrow-Medium.woff') format('woff');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Mundial Narrow';
  src: url('../fonts/MundialNarrow-SemiBold.woff2') format('woff2'),
       url('../fonts/MundialNarrow-SemiBold.woff') format('woff');
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Mundial Narrow';
  src: url('../fonts/MundialNarrow-Bold.woff2') format('woff2'),
       url('../fonts/MundialNarrow-Bold.woff') format('woff');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Mundial Narrow';
  src: url('../fonts/MundialNarrow-ExtraBold.woff2') format('woff2'),
       url('../fonts/MundialNarrow-ExtraBold.woff') format('woff');
  font-weight: 800;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Mundial Narrow';
  src: url('../fonts/MundialNarrow-Black.woff2') format('woff2'),
       url('../fonts/MundialNarrow-Black.woff') format('woff');
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Mundial Narrow';
  src: url('../fonts/MundialNarrowItalic-ThinIta.woff2') format('woff2'),
       url('../fonts/MundialNarrowItalic-ThinIta.woff') format('woff');
  font-weight: 100;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: 'Mundial Narrow';
  src: url('../fonts/MundialNarrowItalic-ExtLtIta.woff2') format('woff2'),
       url('../fonts/MundialNarrowItalic-ExtLtIta.woff') format('woff');
  font-weight: 200;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: 'Mundial Narrow';
  src: url('../fonts/MundialNarrowItalic-LightIta.woff2') format('woff2'),
       url('../fonts/MundialNarrowItalic-LightIta.woff') format('woff');
  font-weight: 300;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: 'Mundial Narrow';
  src: url('../fonts/MundialNarrowItalic-RegIta.woff2') format('woff2'),
       url('../fonts/MundialNarrowItalic-RegIta.woff') format('woff');
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: 'Mundial Narrow';
  src: url('../fonts/MundialNarrowItalic-MedIta.woff2') format('woff2'),
       url('../fonts/MundialNarrowItalic-MedIta.woff') format('woff');
  font-weight: 500;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: 'Mundial Narrow';
  src: url('../fonts/MundialNarrowItalic-SemBdIta.woff2') format('woff2'),
       url('../fonts/MundialNarrowItalic-SemBdIta.woff') format('woff');
  font-weight: 600;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: 'Mundial Narrow';
  src: url('../fonts/MundialNarrowItalic-BoldIta.woff2') format('woff2'),
       url('../fonts/MundialNarrowItalic-BoldIta.woff') format('woff');
  font-weight: 700;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: 'Mundial Narrow';
  src: url('../fonts/MundialNarrowItalic-ExtBdIta.woff2') format('woff2'),
       url('../fonts/MundialNarrowItalic-ExtBdIta.woff') format('woff');
  font-weight: 800;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: 'Mundial Narrow';
  src: url('../fonts/MundialNarrowItalic-BlackIta.woff2') format('woff2'),
       url('../fonts/MundialNarrowItalic-BlackIta.woff') format('woff');
  font-weight: 900;
  font-style: italic;
  font-display: swap;
}

/* RESET MODERNO + MELHOR PRÁTICA */
*,
*::before,
*::after {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

/* HTML BASE */
html {
  min-height: 100%;
  font-size: 16px;
  font-family: 'Mundial Narrow', sans-serif;
  color: #000;
  scroll-behavior: smooth;
}

/* BODY */
body {
  min-height: 100%;
}

/* TIPOGRAFIA */
a {
  color: inherit;
  text-decoration: none;
}

p {
  font-size: 18px;
  line-height: 1.4;
}

b,
strong {
  font-weight: bold; /* pode remover se quiser */
}

/* LISTAS */
ul,
li {
  list-style: none;
}

/* FOCUS */
:focus {
  outline: 0;
}

/* INPUTS E FORM ELEMENTS */
input,
select,
textarea {
  font-family: 'Mundial Narrow', sans-serif;
  resize: none;
  border-radius: 5px;
}

/* Remove aparência default apenas no iOS e Android */
input[type=button],
input[type=submit],
button {
  -webkit-appearance: none;
  appearance: none;
}

/* UTILS */
.hidden,
.hide {
  display: none !important;
}

.clear {
  clear: both;
}

/* FLOATS (somente se ainda usa) */
.left {
  float: left;
}

.right {
  float: right;
}

/* CLEARFIX MODERNO */
.clearfix::after {
  content: "";
  display: block;
  clear: both;
}

/* IMAGENS */
img {
  display: block;
  max-width: 100%;
  height: auto; /* evita distorção */
}

/* jQuery UI override */
.ui-widget input,
.ui-widget select,
.ui-widget textarea,
.ui-widget button {
  font-family: 'Mundial Narrow', sans-serif;
}
/* ESQUELETO */

.wrap-loading {width: 100%; height: 100%; top: 0; left: 0; position: fixed; background: rgba(0,0,0,.6) url(../images/loading.svg) center no-repeat; z-index: 1099; display: none;}

.reveal, .revealX, .revealXR {opacity: 0; transition: opacity 1s, transform 1.3s cubic-bezier(0.215, 0.61, 0.355, 1) !important;}
.reveal {transform: translateY(60px);}
.revealX {transform: translateX(-60px);}
.revealXR {transform: translateX(60px);}
.reveal--in {opacity: 1; transform: none;}

.col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-8_3, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-12_5, .col-lg-13, .col-lg-14, .col-lg-15, .col-lg-16, .col-lg-17, .col-lg-18, .col-lg-19, .col-lg-20, .col-lg-21, .col-lg-22, .col-lg-23, .col-lg-24, .col-lg-25 {float: left; padding-right: 20px; margin: 0 0 10px; position: relative; box-sizing: border-box;}
.col-lg-1 {width: 4%;}
.col-lg-2 {width: 8%;}
.col-lg-3 {width: 12%;}
.col-lg-4 {width: 16%;}
.col-lg-5 {width: 20%;}
.col-lg-6 {width: 24%;}
.col-lg-7 {width: 28%;}
.col-lg-8 {width: 32%;}
.col-lg-8_3 {width: calc(100% / 3);}
.col-lg-9 {width: 36%;}
.col-lg-10 {width: 40%;}
.col-lg-11 {width: 44%;}
.col-lg-12 {width: 48%;}
.col-lg-12_5 {width: 50%;}
.col-lg-13 {width: 52%;}
.col-lg-14 {width: 56%;}
.col-lg-15 {width: 60%;}
.col-lg-16 {width: 64%;}
.col-lg-17 {width: 68%;}
.col-lg-18 {width: 72%;}
.col-lg-19 {width: 76%;}
.col-lg-20 {width: 80%;}
.col-lg-21 {width: 84%;}
.col-lg-22 {width: 88%;}
.col-lg-23 {width: 92%;}
.col-lg-24 {width: 96%;}
.col-lg-25 {width: 100%;}
.col-last {padding: 0;}
.col-margin-10 {margin: 0 0 10px;}
.col-margin-15 {margin: 0 0 15px;}
.col-margin-30 {margin: 0 0 1.55vw;}
.col-margin {margin: 0;}
.gap-5 {gap: 5px;}
.gap-10 {gap: 10px;}
.gap-20 {gap: 20px;}

.desktop { display: block!important; }
.mobile { display: none!important; }

#wrapper { width: 100%; overflow-x: hidden; overflow-y: hidden; }
html.active { overflow: hidden; }
html.active body { overflow: hidden; position: fixed; width: 100%; }

.d-block { display: block }
.d-none { display: none }
.d-flex { display: flex; }
.flex-wrap { flex-wrap: wrap; }
.flex-no-wrap { flex-wrap: nowrap; }
.flex-column { flex-direction: column; }
.align-items-center { align-items: center; }
.align-items-start { align-items: flex-start; }
.align-items-end { align-items: flex-end; }
.align-self-end { align-self: flex-end; }
.align-items-baseline {align-items: baseline;}
.row-reverse { flex-direction: row-reverse; }
.justify-content-around { justify-content: space-around; }
.justify-content-between { justify-content: space-between; }
.justify-content-center { justify-content: center; }
.justify-content-end { justify-content: flex-end; }
.justify-content-start { justify-content: flex-start; }
.h-100 { width: 100% !important; }
.h-auto { width: auto !important; }
.w-100 { width: 100% !important; }
.w-auto { width: auto !important; }
.relative { position: relative; }
.absolute { position: absolute; }

#error404 { padding: 150px 0; }
#error404 h1 { font-size: 41px; line-height: 50px; color: #8d8d8d; font-weight: bold }

body #popup_title,
body #popup_panel input { background: var(--color-primary); color: #FFF; }
body #popup_panel input:hover { background: var(--color-secondary); color: #FFF; }
body #popup_container { border: none; }

label.error { display: block; font-size: 12px; padding: 5px; color: #f00; }

:root {
  /* ===== PRIMARY COLORS ===== */
  --color-primary: #053C42;        /* Títulos / Brand principal */

  /* ===== SECONDARY COLORS ===== */
  --color-secondary: #56AF35;        /* Destaques / CTAs */

  /* ===== ACCENT COLORS ===== */
  --color-accent: #FBBC12;         /* Destaques secundários */

  /* ===== TEXT COLORS ===== */
  --color-text: #000000;           /* Texto principal */
  --color-text-muted: #4F4F4F;     /* Textos secundários */

  /* ===== BACKGROUNDS ===== */
  --color-bg: #FFFFFF;             /* Fundo principal */

  /* ===== STATUS COLORS (opcional, mas útil) ===== */
  --color-success: #56AF35;
  --color-warning: #FBBC12;
  --color-error: #D64545;

  --indent-width: 1100px;
  --indent-max-width: 80%
}

.indent { position: relative; z-index: 10; width: var(--indent-width); max-width:  var(--indent-max-width); margin: auto; position: relative; }
.wrap { position: relative; z-index: 9; }

.default-btn { min-width: 225px; line-height: 45px; border-radius: 24px; background: var(--black-bg); color: #FFF; font-size: 18px; display: inline-block; text-align: center; }

/********** HEADER **********/
#header {position: absolute; z-index: 1051; width: 100%; max-width: 100%; min-height: 113px; display: flex; flex-direction: column;}
#header .box-header {display: flex; align-items: center; justify-content: space-between; gap: 2vw; width: 100%; padding: 0;}
#header .box-header .wlogo {max-width: 270px; width: 100%;}
#header .box-header .wlogo img { width: 100%; display: block; object-fit: contain; max-height: 70px; min-width: 180px; }
#header .box-header .wrap-menu { display: flex; align-items: center; justify-content: space-between; width: 100%; gap: 1.6vw; }
#header .box-header .wrap-menu .links-menu { display: flex; align-items: center; gap: 30px; flex-grow: 1; justify-content: space-evenly; }
#header .box-header .wrap-menu .links-menu li { display: flex; align-items: center; position: relative; font-size: 16px; color: var(--color-primary); position: relative; width: fit-content; white-space: nowrap; padding: 5px 0;}
#header .box-header .wrap-menu .links-menu li .arrow { margin: 0 0 0 5px; background: url(../images/arrow-carousel.svg); transform: rotate(90deg); width: 5px; height: 9px; background-size: 100% auto; display: block; }
#header .box-header .wrap-menu .links-menu li ul { transition: all .25s; width: fit-content; background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.3) 40%, rgba(255, 255, 255, 0.7) 80%); padding: 20px 20px 10px; position: absolute; left: 0; opacity: 0; visibility: hidden; top: 100%; box-shadow: 0 4px 4px rgba(0, 0, 0, .25); border-radius: 0 0 15px 15px; backdrop-filter: blur(8px); overflow: hidden; }
#header .box-header .wrap-menu .links-menu li ul[data-menu="produtos"] { width: 180px; }
#header .box-header .wrap-menu .links-menu li ul[data-menu="espaço-do-cliente"] { width: 200px; }
#header .box-header .wrap-menu .links-menu li ul[data-menu="estabelecimento"] { width: 230px; }
#header .box-header .wrap-menu .links-menu li:hover ul { left: 0; opacity: 1; visibility: visible; }
#header .box-header .wrap-menu .links-menu li:hover ul li:hover { font-weight: bold; }
#header .box-header .wrap-menu .links-menu a.active { font-weight: bold; }
#header .box-header .wrap-btn-proposta {z-index: 100;}
#header .box-header .btn-proposta { transition: all .25s; padding: 8px 20px; background: var(--color-secondary); border-radius: 24px; color: #FFF; font-size: 16px; white-space: nowrap; }
#header .box-header .btn-proposta:hover { transform: translateY(2px); background-color: var(--color-accent); }

.menu-mobile-overlay { display: none; }
.float_whatsapp { width: 80px; position: fixed; bottom: 0; right: 40px; transform: translateY(-50%); z-index: 99; display: none; }
.float_whatsapp img { width: 100%; }

/********** APP BANNER (ACIMA DO FOOTER) **********/
.app-banner {
	background: var(--color-primary) url(../images/bg-app-banner.jpg) center center no-repeat;
	background-size: cover;
	padding: 80px 0;
}
.app-banner .indent { display: flex; justify-content: flex-end; }
.app-banner__content { max-width: 400px; text-align: right; color: #FFF; }
.app-banner__content h2 {
	margin: 0 0 18px;
	font-size: 36px;
	line-height: 1.1;
	font-weight: 700;
}
.app-banner__content h2 span { font-weight: 300; }
.app-banner__content .hl { color: #F2C200; }
.app-banner__content p {
	margin: 0;
	font-size: 16px;
	line-height: 1.55;
	color: rgba(255, 255, 255, 0.85);
}
.app-banner__content p strong { color: #FFF; font-weight: 700; }
.app-banner__stores {
	margin-top: 26px;
	display: flex;
	justify-content: flex-end;
	gap: 16px;
	flex-wrap: wrap;
}
.app-banner__stores a { display: inline-flex; }
.app-banner__stores img { height: 44px; width: auto; display: block; }

/********** FOOTER **********/
.footer { background-color: var(--color-primary); }
.footer .top-bar .header-footer { border-bottom: 1px solid var(--color-secondary); }
.footer .top-bar .header-footer .logos { padding: 35px 7vw; }
.footer .top-bar .header-footer .logos img { max-height: 100px; display: block; object-fit: contain; }
.footer .top-bar .header-footer .tagline { color: #FFF; font-size: 1.1vw; font-weight: 300; margin: 15px 0 0; text-align: center; }
.footer .top-bar .container-footer { padding: 60px 0 35px; display: grid; grid-template-columns: 1.8fr 1fr 1fr; gap: 5vw; }
.footer .top-bar .container-footer h2 { font-size: 20px; color: var(--color-secondary); line-height: 1.2; margin: 0 0 30px; font-weight: 600; }
.footer .top-bar .container-footer h2 a { color: var(--color-secondary); text-decoration: none; }
.footer .top-bar .container-footer h2 a:hover { text-decoration: underline; }
.footer .top-bar .container-footer h3 { font-size: 1.1vw; color: #FFF; line-height: 1.2; font-weight: 600; }
.footer .top-bar .container-footer h3 a { color: #FFF; font-weight: bold; text-decoration: none; }
.footer .top-bar .container-footer h3 a:hover { text-decoration: underline; }
.footer .top-bar .container-footer p { font-weight: 300; font-size: .9vw; color: #FFF; line-height: 1.4; margin: 0 0 5px; }
.footer .top-bar .container-footer p a { color: #FFF; text-decoration: none; }
.footer .top-bar .container-footer p a:hover { text-decoration: underline; }
.footer .top-bar .container-footer .item { margin: 0 0 25px; gap: 15px; }

.footer .top-bar .container-footer .item:last-child { margin: 0; }
.footer .top-bar .container-footer .item figure { width: 30px; flex-shrink: 0; }
.footer .top-bar .container-footer .item figure img { display: block; max-width: 100%; }
.footer .top-bar .container-footer .item p { margin-top: 5px; }
.footer .top-bar .container-footer .col-atendimento .endereco { padding: 0; margin: 0; }
.footer .top-bar .container-footer .col-sobre-empresa h3 { margin-bottom: 10px; color: var(--color-secondary); }
.footer .top-bar .container-footer .col-sobre-empresa .section { margin: 0 0 30px; }
.footer .top-bar .container-footer .col-sobre-empresa .section:last-child { margin: 0; }
.footer .top-bar .container-footer .col-sobre-empresa ul { margin: 0; padding: 0; list-style: none; }
.footer .top-bar .container-footer .col-sobre-empresa ul li { font-weight: 300; color: #FFF; margin: 0 0 8px; }
.footer .top-bar .container-footer .col-sobre-empresa ul li a { color: #FFF; text-decoration: none; }
.footer .top-bar .container-footer .col-sobre-empresa ul li a:hover,
.footer .top-bar .container-footer .col-sobre-empresa ul li a.active { text-decoration: underline; }
.footer .top-bar .container-footer .col-faq .baixe-app { margin: 0 0 30px; }
.footer .top-bar .container-footer .col-faq .baixe-app h3 { color: var(--color-secondary); }
.footer .top-bar .container-footer .col-faq .baixe-app ul { margin: 10px 0 0; padding: 0; list-style: none; }
.footer .top-bar .container-footer .col-faq .baixe-app ul li { font-weight: 300; color: #FFF; margin: 0 0 8px; }
.footer .top-bar .container-footer .col-faq .baixe-app ul li a { color: #FFF; text-decoration: none; }
.footer .top-bar .container-footer .col-faq .baixe-app ul li a:hover { text-decoration: underline; }
.footer .top-bar .container-footer .col-faq .social { display: flex; gap: 14px; margin: 20px 0 0; }
.footer .top-bar .container-footer .col-faq .social a { display: block; }
.footer .top-bar .container-footer .col-faq .social img { height: 27px; width: auto; display: block; }
.footer .bottom-bar { background: var(--color-secondary); padding: 20px 0; font-size: 14px; color: #FFF; font-weight: 300; }
.footer .bottom-bar p:first-child { margin: 0 55px 0 0; }
.footer .bottom-bar a {text-decoration: underline;}
.footer .bottom-bar .indent { padding: 0 15px;}
.footer .bottom-bar .indent {width: 100%; max-width: 100%; padding: 0 20px; justify-content: center;}

.footer .top-bar .container-footer h2 { font-size: 18px; }
.footer .top-bar .container-footer h3 { font-size: 16px; }
.footer .top-bar .container-footer p,
.footer .top-bar .container-footer .col-sobre-empresa ul li,
.footer .top-bar .container-footer .col-faq .baixe-app ul li, 
.footer .top-bar .header-footer .tagline { font-size: 14px; }

#newsletter { padding: 30px 7.81vw; background: url(../images/bg-newsletter.png) center top no-repeat; background-size: cover; position: relative; border-radius: 70px; display: flex; margin: 0 auto; max-height: 750px; max-width: 1820px;}
#newsletter .newsletter-container { align-items: center; gap: 70px; justify-content: space-between; width: 100%; max-width: 1200px; margin: auto;}
#newsletter .wrap-form { width: 460px; min-height: 600px; height: auto; flex-shrink: 0; padding: 30px 40px; background: #FFF; border-radius: 30px; box-shadow: 0 4px 20px rgba(0, 0, 0, 0.15); }
#newsletter .wrap-form h5 { font-size: 25px; font-weight: 600; color: var(--color-primary); margin: 0 0 20px; }
#newsletter .wrap-form form { display: flex; flex-direction: column; justify-content: flex-start; min-height: 100%; }
#newsletter .wrap-form form .winput { position: relative; padding-bottom: 20px; }
#newsletter .wrap-form form .winput:last-of-type { margin: 0 0 25px; }
#newsletter .wrap-form form .input { border: none; width: 100%; line-height: 50px; padding: 0 20px; font-size: 16px; font-weight: 300; border-radius: 25px; background: #EFEFEF; color: var(--color-text); }
#newsletter .wrap-form form textarea.input { line-height: 1.5; padding: 15px 20px; resize: vertical; min-height: 100px; }
#newsletter .wrap-form form .input::placeholder { color: #999; }
#newsletter .wrap-form form .winput label.error { position: absolute; top: calc(100% - 20px); left: 10px; margin: 0; font-size: 12px; color: #f00; font-weight: 400; display: block; }
#newsletter .wrap-form form .wcheckbox { position: relative; padding-bottom: 20px; }
#newsletter .wrap-form form .wcheckbox .checkbox-wrapper { display: flex; align-items: center; gap: 10px; }
#newsletter .wrap-form form .wcheckbox input[type="checkbox"] { width: 20px; height: 20px; margin: 2px 0 0; flex-shrink: 0; cursor: pointer; accent-color: var(--color-primary); }
#newsletter .wrap-form form .wcheckbox label { font-size: 14px; cursor: pointer; color: var(--color-primary); transform: translateY(2px); font-weight: 600; flex: 1; min-width: 0; }
#newsletter .wrap-form form .wcheckbox label a { color: var(--color-primary); text-decoration: underline; }
#newsletter .wrap-form form .wcheckbox label.error { position: absolute; top: calc(100% - 15px); left: 0; margin: 0; font-size: 12px; color: #f00; font-weight: 400; width: 100%; transform: none; }
#newsletter .wrap-form form .wsubmit { margin-top: 10px; }
#newsletter .wrap-form form input[type='submit'] { width: 100%; cursor: pointer; border: none; border-radius: 25px; line-height: 50px; padding: 0; background: var(--color-secondary); color: #FFF; font-size: 20px; font-weight: 500; text-align: center; transition: all .25s; }
#newsletter .wrap-form form input[type='submit']:hover { transform: translateY(-2px); box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2); background-color: var(--color-accent); }
#newsletter .wrap-text { flex-shrink: 0; position: relative; z-index: 1; display: flex; }
#newsletter .wrap-text .text { color: #FFF; text-align: right; }
#newsletter .wrap-text .text p { font-size: 64px; font-weight: 300; line-height: 1.1; margin: 0; max-width: 440px; }
#newsletter .wrap-text .text p strong { font-weight: 600; }

/********** HOME **********/
/* BANNER */
#home { position: relative; z-index: 100; }
#home .banner {max-width: 100%; width: 100%; max-height: fit-content; position: relative; z-index: 100; }
#home .banner .item {display: block; width: 100%; height: 35.94vw; background-position: top center; background-repeat: no-repeat; background-size: cover; min-height: 640px; }
#home .banner .item { background-image: var(--banner-desktop);}
#home .banner .item .indent { height: 100%; }
#home .banner .item .title { font-size: 2.6vw; color: #FFF; line-height: 1; margin: 0 0 40px; }
#home .banner .item .title span { font-weight: 500;}
#home .banner .item .default-btn { line-height: 45px; display: inline-block; }
#home .banner .item .default-btn.white { background: #FAFAFA; color: var(--color-text); font-size: 20px; }
#home .banner .item .text { margin: 0 0 40px; color: #FFF; font-size: 1.7vw; }
#home .banner .item .btns { gap: 10px; }
#home .banner .item .btns img { height: 52px; }
#home .banner .img { border-radius: 0 0 50px 50px; }
#home .banner .owl-carousel .owl-dots {position: absolute; bottom: 40px; transform: translateX(-50%); left: 50%; display: flex; align-items: center; gap: 7px;}
#home .banner .owl-carousel button.owl-dot {width: 16px; height: 16px; border: 1px solid var(--white); border-radius: 50%; background-color: rgba(255, 255, 255, .6);}
#home .banner .owl-carousel button.owl-dot.active {background-color: var(--white);}
#home .banner .arrow { position: absolute; top: 50%; transform: translateY(-50%); width: 20px; height: 40px; background: url(../images/arrow-banner.svg) no-repeat; background-size: 100% auto; right: 40px; z-index: 9; }
#home .banner .arrow-prev { left: 40px; transform: rotate(180deg) translateY(-50%); transform-origin: 0 0; }
#home .banner .owl-carousel .owl-stage-outer {overflow: visible;}

/********** ESCOLHA INTELIGENTE **********/
#home .escolha-inteligente { padding: 20px 0 0; background: #FFF; position: relative; }
#home .escolha-inteligente .indent { padding: 0; display: flex;  gap: 20px;}
#home .escolha-inteligente .content-text { width: 40%; flex-shrink: 0; max-width: 23vw; padding-top: 80px;}
#home .escolha-inteligente .content-text span { font-weight: 600; }
#home .escolha-inteligente .content-text h2 { font-size: clamp(24px, 2.5vw, 42px); color: var(--color-primary); margin: 0 0 30px; }
#home .escolha-inteligente .content-text h2 span { font-weight: 500; }
#home .escolha-inteligente .content-text h2 .highlight { color: var(--color-secondary); font-weight: 600; }
#home .escolha-inteligente .content-text p { font-size: 1.2vw; color: var(--color-text); margin: 0 0 40px; font-weight: 300; }
#home .escolha-inteligente .content-text .btn-conheca-mais { display: inline-block; padding: 15px 50px; background: var(--color-secondary); color: #FFF; border-radius: 24px; font-size: 1.1vw; font-weight: 500; text-decoration: none; transition: all .25s; }
#home .escolha-inteligente .content-text .btn-conheca-mais:hover { transform: translateY(-2px); box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15); background-color: var(--color-accent); }
#home .escolha-inteligente .content-image { width: 80%; min-width: 54vw; flex-shrink: 0; position: relative; padding: 0; }
#home .escolha-inteligente .content-image img { width: 100%; height: auto; display: block; position: relative; z-index: 2; border-radius: 30px; }

/********** FORMA SIMPLES **********/
#home .forma-simples { padding: 0 0 40px 0; background: #F6F6F6;; }
#home .forma-simples .hero-section { gap: 50px; margin: 0 0 40px; }
#home .forma-simples .hero-text { width: 40%; flex-shrink: 0; max-width: 27vw; }
#home .forma-simples .hero-text h2 { font-size: clamp(24px, 2.5vw, 42px); color: var(--color-primary); margin: 0 0 30px; }
#home .forma-simples .hero-text p { font-size: 1.2vw; color: var(--color-text); margin: 0 0 20px; font-weight: 300; line-height: 1.3; }
#home .forma-simples .hero-text p:last-child { margin: 0; }
#home .forma-simples .hero-text strong { font-weight: 600; color: var(--color-primary); }
#home .forma-simples .hero-image { width: 60%; max-width: 39vw; flex-shrink: 0; transform: translateY(-15px); }
#home .forma-simples .hero-image img { width: 100%; height: auto; display: block; }
#home .forma-simples .beneficios-grid { display: grid; grid-template-columns: repeat(5, 1fr); gap: 2vw; margin: 0 0 80px; }
#home .forma-simples .beneficio-item { text-align: center; max-width: 140px; margin: auto; padding: 5px;}
#home .forma-simples .beneficio-item figure { margin: 0 0 20px; display: flex; justify-content: center; align-items: center; }
#home .forma-simples .beneficio-item figure img { width: 64px; height: 64px; object-fit: contain; }
#home .forma-simples .beneficio-item h3 { font-size: clamp(14px, 1vw, 15px); color: var(--color-primary); margin: 0; font-weight: 400; }
#home .forma-simples .depoimentos-section h2 { font-size: 2.5vw; color: var(--color-primary); text-align: center; margin: 0 0 50px; font-weight: 500; }
#home .forma-simples .depoimentos-carousel-wrapper { position: relative; padding: 0; width: 100%; }
#home .forma-simples .depoimentos-grid.owl-carousel { width: 100%; }
#home .forma-simples .depoimentos-nav { position: absolute; top: 50%; transform: translateY(-50%); width: 100%; display: flex; justify-content: space-between; pointer-events: none; z-index: 10; left: 0; }
#home .forma-simples .depoimentos-nav .arrow { width: 50px; height: 50px; background: var(--color-primary); border-radius: 50%; display: flex; align-items: center; justify-content: center; cursor: pointer; pointer-events: all; transition: all 0.3s; position: relative; }
#home .forma-simples .depoimentos-nav .arrow:hover { background: var(--black-bg); transform: scale(1.1); }
#home .forma-simples .depoimentos-nav .arrow-prev { left: 0; }
#home .forma-simples .depoimentos-nav .arrow-next { right: 0; }
#home .forma-simples .depoimentos-nav .arrow-prev::before { content: ''; width: 0; height: 0; border-style: solid; border-width: 8px 12px 8px 0; border-color: transparent #FFF transparent transparent; margin-left: -3px; }
#home .forma-simples .depoimentos-nav .arrow-next::before { content: ''; width: 0; height: 0; border-style: solid; border-width: 8px 0 8px 12px; border-color: transparent transparent transparent #FFF; margin-right: -3px; }
#home .forma-simples .depoimentos-grid { display: block; }
#home .forma-simples .depoimentos-grid.owl-carousel .owl-stage-outer { overflow: hidden; }
#home .forma-simples .depoimentos-grid.owl-carousel .owl-item { padding: 0; margin: 0; display: flex; justify-content: center; }
#home .forma-simples .depoimentos-grid.owl-carousel .owl-stage { display: flex; align-items: center; }
#home .forma-simples .depoimentos-grid.owl-carousel .owl-dots { display: flex; justify-content: center; align-items: center; gap: 10px; margin-top: 30px; }
#home .forma-simples .depoimentos-grid.owl-carousel button.owl-dot { width: 12px; height: 12px; border-radius: 50%; background-color: rgba(0, 0, 0, 0.2); border: none; cursor: pointer; transition: all 0.3s; }
#home .forma-simples .depoimentos-grid.owl-carousel button.owl-dot.active { background-color: var(--color-primary); width: 30px; border-radius: 6px; }
#home .forma-simples .depoimento-card { background: #FAFAFA; border-radius: 20px; padding: 30px; border: 2px solid; border-color: var(--color-primary); width: 350px !important; max-width: 350px !important; min-width: 350px !important; aspect-ratio: 350 / 300; display: flex; flex-direction: column; justify-content: space-between; box-sizing: border-box; flex-shrink: 0;}
#home .forma-simples .depoimento-card figure { margin: 0 0 20px; text-align: center; }
#home .forma-simples .depoimento-card figure img { width: 80px; height: 80px; border-radius: 50%; object-fit: cover; display: inline-block; }
#home .forma-simples .depoimento-content {text-align: center;}
#home .forma-simples .depoimento-content h3 { font-size: clamp(16px, 1vw, 15px); color: var(--color-primary); font-weight: 600; }
#home .forma-simples .depoimento-content .profissao { font-size: 0.9vw; color: var(--color-primary); margin: 0 0 15px; font-weight: 300; }
#home .forma-simples .depoimento-content .depoimento-text { font-size: 15px; color: var(--color-primary); margin: 0; font-weight: 300; line-height: 1;  }

section#contato { background-color: #F6F6F6; padding: 40px 50px; }

.wrap-title .ic { max-width: 200px; min-width: 65px; flex-shrink: 0; margin: 0 5px 0 0; }
.wrap-title .ic img { width: 100%; display: block; }

.title-alem-do-beneficio { position: relative; text-align: center; color: var(--color-text); font-weight: 300; font-size: 3.33vw; line-height: 1; }
.title-alem-do-beneficio .adelia { font-family: 'adelia', sans-serif }

#home .solucoes h1 { text-align: center; color: var(--color-text); font-weight: 500; font-size: 1.9vw; line-height: 1; margin: 0 0 20px; }
#home .solucoes h2 { text-align: center; color: var(--color-text); font-weight: 300; font-size: 3.33vw; line-height: 1; margin: 0 0 25px; }
#home .solucoes h2 .adelia { font-family: 'adelia', sans-serif }
#home .solucoes .subtitle { text-align: center; margin: 0 0 25px; font-weight: 300; font-size: 1.7vw; color: var(--color-text); }
#home .solucoes .text {  margin: 0 0 25px; font-weight: 300; font-size: 1.25vw; color: var(--color-text); line-height: 1.4; margin: 0 0 60px; }
#home .solucoes .nav-main-carousel { gap: 10px; }
#home .solucoes .nav-main-carousel a { text-align: center; line-height: 45px; width: 230px; background: #F0F0F0; border-radius: 24px; color: var(--color-text); font-size: 1.25vw; }
#home .solucoes .nav-main-carousel a.active { color: #FFF; background: var(--black-bg); }
#home .solucoes .inner-carousel-solucoes { position: relative; background: #FFF; }
#home .solucoes .inner-carousel-solucoes .side-1 { width: 50%; padding: 90px 40px 0 20px; } 
#home .solucoes .inner-carousel-solucoes h4 { color: var(--color-text); font-weight: 600; font-size: 2.08vw; margin: 0 0 30px; }
#home .solucoes .inner-carousel-solucoes p { color: var(--color-text); font-size: 1.25vw; margin: 0 0 30px; }
#home .solucoes .inner-carousel-solucoes ul li { color: var(--color-text); font-size: 1.05vw; margin: 0 0 5px; font-weight: 300; }
#home .solucoes .inner-carousel-solucoes .btn { margin: 75px 0 0; background: var(--black-bg); color: #FFF; line-height: 45px; width: 235px; border-radius: 24px; transition: all .25s; display: inline-block; text-align: center; }
#home .solucoes .inner-carousel-solucoes .btn:hover { transform: translateY(-2px); }
#home .solucoes .inner-carousel-solucoes .side-2 { width: 50%; flex-shrink: 0; padding: 50px 20px 0 0; }
#home .solucoes .inner-carousel-solucoes .image img { width: 100%; filter: drop-shadow(0, 4px, 4px, rgba(0, 0, 0, .25)); }
#home .solucoes .inner-carousel-solucoes .nav-inner-carousel { margin: 50px 0 0; align-self: flex-end; }
#home .solucoes .inner-carousel-solucoes .nav-inner-carousel a { line-height: 45px; background: #F0F0F0; width: 180px; text-align: center; color: var(--color-text); font-size: 1.05vw; }
#home .solucoes .inner-carousel-solucoes .nav-inner-carousel a.active { background: var(--black-bg); color: #FFF; }
#home .solucoes .inner-carousel-solucoes .nav-inner-carousel a:first-child { border-radius: 24px 0 0 24px; }
#home .solucoes .inner-carousel-solucoes .nav-inner-carousel a:last-child { border-radius: 0 24px 24px 0; }
#home .solucoes .inner-carousel-solucoes .owl-nav .arrow { position: absolute; top: 50%; transform: translateY(-50%); height: 18px; width: 8.5px; background: url(../images/arrow-carousel.svg) no-repeat; background-size: 100% auto; }
#home .solucoes .inner-carousel-solucoes .owl-nav .arrow-prev { left: 0; transform: translateY(-50%) rotate(180deg); }
#home .solucoes .inner-carousel-solucoes .owl-nav .arrow-next { right: 0; }

#home .area-cliente { padding: 35px 0 50px; background: #F0F0F0; position: relative; margin: 0 0 25px; position: relative; }
#home .area-cliente .line-1 { position: absolute; width: 100%; height: 190px; background: url(../images/line-3.webp) top center no-repeat; top: 50%; left: 0; transform: translateY(-50%); }
#home .area-cliente::after { content: ''; width: 100%; height: 100px; background: #F0F0F0; position: absolute; left: 0; top: -100px; }
#home .area-cliente h2 { font-size: 1.7vw; color: var(--color-text); line-height: 1.2; margin: 0 35px 0 0; flex-shrink: 0; }
#home .area-cliente .wimages { gap: 15px; flex-grow: 1; }
#home .area-cliente .wimages .image { width: 145px; height: 125px; border-radius: 30px; position: relative; overflow: hidden; }
#home .area-cliente .wimages .image img { filter: drop-shadow(0, 4px, 4px, rgba(0, 0, 0, .25)); display: block; width: 100%; height: 100%; object-fit: cover; }
#home .area-cliente .wimages .image .title { position: absolute; left: 0; bottom: 0; background: var(--black-bg); line-height: 1; padding: 7px; font-size: 12px; color: #FAFAFA; display: block; width: 100%; text-align: center; }
#home .area-cliente .wimages .image img { transition: transform 0.4s; }
#home .area-cliente .wimages .image:hover img { transform: scale(1.1); }

.bg-title { position: relative; background: #F0F0F0; padding: 25px 0; margin: 0 0 55px; }
.bg-title::after { content: ''; width: 100%; height: 70px; left: 0; top: -70px; background: #F0F0F0; position: absolute; }

.relative .line-1 { position: absolute; width: 100%; height: 190px; background: url(../images/line-3.webp) top center no-repeat; top: 50%; left: 0; transform: translateY(-50%); }
.relative .line-2 { width: 100%; height: 528px; background: url(../images/line-2.webp?q=1) top center no-repeat; position: absolute; top: 50%; left: 0; transform: translateY(-50%); }

.parceiros { padding: 65px 0; }
.parceiros h3 { text-align: center; margin: 0 0 20px; color: var(--color-text); font-size: 2.5vw; font-weight: 600; }
.parceiros .txt { text-align: center; margin: 0 0 65px; color: var(--color-text); font-size: 1.25vw; font-weight: 300; }
.carousel-parceiros { max-width: 1200px; margin: 0 auto; }
.carousel-parceiros .owl-carousel .parceiro-item { height: 100px; max-width: 180px; display: flex; align-items: center; justify-content: center; }
.carousel-parceiros .owl-carousel .parceiro-item picture { height: 100%; width: 100%; display: flex; align-items: center; justify-content: center; }
.carousel-parceiros .owl-carousel .parceiro-item img { max-height: 100%; max-width: 100%; width: auto; height: auto; object-fit: contain; }

.inner-banner { position: relative; z-index: 9; height: 35.94vw; min-height: 640px; max-width: 100%; width: 100%; }
.inner-banner img { display: block; width: 100%; height: 100%; object-fit: cover; border-radius: 0;}
#institucional .banner.inner-banner { height: 35.94vw; min-height: 640px; }
#institucional .banner.inner-banner img { height: 100%; object-fit: cover; border-radius: 0; }
#produtos .banner.inner-banner { height: 35.94vw; min-height: 640px; padding: 0; }
#produtos .banner.inner-banner img { height: 100%; object-fit: cover; border-radius: 0; }

.hashtag { color: var(--color-text); font-size: 1.9vw; text-align: center; line-height: 1; margin: 0 0 25px; font-weight: 300; }
.hashtag span { font-weight: 500; }


#wrapper.redecredenciada { background: #F0F0F0; }

.bar { width: 100%; height: 7px; background: url(../images/bar.webp) top center; background-size: 100%; }

.wrap-form form .field,
.wrap-form form .input { width: 100%; border: none; height: 50px; padding: 0 18px; background: #FFF; border-radius: 50px; font-size: 20px; font-weight: 300; color: var(--color-text); border-bottom: 1px solid #EBEBEB; }
.wrap-form form .input::-webkit-input-placeholder { opacity: 1; color: var(--color-text); }
.wrap-form form input[type='submit'] { border-radius: 28.5px; display: inline-block; width: 225px; text-align: center; color: #FFF; font-size: 20px; border: none; line-height: 55px; background: var(--black-bg); cursor: pointer; transition: all .25s; }
.wrap-form form input[type='submit']:hover { transform: translateY(-2px); }

/* ESTABELECIMENTO */
main.quero-ser-estabelecimento { padding: 170px 0; background: #F8F8F8; position: relative; min-height: 100vh; }
main.quero-ser-estabelecimento .layer { width: 100%; height: 100%; position: absolute; top: 0; left: 0; background: url(../images/bg-estabelecimento.png) top center no-repeat; background-size: cover; z-index: 0; }
main.quero-ser-estabelecimento .indent { position: relative; z-index: 1; }
main.quero-ser-estabelecimento .hero-text-section { display: grid; grid-template-columns: 1fr 1.5fr; gap: 80px; margin: 0 0 80px; padding: 0 120px; align-items: center; }
main.quero-ser-estabelecimento .hero-text-left { }
main.quero-ser-estabelecimento .hero-text-left h2 { font-size: clamp(28px, 3vw, 50px); color: var(--color-primary); margin: 0; }
main.quero-ser-estabelecimento .hero-text-right { }
main.quero-ser-estabelecimento .hero-text-right h2 { font-size: clamp(24px, 2.5vw, 40px); color: var(--color-primary); font-weight: 400; margin: 0; }
main.quero-ser-estabelecimento .hero-text-right h2 strong { font-weight: 600; }
main.quero-ser-estabelecimento .hero-text-right h2 .highlight-green { color: var(--color-secondary); }
main.quero-ser-estabelecimento .wrap-form { background: #FFF; border-radius: 20px; padding: 70px 105px; position: relative; z-index: 1; box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08); }
main.quero-ser-estabelecimento .wrap-form form > .d-flex { gap: 55px; }
main.quero-ser-estabelecimento .wrap-form form .input { background: #EFEFEF; border: none; border-radius: 25px; color: var(--color-text); transition:border-color .3s ease,background .3s ease; }
main.quero-ser-estabelecimento .wrap-form form .input:focus{outline:none;border: 1px solid var(--color-secondary);background:#ffffff;}
main.quero-ser-estabelecimento .wrap-form form .input.error{border: 1px solid var(--color-error);background:#ffffff;}
main.quero-ser-estabelecimento .wrap-form form select.input { padding-right: 50px; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8' fill='none'%3E%3Cpath d='M1 1L6 6L11 1' stroke='%23333' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E"); background-repeat: no-repeat; background-position: right 20px center; appearance: none; -webkit-appearance: none; -moz-appearance: none; font-size: 16px; }
main.quero-ser-estabelecimento .wrap-form form .input::placeholder { color: #A0A0A0; opacity: 1; font-size: 16px; }
main.quero-ser-estabelecimento .wrap-form form textarea.input { height: 120px; padding: 15px 18px; resize: vertical; background: #EFEFEF; border: none; border-radius: 25px; }
main.quero-ser-estabelecimento .wrap-form .side { width: 50%; }
main.quero-ser-estabelecimento .wrap-form h4 { font-size: clamp(18px, 1.1vw, 22px); color: #000; margin: 0 0 25px 20px; font-weight: 600; }
main.quero-ser-estabelecimento .wrap-form .space { width: 100%; height: 1px; background: #E0E0E0; margin: 30px 0; }
main.quero-ser-estabelecimento .wrap-form .wrap-radio { display: grid; grid-template-columns: repeat(3, 1fr); gap: 15px; }
main.quero-ser-estabelecimento .wrap-form .wrap-radio .col-radio { margin: 0; }
main.quero-ser-estabelecimento .wrap-form .wrap-radio .col-radio input[type='checkbox'] { position: absolute; opacity: 0; }
main.quero-ser-estabelecimento .wrap-form .wrap-radio .col-radio input + span { flex-shrink: 0; position: relative; display: block; width: 17px; height: 17px; border-radius: 4px; background: #FFF; margin: 0 7px 0 0; box-shadow: 0 2px 2px rgba(0,0,0,.25); border: 1px solid #EBEBEB; }
main.quero-ser-estabelecimento .wrap-form .wrap-radio .col-radio input:checked + span::after { content: ''; width: 8px; height: 8px; border-radius: 50%; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); background: var(--color-primary); }
main.quero-ser-estabelecimento .wrap-form .wrap-radio .col-radio label:not(.error) { font-weight: 300; color: var(--color-text); font-size: 16px; }
main.quero-ser-estabelecimento .wrap-form .bottom-form { margin: 50px 0 0; padding: 0 20px; gap: 30px; align-items: center; }
main.quero-ser-estabelecimento .wrap-form .bottom-form p { font-weight: 300; font-size: clamp(14px, 1.1vw, 18px); color: var(--color-text); line-height: 1.5; margin: 0; }.quero-ser-estabelecimento .wrap-form .bottom-form p a { text-decoration: underline; color: var(--color-primary); font-weight: 500; }
main.quero-ser-estabelecimento .wrap-form .bottom-form input[type="submit"] { background: #60B63C; color: #FFF; border: none; border-radius: 30px; font-size: clamp(16px, 1.1vw, 20px); font-weight: 600; cursor: pointer; transition: all 0.3s; }
main.quero-ser-estabelecimento .wrap-form .bottom-form input[type="submit"]:hover { background: var(--color-accent); transform: translateY(-2px); box-shadow: 0 4px 12px rgba(96, 182, 60, 0.3); }

main.rede-credenciada { padding: 130px 0 100px; position: relative; background: #F8F8F8; min-height: 100vh; }
main.rede-credenciada .layer { width: 100%; height: 100%; position: absolute; top: 0; left: 0; background: url(../images/bg-rede-credenciada.png) top center no-repeat; z-index: 0; }
main.rede-credenciada .indent { position: relative; z-index: 1; }
main.rede-credenciada .rede-hero-section { display: grid; grid-template-columns: 1fr 2fr; gap: 40px; margin: 0; padding: 0; }
main.rede-credenciada .rede-hero-text { padding: 60px 0; }
main.rede-credenciada .rede-hero-text h2 { font-size: clamp(28px, 3vw, 60px); color: var(--color-primary); margin: 0 0 40px; font-weight: 200;}
main.rede-credenciada .rede-hero-text p { font-size: clamp(20px, 2vw, 32px); color: var(--color-primary); font-weight: 400; margin: 0 0 30px; line-height: 1; }
main.rede-credenciada .rede-hero-text p strong { font-weight: 600; }
main.rede-credenciada .rede-hero-text p .highlight-green { color: var(--color-secondary);}
main.rede-credenciada .rede-buttons { display: flex; flex-direction: column; gap: 20px; max-width: fit-content; }
main.rede-credenciada .rede-btn { display: inline-block; padding: 15px 40px; background: var(--color-secondary); color: #FFF; border: none; border-radius: 30px; font-size: clamp(16px, 1.2vw, 20px); text-align: center; text-decoration: none; transition: all 0.3s; }
main.rede-credenciada .rede-btn:hover { background: var(--color-primary); box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2); }
main.rede-credenciada .rede-hero-image { position: relative; }
main.rede-credenciada .rede-hero-image img { width: 100%; height: auto; display: block; }

/********** INSTITUCIONAL - CREDIBILIDADE **********/
#institucional .credibilidade { padding: 20px 0 0; background: #FFF; position: relative; }
#institucional .credibilidade .indent { align-items: center; padding: 0; display: flex; gap: 0px; }
#institucional .credibilidade .content-text { width: 50%; flex-shrink: 0; max-width: 27vw; }
#institucional .credibilidade .content-text span { font-weight: 600; color: var(--color-secondary); }
#institucional .credibilidade .content-text h2 { font-size: clamp(24px, 2.5vw, 42px); color: var(--color-primary); margin: 0 0 30px; font-weight: 400; }
#institucional .credibilidade .content-text h2 span { font-weight: 500; }
#institucional .credibilidade .content-text p { font-size: clamp(12px, 1.2vw, 20px); color: var(--color-text); margin: 0 0 20px; font-weight: 300; line-height: 1.3; padding: 0 30px 0 0; }
#institucional .credibilidade .content-text p strong { font-weight: 600; color: var(--color-primary); }
#institucional .credibilidade .content-image { width: 80%; min-width: 51vw; flex-shrink: 0; position: relative; padding: 0; }
#institucional .credibilidade .content-image img { width: 100%; height: auto; display: block; position: relative; z-index: 2; border-radius: 30px; }

/********** INSTITUCIONAL - ATENDIMENTO HUMANIZADO **********/
#institucional .atendimento-humanizado { padding: 80px 0; background: #F6F6F6; }
#institucional .atendimento-humanizado .indent { text-align: center; }
#institucional .atendimento-humanizado h2 { font-size: clamp(24px, 2.5vw, 42px); color: var(--color-primary); margin: 0 0 40px; font-weight: 400; max-width: 720px; margin: 0 auto;  margin-bottom: 30px;}
#institucional .atendimento-humanizado .intro-text { font-size: 20px; color: var(--color-text); margin: 0 auto 20px; font-weight: 300; line-height: 1.3; }
#institucional .atendimento-humanizado .intro-text:last-of-type { margin-bottom: 60px; font-weight: 500; }
#institucional .atendimento-humanizado .logos-carousel-wrapper { margin: 60px 0 0; }
#institucional .atendimento-humanizado .logos-carousel.owl-carousel { width: 100%; padding: 0 100px; }
#institucional .atendimento-humanizado .logo-item { display: flex; align-items: center; justify-content: center; padding: 0; }
#institucional .atendimento-humanizado .logo-item picture { display: flex; align-items: center; justify-content: center; width: 100%; }
#institucional .atendimento-humanizado .logo-item img { max-width: 100%; height: auto; max-height: 120px; object-fit: contain; filter: grayscale(0); transition: all 0.3s; }

/********** INSTITUCIONAL - NOSSOS DIFERENCIAIS **********/
#institucional .nossos-diferenciais { padding: 80px 0; background: #F6F6F6; }
#institucional .nossos-diferenciais .section-title { font-size: clamp(28px, 4vw, 48px); color: #000; margin: 0 0 60px; font-weight: 400; text-align: center; }
#institucional .nossos-diferenciais .section-title span {font-weight: 600;}
#institucional .nossos-diferenciais .beneficio-layout { gap: 50px; display: grid; grid-template-columns: 400px 1fr; margin: auto; width: fit-content; }
#institucional .nossos-diferenciais .beneficio-image img { width: 100%; height: auto; display: block; border-radius: 20px; }
#institucional .nossos-diferenciais .beneficio-list { position: relative; max-width: 500px; }
#institucional .nossos-diferenciais .beneficio-list::before { content: ''; position: absolute; left: 25px; top: 0; bottom: 0; width: 2px; background: #E0E0E0; height: 80%; }
#institucional .nossos-diferenciais .beneficio-item-detalhado { display: flex; gap: 20px; margin: 0 0 40px; position: relative; }
#institucional .nossos-diferenciais .beneficio-item-detalhado:last-child { margin: 0; }
#institucional .nossos-diferenciais .beneficio-icon img { width: 100%; height: 100%; object-fit: contain; }
#institucional .nossos-diferenciais .beneficio-text h3 { font-size: clamp(20px, 1.5vw, 26px); color: var(--color-primary); margin: 0 0 10px; font-weight: 800; }
#institucional .nossos-diferenciais .beneficio-text p { font-size: clamp(14px, 1.1vw, 18px); color: var(--color-text); margin: 0; font-weight: 300; line-height: 1.3; }

/********** INSTITUCIONAL - VALORES QUE NOS MOVEM **********/
#institucional .valores-que-nos-movem { padding: 0 0 80px; background: #F6F6F6; }
#institucional .valores-que-nos-movem .section-title { font-size: clamp(28px, 4vw, 48px); color: #000; margin: 0 0 40px; font-weight: 600; text-align: center; }
#institucional .valores-que-nos-movem .valores-text { font-size: clamp(16px, 1.3vw, 20px); color: var(--color-text); margin: 0 auto 30px; font-weight: 300; line-height: 1.2; text-align: center; max-width: 900px; }
#institucional .valores-que-nos-movem .valores-destaque { font-size: clamp(16px, 1.4vw, 22px); margin: 0 auto; font-weight: 600; text-align: center; max-width: 900px; line-height: 1.2; }

/* FAQ PAGE - MS Benefícios */
.faq-page .banner.inner-banner { height: 35.94vw; min-height: 640px; position: relative; }
.faq-page .banner.inner-banner img { height: 100%; object-fit: cover; border-radius: 0; }
.faq-page .banner.inner-banner .indent { height: 100%; display: flex; align-items: center; position: absolute; top: 0; left: 0; right: 0; z-index: 1; }
.faq-page .faq-hero-text { padding: 0 5vw; }
.faq-page .faq-hero-text h2 { font-size: clamp(28px, 3vw, 60px); color: var(--color-primary); margin: 0; font-weight: 500; line-height: 1.2; }

.faq-content { padding: 60px 0; }
.faq-content .faq-title { font-size: clamp(32px, 3.5vw, 52px); font-weight: 600; color: var(--color-primary); margin: 0 0 60px; }

.faq-categories { max-width: 1200px; margin: 0 auto; }
.faq-category { margin: 0 0 50px; }
.faq-category:last-child { margin: 0; }
.faq-category-title { font-size: clamp(20px, 1.8vw, 28px); font-weight: 600; color: var(--color-primary); margin: 0 0 25px; }

.faq-items { }
.faq-item { background: #FFF; border-bottom: 1px solid #D9D9D9; }
.faq-item:first-child { border-top: 1px solid #D9D9D9; }
.faq-question { display: grid; justify-content: space-between; align-items: center; padding: 20px 0; cursor: pointer; grid-template-columns: 1fr 40px; }
.faq-question-text { font-size: clamp(16px, 1.1vw, 18px); color: var(--color-primary); font-weight: 500; line-height: 1.3; }
.faq-arrow { display: block; width: 8px; height: 22px; background: url(../images/arrow-carousel.svg) no-repeat center center; background-size: contain; transition: transform 0.25s ease; transform: rotate(90deg); flex-shrink: 0; margin-left: 15px; }
.faq-item.active .faq-arrow { transform: rotate(-90deg); }
.faq-answer { display: none; padding: 0 0 20px; font-size: clamp(14px, 0.95vw, 16px); color: var(--color-primary); line-height: 1.2; }
.faq-answer ul, .faq-answer ol { margin: 10px 0 10px 20px; padding: 0; }
.faq-answer ul li { list-style: disc; margin: 5px 0; }
.faq-answer ol li { list-style: decimal; margin: 5px 0; }

/* LGPD PAGE - MS Benefícios */
.lgpd-page { padding: 0; }
.lgpd-page .banner.inner-banner { height: 35.94vw; min-height: 640px; position: relative; }
.lgpd-page .banner.inner-banner img { height: 100%; object-fit: cover; border-radius: 0; }

.lgpd-content { padding: 60px 0; }
.lgpd-content .lgpd-title { font-size: clamp(32px, 3.5vw, 52px); font-weight: 600; color: var(--color-primary); margin: 0 0 40px; }

.lgpd-intro { margin: 0 0 50px; max-width: 1200px; margin-left: auto; margin-right: auto; }
.lgpd-intro p { font-size: clamp(16px, 1.1vw, 18px); color: var(--color-primary); line-height: 1.3; }

.lgpd-items { max-width: 1200px; margin: 0 auto 50px; }
.lgpd-item { background: #FFF; border-bottom: 1px solid #D9D9D9; }
.lgpd-item:first-child { border-top: 1px solid #D9D9D9; }
.lgpd-question { display: grid; justify-content: space-between; align-items: center; padding: 20px 0; cursor: pointer; grid-template-columns: 1fr 40px; }
.lgpd-question-text { font-size: clamp(16px, 1.1vw, 18px); color: var(--color-primary); font-weight: 500; line-height: 1.3; }
.lgpd-arrow { display: block; width: 8px; height: 22px; background: url(../images/arrow-carousel.svg) no-repeat center center; background-size: contain; transition: transform 0.25s ease; transform: rotate(90deg); flex-shrink: 0; margin-left: 15px; }
.lgpd-item.active .lgpd-arrow { transform: rotate(-90deg); }
.lgpd-answer { display: none; padding: 0 0 20px; font-size: clamp(14px, 0.95vw, 16px); color: var(--color-primary); line-height: 1.2; }
.lgpd-answer ul, .lgpd-answer ol { margin: 10px 0 10px 20px; padding: 0; }
.lgpd-answer ul li { list-style: disc; margin: 5px 0; }
.lgpd-answer ol li { list-style: decimal; margin: 5px 0; }

.lgpd-footer { max-width: 1200px; margin: 0 auto; }
.lgpd-footer p { font-size: clamp(16px, 1.1vw, 18px); color: var(--color-primary); line-height: 1.3; margin: 0 0 30px; }
.lgpd-footer p a { color: var(--color-secondary); text-decoration: underline; }
.lgpd-btn { display: inline-block; padding: 15px 40px; background: var(--color-secondary); color: #FFF; border-radius: 24px; font-size: clamp(16px, 1.1vw, 18px); font-weight: 500; text-decoration: none; transition: all 0.25s; }
.lgpd-btn:hover { background: var(--color-primary); }

#lgpd { padding: 0 0 70px; background: url(../images/bg-lgpd.webp?q=5) top 27.5vw center no-repeat; background-size: 100% auto; }
#lgpd h1 { font-weight: 300; font-size: 1.7vw; color: var(--color-text); line-height: 1; text-align: center; }
#lgpd h1 img { width: 230px; }
#lgpd h2  {  color: var(--color-text); font-size: 1.25vw; line-height: 1.3; margin: 0 0 50px; }
#lgpd p  { color: #000; font-size: 1.1vw; line-height: 1.8; margin: 0 0 50px; }
#lgpd .default-btn { min-width: 285px; }


/********** PRODUTOS **********/
#produtos .container-bg {background: url(./../images/bg-produtos.jpg) no-repeat; background-size: 100%; background-position: center 400px;}

#produtos .container-bg .divider { height: 2px; width: 90%; background: #EEE; margin: 80px auto;}

/********** PRODUTO HERO (ESTRUTURA GENÉRICA REUTILIZÁVEL) **********/
.produto-hero { padding: 80px 0 0; }
.produto-hero .hero-section { margin: 0 0 40px; gap: 50px; }
.produto-hero .hero-text { width: 40%; flex-shrink: 0; max-width: 27vw; }
.produto-hero .hero-text h2 { font-size: clamp(24px, 2.5vw, 42px); color: var(--color-primary); margin: 0 0 30px; }
.produto-hero .hero-text p { font-size: clamp(12px, 1.2vw, 20px); color: var(--color-text); margin: 0 0 20px; font-weight: 300; line-height: 1.3; }
.produto-hero .hero-text p:last-child { margin: 0; }
.produto-hero .hero-text strong { font-weight: 600; color: var(--color-primary); }
.produto-hero .hero-image { width: 60%; max-width: 39vw; flex-shrink: 0; }
.produto-hero .hero-image img { width: 100%; height: auto; display: block; }
.produto-hero .beneficios-grid { display: grid; grid-template-columns: repeat(5, 1fr); gap: 2vw; margin: 0 0 80px; }
.produto-hero .beneficio-item { text-align: center; max-width: 140px; margin: auto; padding: 5px; }
.produto-hero .beneficio-item figure { margin: 0 0 20px; display: flex; justify-content: center; align-items: center; }
.produto-hero .beneficio-item figure img { width: 64px; height: 64px; object-fit: contain; }
.produto-hero .beneficio-item h3 { font-size: clamp(12px, 1vw, 15px); color: var(--color-primary); margin: 0; font-weight: 400; }

/********** BENEFÍCIOS TABS SECTION **********/
.beneficios-tabs-section { padding: 0 0 80px; }
.beneficios-tabs-section .section-title { font-size: clamp(24px, 2.5vw, 42px); color: var(--color-primary); text-align: center; margin: 0 0 60px; }
.beneficios-tabs-section .section-title strong {font-weight: 600;}
.beneficios-tabs-section .indent { display: flex; flex-direction: column; align-items: center; }
.beneficio-tabs { margin: 0 auto 50px; gap: 0; display: inline-flex; transform: translateX(-20px);}
.beneficio-tabs .tab-btn { padding: 15px 40px; text-decoration: none; transition: all 0.3s; display: flex; align-items: center; gap: 10px; font-size: clamp(14px, 1.1vw, 18px); font-weight: 500; border: none; background: #EEEEEE; color: #4F4F4F; }
.beneficio-tabs .tab-btn:first-child { border-radius: 20px; transform: translateX(20px);}
.beneficio-tabs .tab-btn:last-child { border-top-right-radius: 20px; border-bottom-right-radius: 20px; border-top-left-radius: 0; border-bottom-left-radius: 0; }
.beneficio-tabs .tab-btn .icon-person, .beneficio-tabs .tab-btn .icon-building { width: 24px; height: 24px; display: flex; align-items: center; justify-content: center; flex-shrink: 0; }
.beneficio-tabs .tab-btn .icon-person svg, .beneficio-tabs .tab-btn .icon-building svg { width: 100%; height: 100%; display: block; }
.beneficio-tabs .tab-btn:not(.active)[data-tab="servidor"] .icon-person { color: var(--color-secondary); }
.beneficio-tabs .tab-btn:not(.active)[data-tab="prefeitura"] .icon-building { color: var(--color-primary); }
.beneficio-tabs .tab-btn.active { color: #FFFFFF; }
.beneficio-tabs .tab-btn.active .icon-person, .beneficio-tabs .tab-btn.active .icon-building { color: #FFFFFF; }
.beneficio-tabs .tab-btn[data-tab="servidor"].active { background: var(--color-secondary); }
.beneficio-tabs .tab-btn[data-tab="prefeitura"].active { background: var(--color-primary); }
.beneficio-content { display: none; }
.beneficio-content.active { display: block; }
.beneficio-layout { gap: 50px; display: grid; grid-template-columns: 370px 1fr; }
.beneficio-image img { width: 100%; height: auto; display: block; border-radius: 20px;}
.beneficio-list { position: relative; max-width: 400px; }
.beneficio-list::before { content: ''; position: absolute; left: 25px; top: 0; bottom: 0; width: 2px; background: #E0E0E0; height: 90%; }
.cartao-refeicao .beneficio-content[data-content="servidor"] .beneficio-list::before { height: 87%;}
.cartao-multiplo .beneficio-content[data-content="servidor"] .beneficio-list::before { height: 80%;}
.cartao-multiplo .beneficio-content[data-content="prefeitura"] .beneficio-list::before { height: 80%;}
.beneficio-item-detalhado { display: flex; gap: 20px; margin: 0 0 40px; position: relative; }
.beneficio-item-detalhado:last-child { margin: 0; }
.beneficio-icon { width: 50px; height: 50px; flex-shrink: 0; border-radius: 50%; display: flex; align-items: center; justify-content: center; position: relative; z-index: 2; }
.beneficio-icon img { width: 100%; height: 100%; object-fit: contain; }
.beneficio-text h3 { font-size: clamp(16px, 1.2vw, 20px); color: var(--color-primary); margin: 0 0 10px; font-weight: 600; }
.beneficio-text p { font-size: clamp(14px, 1vw, 16px); color: var(--color-text); margin: 0; font-weight: 300; line-height: 1.5; }

/* MOUNT CSS PRODUTO CONTENT */
/********** PRODUTO **********/

/* CAROUSEL TOP */
#produto .container-produto {background-color: #F8F8F8;}
#produto .container-produto .infos {display: flex; align-items: center; justify-content: center; gap: 54px; padding: 60px 0 80px; position: relative;}
#produto .container-produto .infos .back {font-size: 1.1458333333333333vw; color: var(--gray); font-weight: bold; text-transform: uppercase; position: absolute; left: 13.541666666666666vw; top: 3.125vw;}
#produto .container-produto .infos .container-carousel {max-width: 23.75vw; width: 100%; min-width: 380px;}
#produto .container-produto .infos .container-carousel .container-slick .produto {max-width: 456px; max-height: 456px; width: 100%; height: auto; display: flex; align-items: center; justify-content: center;}
#produto .container-produto .infos .container-carousel .container-slick .produto img {max-width: 365px; max-height: 365px; width: auto; height: auto;}
#produto .container-produto .infos .container-carousel .container-slick .img {max-width: 102px; max-height: 102px; width: auto; height: 100%; border: 1px solid #D3D3D3; border-radius: 10px; margin: 4px; overflow: hidden;}
#produto .container-produto .infos .container-carousel .container-slick .img.slick-current {border: 2px solid var(--red); overflow: hidden;}
#produto .container-produto .infos .container-carousel .container-slick .img.slick-slide {min-height: 5.3125vw; min-width: 5.3125vw; display: flex; align-items: center; justify-content: center;}
#produto .container-produto .infos .container-carousel .container-slick .img.slick-slide img {max-width: 90%; max-height: 75px; width: auto;}
#produto .container-produto .infos .container-carousel .container-slick .container-nav .slider-nav .slick-track.active {width: 100%!important; display: flex; align-items: center; justify-content: center;}
#produto .container-produto .infos .box-text {display: flex; flex-direction: column; gap: 3.1770833333333335vw; max-width: 28.333333333333332vw; width: 100%;}
#produto .container-produto .infos .box-text .title {display: flex; flex-direction: column; gap: 1.3020833333333333vw;}
#produto .container-produto .infos .box-text .title h1 {font-size: 2.7083333333333335vw; font-weight: bold; text-transform: uppercase; text-align: left; color: var(--red);}
#produto .container-produto .infos .box-text .title h5 {font-size: 1.4583333333333333vw; text-transform: uppercase; text-align: left; color: var(--gray); position: relative;}
#produto .container-produto .infos .box-text .title h5 span {color: var(--red);}
#produto .container-produto .infos .box-text .title h5::after {content: ''; display: block; max-width: 80px; width: 100%; height: 4px; background-color: var(--gray); position: absolute; left: 0; bottom: -30px; border-radius: 50px;}
#produto .container-produto .infos .box-text .text {display: flex; flex-direction: column; gap: 1.40625vw;}
#produto .container-produto .infos .box-text .text p {font-size: 0.9375vw; color: var(--gray); text-align: left;}
#produto .container-produto .infos .box-text .text ul {color: var(--gray); font-size: 0.9375vw; list-style-type: disc; list-style: disc; padding-left: 15px;}
#produto .container-produto .infos .box-text .text ul li {list-style: disc;}
#produto .container-produto .infos .box-text .text ul li+li {margin-top: 5px;}

/* ESPECIFICAÇÕES */
#produto .especificacoes {padding: 120px 0 218px; background-color: var(--white);}
#produto .especificacoes .container {display: flex; flex-direction: column; gap: 100px;}
#produto .especificacoes .container h3 {font-size: 44px; color: var(--gray); font-weight: bold; text-align: left; max-width: 335px; text-transform: uppercase; position: relative;}
#produto .especificacoes .container h3 span {color: var(--red);}
#produto .especificacoes .container h3::after {content: ''; display: block; max-width: 80px; width: 100%; height: 4px; background-color: var(--gray); position: absolute; left: 0; bottom: -40px; border-radius: 50px;}
#produto .especificacoes .container .list-especificacoes {display: grid; grid-template-columns: repeat(3, 1fr); max-width: 1288px; grid-row-gap: 32px; grid-column-gap: 20px;}
#produto .especificacoes .container .list-especificacoes .item {display: flex; align-items: center; gap: 1.5625vw;}
#produto .especificacoes .container .list-especificacoes .item .img {max-width: 38px; width: 100%; max-height: 38px; height: auto;}
#produto .especificacoes .container .list-especificacoes .item .img img {width: auto; height: auto;}
#produto .especificacoes .container .list-especificacoes .item span {font-size: 0.9375vw; text-align: left; color: var(--gray);}

@media (max-width: 1500px) {
  #produtos .container-bg {background-size: 1600px auto;}
}

/*  */
@media (max-width: 1200px) {

  :root {
    --indent-width: 1100px;
    --indent-max-width: 90%
  } 

  #produtos .container-bg {background-size: 1400px auto;}

  #header .box-header .wlogo img, #header .box-header .wlogo {
    max-width: 180px;
  }

  #header .box-header .wrap-menu .links-menu {
    justify-content: center;
    gap: 15px;
  }

  #home .banner .item, #institucional .banner.inner-banner, #produtos .banner.inner-banner, .faq-page .banner.inner-banner {
    min-height: 45vw;
  }

  #home .forma-simples .depoimento-content .profissao { font-size: 14px; }
  #home .forma-simples .hero-text h2 { font-size: 24px; }
  #home .forma-simples .hero-text p { font-size: 16px; }
  

  #newsletter .wrap-text .text p {
    font-size: 48px;
    max-width: 330px;
  }

  #newsletter .newsletter-container {
    gap: 20px;
  }

  #newsletter .wrap-form {
    padding: 40px 30px;
    max-width: 420px;
  }

  #newsletter .wrap-form h5 {
    font-size: 24px;
  }


	
}

@media (max-width: 1000px) { 

  :root {
    --indent-max-width: 95%
  } 

  #header .box-header .wlogo img, #header .box-header .wlogo {
    max-width: 140px;
    width: 140px;
    min-width: auto;
  }

  #header .box-header .wrap-menu .links-menu li, #header .box-header .btn-proposta {
    font-size: 14px;
  }

  #home .banner .item {
    min-height: 55vw;
  }

  #home .escolha-inteligente .content-image {
    width: 60%;
  }

  #home .escolha-inteligente .indent, #home .forma-simples .hero-section {
    justify-items: start;
  }

  #newsletter .newsletter-container {
    flex-direction: column;
    gap: 30px;
    align-items: center;
  }

  #home .forma-simples .depoimentos-nav .arrow { width: 40px; height: 40px; }
  #home .forma-simples .depoimento-card { width: 100%; max-width: 350px; aspect-ratio: 350 / 300; }

  #home .escolha-inteligente .content-text { padding-top: 0; }
  #home .escolha-inteligente .content-text {max-width: 30vw;}
  #home .forma-simples .hero-text { padding-top: 20px;}

  #newsletter {
    padding: 40px 20px;
    border-radius: 30px;
    margin: 0 20px;
    max-width: calc(100% - 40px);
    max-height: none;
  }

  #newsletter .indent { max-width: 100% !important; padding: 0; }
  #newsletter .wrap-form { width: 100%; padding: 25px; height: auto; order: 1; }
  #newsletter .wrap-form h5 { font-size: 18px; margin: 0 0 25px; }
  #newsletter .wrap-form p {text-align: center;}
  #newsletter .wrap-form form { height: auto; }
  #newsletter .wrap-form form .winput { margin: 0 0 10px; padding-bottom: 18px; }
  #newsletter .wrap-form form .winput:last-of-type { margin: 0 0 20px; }
  #newsletter .wrap-form form .input { font-size: 14px; line-height: 45px; }
  #newsletter .wrap-form form textarea.input { line-height: 1.5; padding: 12px 15px; min-height: 80px; }
  #newsletter .wrap-form form .winput label.error { font-size: 11px; }
  #newsletter .wrap-form form .wcheckbox { margin: 0; padding-bottom: 18px; }
  #newsletter .wrap-form form .wcheckbox label { font-size: 12px; }
  #newsletter .wrap-form form .wcheckbox label.error { font-size: 11px; }
  #newsletter .wrap-form form input[type='submit'] { font-size: 16px; line-height: 45px; }
  #newsletter .wrap-text { width: 100%; text-align: center; order: 2; justify-content: center; }
  #newsletter .wrap-text .text { text-align: center; }
  #newsletter .wrap-text .text p { font-size: 24px; line-height: 1.2; max-width: 70%; margin: auto; }

  #home .forma-simples .depoimento-content .depoimento-text { font-size: 13px; }

}

/* Páginas de acesso sem menu - Estilos genéricos */
body.meu-cartao header,
body.meu-cartao footer,
body.cartao-social header,
body.cartao-social footer,
body.cartao-rede header,
body.cartao-rede footer,
body.portal-rh header,
body.portal-rh footer,
body.sou-estabelecimento header,
body.sou-estabelecimento footer,
#wrapper.meu-cartao header,
#wrapper.meu-cartao footer,
#wrapper.cartao-social header,
#wrapper.cartao-social footer,
#wrapper.cartao-rede header,
#wrapper.cartao-rede footer,
#wrapper.portal-rh header,
#wrapper.portal-rh footer,
#wrapper.sou-estabelecimento header,
#wrapper.sou-estabelecimento footer { display: none !important; }

#wrapper.meu-cartao .wrap{padding:0;max-width:100%;}

.page-access{min-height:100vh;display:flex;align-items:center;justify-content:center;background-size:cover;background-position:center;background-repeat:no-repeat;padding:40px 20px;position:relative;}

.page-access__container{max-width:1200px;width:100%;text-align:center;z-index:1;display:flex;gap:40px;flex-direction:column;}
.page-access__branding{display:flex;align-items:center;justify-content:center;}
.page-access__branding img{width:320px;height:auto;}
.page-access__cards{display:flex;gap:30px;justify-content:center;flex-wrap:wrap;}
.page-access__card{background:#ffffff;border-radius:34px;text-decoration:none;box-shadow:-1px 2px 7px rgba(0,0,0,.3);transition:transform .3s ease,box-shadow .3s ease;max-width:350px;width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;aspect-ratio:390 / 290;}

.page-access__card:hover{transform:translateY(-5px);box-shadow:0 8px 30px rgba(0,0,0,.15);text-decoration:none;}
.page-access__card-icon{margin-bottom:20px;width:100px;height:100px;display:flex;align-items:center;justify-content:center;}
.page-access__card-icon img{max-width:100%;height:auto;}
.page-access__card-text{font-family:'Mundial Narrow',sans-serif;font-size:18px;font-weight:700;color:var(--color-primary);margin:0;line-height:1.2;}


.page-access__card-highlight{display:block;}

.page-access__cards a:first-child .page-access__card-highlight{color:var(--color-secondary);}
.page-access__cards a:last-child .page-access__card-highlight{color:var(--color-accent);}
.page-access__button{display:inline-block;background:var(--color-primary);color:#ffffff;font-family:'Mundial Narrow',sans-serif;font-size:18px;font-weight:600;padding:15px 25px;border-radius:24px;text-decoration:none;transition:background .3s ease,transform .2s ease;}

.page-access__button:hover{transform:translateY(-2px);text-decoration:none;color:#ffffff;}

#wrapper.portal-rh .page-access__button { background-color: var(--color-accent); }
/* Estilos para página de formulário */
.page-access__form-section{gap:15px;display:flex;flex-direction:column;align-items:center;justify-content:center; width: 100%;}
.page-access__form-card{background:#ffffff;border-radius:24px;padding:40px;box-shadow:0 4px 20px rgba(0,0,0,.1);max-width:450px;width:100%;margin:0 auto;aspect-ratio:400 / 450;display:flex;flex-direction:column;align-items:center;justify-content:space-between;gap:30px}
.page-access__form-card .page-access__branding{flex-direction:column;gap:10px;}
.page-access__form-card .page-access__branding .logo{width:280px;height:auto;}

.estabelecimento.cartao-rede .page-access__form-card,
.estabelecimento.sou-estabelecimento .page-access__form-card,
.areadocliente .page-access__form-card
 { aspect-ratio: 400 / 520; }

.page-access__tagline{font-family:'Mundial Narrow',sans-serif;font-size:16px;font-weight:400;color:var(--color-primary);margin:0;}

.page-access__welcome{text-align:center;}
.page-access__welcome-text{font-family:'Mundial Narrow',sans-serif;font-size:24px;font-weight:900;color:var(--color-primary);margin:0;}

.page-access__form-title{font-family:'Mundial Narrow',sans-serif;font-size:22px;font-weight:700;color:var(--color-secondary);text-align:center;}
.page-access__form-description{font-family:'Mundial Narrow',sans-serif;font-size:18px;font-weight:500;color:var(--color-primary);text-align:center;line-height:1.1;}
.page-access__form{width:100%;display:flex;flex-direction:column;align-items:center;gap:10px;}
.page-access__form-group{width:100%;position:relative;min-height:70px;}

.page-access__input{width:100%;padding:18px 20px;font-family:'Mundial Narrow',sans-serif;font-size:16px;font-weight:400;color:#2c2c2c;background:#EFEFEF;border-radius:34px;box-sizing:border-box;transition:border-color .3s ease,background .3s ease; border: none;}
.page-access__input:focus{outline:none;border: 1px solid var(--color-secondary);background:#ffffff;}
.page-access__input::placeholder{color:#999;}
.page-access__input.error{border-color:var(--color-error);}

.page-access__form-group label.error{position:absolute;top:70%;left:0;right:0;font-family:'Mundial Narrow',sans-serif;font-size:14px;font-weight:400;color:var(--color-error);text-align:center;line-height:1.4;}

.page-access__submit{width:100%;padding:18px 30px;font-family:'Mundial Narrow',sans-serif;font-size:18px;font-weight:700;color:#ffffff;background:var(--color-secondary);border:none;border-radius:34px;cursor:pointer;transition:background .3s ease,transform .2s ease;}
.page-access__submit:hover{background: var(--color-secondary);transform:translateY(-2px);}
.page-access__submit:active{transform:translateY(0);}

.page-access__forgot{text-align:center; margin-top: 25px;}
.page-access__forgot-link{font-family:'Mundial Narrow',sans-serif;font-size:14px;font-weight:400;color:var(--color-primary);text-decoration:underline;transition:color .3s ease;}
.page-access__forgot-link:hover{color:var(--color-primary);text-decoration:none;}

/* Fundo color-primary para Portal do RH com imagem de fundo exclusiva */
.page-access-bg-primary {
  background: var(--color-primary) url('../images/bg-espaco-cliente-portal-rh.png') center center / cover no-repeat !important;
}

/* Fundo color-success para página Meu Estabelecimento com imagem de fundo exclusiva */
.page-access-bg-success {
  background: var(--color-success) url('../images/bg-espaco-cliente-estabelecimento.png') center center / cover no-repeat !important;
}

/********** ACESSE SEU ESPAÇO DO CLIENTE **********/
#home .acesse-espaco-cliente { padding: 60px 0 20px; background: #FFF; }
#home .acesse-espaco-cliente .indent { padding: 0 20px; }
#home .acesse-espaco-cliente .acesse-title{ font-size:2.5vw;line-height:1;margin:0 50px 0 0;flex-shrink:0;display:flex;flex-direction:column; }
#home .acesse-espaco-cliente .acesse-title .line-1{ color:#004d40;font-weight:400;font-size:.95em; }
#home .acesse-espaco-cliente .acesse-title .line-2{ color:#5cb85c;font-weight:600;font-size:1em; }
#home .acesse-espaco-cliente .wimages{ gap:30px;flex-grow:1;align-items:flex-start; }
#home .acesse-espaco-cliente .acesso-card{ flex:1;max-width:280px;text-decoration:none;display:flex;flex-direction:column;align-items:center; }
#home .acesse-espaco-cliente .acesso-card a{ text-decoration:none;display:flex;flex-direction:column;align-items:center;width:100%; }
#home .acesse-espaco-cliente .card-image{ width:256px;aspect-ratio:256 / 199;border-radius:30px;overflow:hidden;margin-bottom:20px;position:relative;box-shadow:0 4px 8px rgba(0,0,0,.15); }
#home .acesse-espaco-cliente .card-image img{ width:100%;height:100%;object-fit:cover;display:block;transition:transform .3s; }
#home .acesse-espaco-cliente .acesso-card:hover .card-image img { transform: scale(1.05); }
#home .acesse-espaco-cliente .card-button{ padding:12px 10px;border-radius:25px;font-size:15px;font-weight:500;text-align:center;transition:all .3s;white-space:nowrap;width:100%;max-width:182px; }
#home .acesse-espaco-cliente .btn-meu-cartao{ background:#55AF35;color:#FFF; }
#home .acesse-espaco-cliente .btn-meu-cartao:hover{ background:#55AF35;transform:translateY(-2px);box-shadow:0 4px 8px rgba(0,0,0,.2); }
#home .acesse-espaco-cliente .btn-sou-empresa{ background:#FCC30A;color:#043C42; }
#home .acesse-espaco-cliente .btn-sou-empresa:hover{ background:#FCC30A;transform:translateY(-2px);box-shadow:0 4px 8px rgba(0,0,0,.2); }
#home .acesse-espaco-cliente .btn-sou-estabelecimento{ background:#043C42;color:#FFF; }
#home .acesse-espaco-cliente .btn-sou-estabelecimento:hover{ background:#043C42;transform:translateY(-2px);box-shadow:0 4px 8px rgba(0,0,0,.2); }