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

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

body > #wrapper {min-height: 0;}

.desktop {display: none;}

#wrapper {padding: 0;}

.desktop { display: none!important; }
.mobile { display: block!important; }
.indent { padding: 0 30px !important; max-width: 100%; width: 100%;}
.text { font-size: 16px; }

/********** MENU MOBILE **********/
.menu-mobile-overlay { display: block; }
.menu-mobile-overlay { position: fixed; top: 0; left: 0; width: 100%; height: 100vh; background: var(--color-primary); z-index: 9999; overflow-y: auto; transform: translateX(-100%); transition: transform .3s ease-in-out; }
.menu-mobile-overlay.active { transform: translateX(0); }
.menu-mobile-overlay .menu-mobile-header { padding: 30px 45px; display: flex; align-items: center; justify-content: space-between; gap: 15px; }
.menu-mobile-overlay .wlogo-mobile { display: flex; flex-direction: column; align-items: flex-start; }
.menu-mobile-overlay .wlogo-mobile img { max-height: 45px; width: auto; }
.menu-mobile-overlay .tagline-mobile { color: #FFF; font-size: 12px; font-weight: 300; margin: 8px 0 0; }
.menu-mobile-overlay .btn-close-menu { min-width: 40px; min-height: 40px; border-radius: 50%; background: #E8E8E8; border: none; cursor: pointer; display: flex; align-items: center; justify-content: center; padding: 0; }
.menu-mobile-overlay .btn-close-menu span { font-size: 28px; color: var(--color-primary); line-height: 1; font-weight: 300; }
.menu-mobile-overlay .menu-mobile-content { padding: 30px; display: grid; grid-template-columns: 1fr 1fr; gap: 30px; }
.menu-mobile-overlay .menu-section { margin: 0 0 30px; }
.menu-mobile-overlay .menu-section:last-child { margin: 0; width: fit-content; }
.menu-mobile-overlay .menu-section h3 { font-size: 15px; font-weight: 600; color: var(--color-secondary); margin: 0 0 12px; }
.menu-mobile-overlay .menu-section h3 a { color: var(--color-secondary); text-decoration: none; }
.menu-mobile-overlay .menu-section ul { list-style: none; padding: 0; margin: 0; }
.menu-mobile-overlay .menu-section ul li { margin: 0 0 10px; }
.menu-mobile-overlay .menu-section ul li:last-child { margin: 0; }
.menu-mobile-overlay .menu-section ul li a { font-size: 14px; color: #FFF; text-decoration: none; font-weight: 300; }
.menu-mobile-overlay .menu-section ul li a:hover { text-decoration: underline; }
.menu-mobile-overlay .social-icons { display: grid; grid-template-columns: repeat(2, 1fr); gap: 10px; }
.menu-mobile-overlay .social-icon { width: 40px; height: 40px; border-radius: 8px; display: flex; align-items: center; justify-content: center; padding: 0; }
.menu-mobile-overlay .social-icon img { width: 100%; height: 100%; object-fit: contain; }

#header .box-header .menu-mobile { width: 40px; height: 40px; min-width: 40px; min-height: 40px; cursor: pointer; display: flex; flex-direction: column; justify-content: center; align-items: center; background: var(--color-primary); border-radius: 50%; padding: 0; gap: 4px; }
#header .box-header .menu-mobile .line { width: 20px; height: 3px; background: #FFF; border-radius: 2px; transition: all .3s; margin: 0; }
#header .box-header .menu-mobile:hover .line { background: #FFF; }
#header .box-header .wlogo img, #header .box-header .wlogo { max-width: 200px; width: 200px; }
#header .indent { padding: 0 40px !important; }

#wrapper.cartao-rede header, #wrapper.cartao-social header, #wrapper.meu-cartao header, #wrapper.portal-rh header, #wrapper.sou-estabelecimento header { display: block !important; }
#wrapper.cartao-rede .page-access__branding, #wrapper.cartao-social .page-access__branding, #wrapper.meu-cartao .page-access__branding, #wrapper.portal-rh .page-access__branding, #wrapper.sou-estabelecimento .page-access__branding { display: none !important; }

/* Logo branco no header mobile para Portal RH e Meu Estabelecimento */
#wrapper.portal-rh #header .box-header .wlogo img { content: url('../images/logo-white.svg'); }
#wrapper.sou-estabelecimento #header .box-header .wlogo img { content: url('../images/logo-white-blue.svg');}

/* Menu hamburger invertido para Portal RH  */
#wrapper.portal-rh #header .box-header .menu-mobile {
  background: #E8E8E8 !important;
}

#wrapper.portal-rh #header .menu-mobile .l2:after {background: var(--color-primary) !important;}

#wrapper.portal-rh #header .box-header .menu-mobile .line {
  background: var(--color-primary) !important;
}

#wrapper.portal-rh #header .box-header .menu-mobile:hover .line {
  background: var(--color-primary) !important;
}

#blog, #contato, #a-suntech, #home, #produtos, #suporte,  #produto, #comparador, #videos, #video, #noticia, #privacidade {padding-top: 0px;}

#wrapper > .wrap { padding: 0; }

/********** HEADER **********/
#hamburger {justify-content: end;}
#hamburger div, #hamburger div:after, #hamburger div:before {height: clamp(0.1rem, 0.1vw + 0.1rem, 0.2em); width: clamp(0.3rem, 14px + 0.3rem, 2rem);}
#hamburger { cursor: pointer; width: clamp(1.5rem, 2vw + 1.1rem, 6rem); height: clamp(2rem, 1.4vw + 1.7rem, 5rem); display: flex!important; align-items: center; }
#hamburger:hover { opacity: 1; }
#hamburger div, #hamburger div:after, #hamburger div:before { z-index: 1001; background-color: #383838; border-radius: 10px; width: clamp(0.1rem, 1vw + 1.2rem, 2em); height: clamp(0.2rem, 0.1vw + 0.5rem, 0.1em); transition: all 0.15s linear; }
#hamburger div:before, #hamburger div:after { content: ""; position: absolute; }
#hamburger div:before { transform: translateY(-200%); }
#hamburger div:after { transform: translateY(200%); }
#hamburger.open div { background: transparent; }
#hamburger.open div:before { transform: rotate(45deg); }
#hamburger.open div:after { transform: rotate(-45deg); }
#header{height: 65px; top: 0; left: 0; min-height: 65px; width: 100%; display: flex; align-items: center; z-index: 1051; }
#header .indent {align-items: center; height: fit-content; padding: 0 20px; margin-top: 40px;}
#header .default-btn { min-width: 135px; }
#header .box-header {justify-content: space-between; padding: 0; display: flex; align-items: center; width: 100%; gap: 15px; }
#header .box-header .wlogo { max-width: 145px; flex-shrink: 0; }
#header .box-header .wlogo img { max-height: 50px; width: auto; }
#header .box-header .wmenu { margin-left: auto; flex-shrink: 0; }
#header .indent .wrap-nav { overflow-y: auto; left: 100%; position: fixed; width: 100%; height: calc(100vh - 60px); background-color: #FFF;right: 0; top: 60px; transition: all .25s; display: none; }

#header .wmenu { grid-row: 1; }
#header .menu-mobile { width: 34px; height: 25px; z-index: 99; flex-shrink: 0; display: flex; }
#header .menu-mobile .line { position: relative; transition: all .25s; display: block; width: 100%; height: 2px; background: #000; border-radius: 3px; }
#header .menu-mobile .l2:after { content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 2px; background: #FFF; border-radius: 3px; transition: all .25s; }

html.active { overflow: hidden; }
html.active body { overflow: hidden; position: fixed; width: 100%; }

/* Páginas de acesso - Imagem de fundo mobile */
.page-access:not(.page-access-bg-primary) { background-image: url('../images/bg-espaco-cliente-mobile.png') !important; }

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

/* Meu Estabelecimento - imagem de fundo exclusiva mobile */
.page-access-bg-success { background: var(--color-success) url('../images/bg-espaco-cliente-estabelecimento-mobile.png') center center / cover no-repeat !important; }
html.active #header .indent .wrap-nav { left: 0; }
html.active .menu-mobile-overlay { transform: translateX(0); }

.default-btn { line-height: 30px; min-width: 165px; font-size: 14px; }

/********** HOME **********/
/* BANNER */
#home .banner .item { height: 102.08vw; background-position: center; background-size: cover; min-height: auto; }
#home .banner .item .title { font-size: 24px; margin: 0 0 10px; }
#home .banner .item .text { font-size: 14px; margin: 0 0 10px; }
#home .banner .item .default-btn.white { line-height: 25px; font-size: 14px; }
#home .banner .item .btns img { height: 25px; }
#home .banner .owl-carousel .owl-nav { display: none; }
#home .banner .owl-carousel .arrow { display: none; }
#home .banner .owl-carousel .owl-dots { bottom: 10px; }
#home .banner .item .title span { margin-bottom: 10px; }
#home .banner .item { background-image: var(--banner-mobile);}
#home .banner .item .indent.app { height: auto; }
#home .banner .item .indent.app .title { margin: 10px 0 0; }
#home .banner .item .indent.app .btns { flex-direction: column; margin-top: 10px; }
#home .banner .item .indent.app .text { max-width: 225px; margin-top: 5px; }
#home .banner .arrow-prev { left: 30px; top: 49%; }
#home .banner .arrow-next { right: 15px; }

.inner-banner {height: 102.08vw; min-height: auto;}
.inner-banner img { border-radius: 0 !important; }
#institucional .banner.inner-banner { height: 102.08vw; min-height: auto; }
#produtos .banner.inner-banner { height: 102.08vw; min-height: auto; }

.footer .top-bar .logos { padding: 20px 0; }
.footer .top-bar .logos img { max-height: 50px; }
.footer .top-bar .container { padding: 35px 0 0; }
.footer .top-bar .container .info { width: 100%; padding: 0 30px 30px; border-bottom: 1px solid #FFF; display: grid; justify-content: center;}
.footer .top-bar .container .info p { font-size: 13px; }
.footer .top-bar .container .info figure { width: 35px; margin: 0; flex-shrink: 0; }
.footer .top-bar .container h3 { font-size: 20px; margin: 0; }
.footer .top-bar .container .menu-footer h3 { font-size: 15px; margin: 0 0 10px; }
.footer .top-bar .container .menu-footer { display: grid; grid-template-columns: 1fr 1fr; padding: 30px 0px; }
.footer .top-bar .container .menu-footer ul:last-child { margin: 0; }
.footer .top-bar .container .menu-footer ul li { font-size: 12px; margin: 0 0 10px; }
.footer .top-bar .container .menu-footer ul li:last-child { margin: 0; }
.footer .top-bar .container .menu-footer .last-item { width: 100%; border-top: 1px solid #FFF; padding: 30px 0 0; margin: 30px 0 0; grid-column: span 2; }
.footer .bottom-bar { font-size: 12px; text-align: center; }
.footer .bottom-bar p:first-child { margin: 0 0 20px; }
.footer .top-bar .wrap-nav { width: 100%;}
.footer .top-bar .container .info .item { gap: 10px; margin-bottom: 40px;}
.footer .top-bar .container .info p.endereco { padding: 0; max-width: 180px;}

.float_whatsapp { display: none; }

#home .escolha-inteligente { padding: 0px 0 0; }
#home .escolha-inteligente .indent { flex-direction: column-reverse; gap: 30px; padding: 0 !important;}
#home .escolha-inteligente .content-text { width: 100%; max-width: 100%; order: 1; padding: 0 30px;}
#home .escolha-inteligente .content-text h2 { font-size: 24px; }
#home .escolha-inteligente .content-text p { font-size: 16px; }
#home .escolha-inteligente .content-text .btn-conheca-mais { font-size: 16px; padding: 12px 40px; }
#home .escolha-inteligente .content-image { width: 100%; padding: 0;  }
#home .escolha-inteligente .swirl-decoration { width: 100%; height: 100%; top: 0; right: 0; }

/********** INSTITUCIONAL - CREDIBILIDADE (MOBILE) **********/
#institucional .credibilidade { padding: 50px 0 0; }
#institucional .credibilidade .indent { flex-direction: column-reverse; gap: 30px; }
#institucional .credibilidade .content-text { width: 100%; max-width: 100%; order: 1; }
#institucional .credibilidade .content-text h2 { font-size: 24px; }
#institucional .credibilidade .content-text p { font-size: 16px; padding: 0; }
#institucional .credibilidade .content-image { width: 120%; padding: 0; }

/********** INSTITUCIONAL - ATENDIMENTO HUMANIZADO (MOBILE) **********/
#institucional .atendimento-humanizado { padding: 50px 0; }
#institucional .atendimento-humanizado h2 { font-size: 24px; margin: 0 0 30px; }
#institucional .atendimento-humanizado .intro-text { font-size: 16px; max-width: 100%; margin: 0 auto 20px; }
#institucional .atendimento-humanizado .intro-text:last-of-type { margin-bottom: 40px; }
#institucional .atendimento-humanizado .logos-carousel-wrapper { margin: 40px 0 0; }
#institucional .atendimento-humanizado .logo-item img { max-height: 80px; }

/********** INSTITUCIONAL - NOSSOS DIFERENCIAIS (MOBILE) **********/
#institucional .nossos-diferenciais { padding: 50px 0; }
#institucional .nossos-diferenciais .section-title { font-size: 28px; margin: 0 0 30px; }
#institucional .nossos-diferenciais .beneficio-layout { flex-direction: column; gap: 40px; display: flex; padding: 0; }
#institucional .nossos-diferenciais .beneficio-image { width: 100%; }
#institucional .nossos-diferenciais .beneficio-image img { width: 100%; height: auto; border-radius: 20px; aspect-ratio: 295 / 308; object-fit: cover; object-position: top; }
#institucional .nossos-diferenciais .beneficio-list { max-width: 100%; }
#institucional .nossos-diferenciais .beneficio-item-detalhado { gap: 15px; margin: 0 0 30px; }
#institucional .nossos-diferenciais .beneficio-icon { width: 50px; height: 50px; }

/********** INSTITUCIONAL - VALORES QUE NOS MOVEM (MOBILE) **********/
#institucional .valores-que-nos-movem { padding: 0 30px 40px; }
#institucional .valores-que-nos-movem .section-title { margin: 0 0 30px; }
#institucional .valores-que-nos-movem .valores-text { margin: 0 auto 25px; }
#institucional .valores-que-nos-movem .valores-destaque {  margin: 0 auto; }

#home .forma-simples .hero-text {max-width: 100%; padding: 0 30px;}

#home .forma-simples { padding: 50px 0; }
#home .forma-simples .hero-section { flex-direction: column; gap: 30px; margin: 0 0 50px; }
#home .forma-simples .hero-text { width: 100%; order: 2; }
#home .forma-simples .hero-image { width: 100%; order: 1; max-width: 100%;}
#home .forma-simples .beneficios-grid { grid-template-columns: repeat(2, 1fr); gap: 20px; margin: 0 0 50px; }

#home .forma-simples .depoimentos-carousel-wrapper { padding: 0; overflow: hidden; }
#home .forma-simples .depoimentos-grid.owl-carousel .owl-item { width: 100% !important; }
#home .forma-simples .depoimento-card { padding: 20px 15px; width: 100% !important; max-width: 320px !important; min-width: auto !important; min-height: 260px !important; height: auto !important; }
#home .forma-simples .depoimento-card figure { margin: 0 0 12px; }
#home .forma-simples .depoimento-card figure img { width: 65px; height: 65px; }
#home .forma-simples .depoimento-content h3 { font-size: 15px; margin: 0 0 4px; }
#home .forma-simples .depoimento-content .profissao { font-size: 12px; margin: 0 0 10px; }
#home .forma-simples .depoimento-content .depoimento-text { font-size: 13px; line-height: 1.6; }

#newsletter .wrap-form h5 {font-size: 16px; margin: 0 auto 25px;}

/********** PRODUTO HERO (MOBILE) **********/
.produto-hero {padding: 40px 0 0;}
.produto-hero .hero-section { flex-direction: column; gap: 30px; margin: 0 0 30px; }
.produto-hero .hero-text { width: 100%; max-width: 100%; }
.produto-hero .hero-text h2 { font-size: 24px; }
.produto-hero .hero-text p { font-size: 16px; }
.produto-hero .hero-image { width: 100%; order: 1; max-width: 100%; transform: translateY(0); }
.produto-hero .beneficios-grid { grid-template-columns: repeat(2, 1fr); gap: 20px; margin: 0 0 40px; }
.produto-hero .beneficio-item h3 { font-size: 16px; }

#produtos .container-bg .divider { margin: 40px auto; }

/********** BENEFÍCIOS TABS SECTION (MOBILE) **********/
.beneficios-tabs-section { padding: 0 0 40px; }
.beneficios-tabs-section .section-title { font-size: 24px; margin: 0 0 40px; text-align: center; }
.beneficio-tabs { flex-direction: row; gap: 0; margin: 0 auto 40px; display: inline-flex; transform: none; padding: 0 40px; }
.beneficio-tabs .tab-btn { border-radius: 20px; padding: 12px 20px; font-size: 14px; }
.beneficio-tabs .tab-btn:first-child { border-radius: 20px; transform: none; border-top-right-radius: 0; border-bottom-right-radius: 0; }
.beneficio-tabs .tab-btn:last-child { border-top-left-radius: 0; border-bottom-left-radius: 0; }
.beneficio-layout { flex-direction: column; gap: 30px; display: flex; }
.beneficio-image { width: 100%; }
.beneficio-image img { width: 100%; height: auto; border-radius: 20px; aspect-ratio: 295 / 308; object-fit: cover; object-position: top; }
.beneficio-list { max-width: 100%; }
.beneficio-item-detalhado { gap: 15px; margin: 0 0 30px; }
.beneficio-text h3 { font-size: 16px; }
.beneficio-text p { font-size: 14px; }
#home .forma-simples .indent { padding: 0 !important; }
#home .forma-simples .depoimentos-section h2 { font-size: 24px; margin: 0 0 30px; }
#home .forma-simples .depoimentos-nav { display: none; }
#home .forma-simples .depoimentos-grid { display: block; }
#home .forma-simples .depoimentos-carousel-wrapper { padding: 0; overflow: hidden; }
#home .forma-simples .depoimentos-grid.owl-carousel .owl-stage-outer { overflow: hidden !important; }
#home .forma-simples .depoimentos-grid.owl-carousel .owl-stage { align-items: stretch !important; }
#home .forma-simples .depoimentos-grid.owl-carousel .owl-item { align-items: stretch !important; width: 100% !important; display: flex; }
#home .forma-simples .depoimento-card { padding: 25px 20px; width: 100% !important; max-width: 320px !important; min-width: auto !important; min-height: 280px !important; height: auto !important; aspect-ratio: unset !important; margin: 0 auto; box-sizing: border-box; display: flex; flex-direction: column; }
#home .forma-simples .depoimento-card figure { margin: 0 0 15px; flex-shrink: 0; }
#home .forma-simples .depoimento-card figure img { width: 70px; height: 70px; }
#home .forma-simples .depoimento-content { flex: 1; display: flex; flex-direction: column; min-height: 0; }
#home .forma-simples .depoimento-content h3 { font-size: 16px; margin: 0 0 5px; flex-shrink: 0; }
#home .forma-simples .depoimento-content .profissao { font-size: 13px; margin: 0 0 12px; flex-shrink: 0; }
#home .forma-simples .depoimento-content .depoimento-text { font-size: 14px; line-height: 1.6; margin: 0; flex: 1; word-wrap: break-word; }

section#contato { padding: 20px 0;}

.parceiros h3 { font-size: 32px; margin: 0 0 20px; line-height: 1; padding: 0;}
.parceiros .txt { font-size: 20px; margin: 10px 0 40px; line-height: 1.2; padding: 0 50px; }
.carousel-parceiros .owl-carousel .parceiro-item { height: 80px; }

/* APP BANNER (ACIMA DO FOOTER) */
.app-banner { background-image: url(../images/bg-app-banner-mobile.jpg); background-position: center top; background-repeat: no-repeat; background-size: cover; padding: 55px 0 40px; min-height: 160vw;}
.app-banner .indent { justify-content: center; }
.app-banner__content { width: 100%; max-width: 340px; text-align: center; }
.app-banner__content h2 { font-size: 25px; margin: 0 0 14px; }
.app-banner__content p { font-size: 16px; line-height: 1.55; max-width: 290px; margin: auto;}
.app-banner__stores { margin-top: 22px; gap: 12px;  justify-content: center;}
.app-banner__stores img { height: 42px; }

.wrap-title .ic { max-width: 65px; }
.hashtag { font-size: 16px; margin: 0 0 10px; }

#solucoes .subtitle { margin: 60px 0 35px; font-size: 15px; }
#solucoes .card { padding: 35px; }
#solucoes .card .line { gap: 15px; margin: 0 0 35px; }
#solucoes .card .wimage { width: 100%; }
#solucoes .card .wtext { padding: 0; }
#solucoes .card .wtext h3 { font-size: 24px; margin: 0 0 20px; }
#solucoes .card .wtext .text { font-size: 16px; margin: 0 0 20px; }
#solucoes .card .wtext .btn { line-height: 45px; width: 250px; margin: 0 auto; font-size: 20px; display: block; }
#solucoes .card .list:first-child { width: 100%; }
#solucoes .card .list h4 { font-size: 16px; margin: 0 0 10px; }
#solucoes .card .list ul li { font-size: 15px; }
#solucoes .card .wdiferenciais { display: block; width: 100%; padding: 0; }
#solucoes .card .wdiferenciais .owl-stage { padding-left: 0 !important; }
#solucoes .card .wdiferenciais .item img { height: 52px; margin: 0 0 20px; }
#solucoes .card .wdiferenciais .item span { font-size: 12px; }
#solucoes .card .divide { margin: 35px 0; }
#solucoes .card .line .sub-text { font-size: 16px; }

main.quero-ser-estabelecimento { padding: 130px 0 50px; }
main.quero-ser-estabelecimento .hero-text-section { gap: 30px; margin: 0 0 50px; padding: 0 20px; }
main.quero-ser-estabelecimento .hero-text-left h2 { font-size: 24px; }
main.quero-ser-estabelecimento .hero-text-right h2 { font-size: 20px; }
main.quero-ser-estabelecimento .wrap-form { padding: 33px 28px; }
main.quero-ser-estabelecimento .wrap-form form > .d-flex { gap: 20px; }
main.quero-ser-estabelecimento .wrap-form .side { width: 100%; }
main.quero-ser-estabelecimento .wrap-form h4 { font-size: 20px; margin: 0 0 17px 20px; }
main.wrap-form form .input { font-size: 20px; }
main.quero-ser-estabelecimento .wrap-form .wrap-radio .col-radio label:not(.error) { font-size: 18px; }
main.quero-ser-estabelecimento .wrap-form .space { margin: 17px 0; }
main.quero-ser-estabelecimento .wrap-form .wrap-radio { columns: 1; }
main.quero-ser-estabelecimento .wrap-form .wrap-radio .col-radio label { font-size: 20px; }
main.wrap-form form input[type='submit'] { font-size: 20px; }
main.quero-ser-estabelecimento .wrap-form .bottom-form { margin: 35px 0 0; }
main.quero-ser-estabelecimento .wrap-form .bottom-form p { font-size: 20px; text-align: center; }
main.quero-ser-estabelecimento .wrap-form .wrap-radio { grid-template-columns: 1fr; }
main.quero-ser-estabelecimento .wrap-form .bottom-form { flex-direction: column; gap: 20px; text-align: center; }

main.rede-credenciada { padding: 130px 0 50px; background: #F8F8F8 !important; }
main.rede-credenciada .layer { display: none; }
main.rede-credenciada .rede-hero-section { display: grid; grid-template-columns: 1fr 1fr; row-gap: 0; column-gap: 15px; padding: 0; }
main.rede-credenciada .rede-hero-text { padding: 0; display: contents; }
main.rede-credenciada .rede-hero-text h2 { margin: 10px 0; color: var(--color-primary); grid-column: 1; grid-row: 1; align-self: start; }
main.rede-credenciada .rede-hero-text p { margin: 0; color: var(--color-primary); font-weight: 400; line-height: 1; grid-column: 2; grid-row: 1; align-self: start; white-space: nowrap; }
main.rede-credenciada .rede-hero-image { width: 100%; grid-column: 1 / -1; grid-row: 2; margin: 30px 0 40px; }
main.rede-credenciada .rede-hero-image img { width: 100%; height: auto; display: block; margin: 0 auto; }
main.rede-credenciada .rede-hero-text .rede-buttons { grid-column: 1 / -1; grid-row: 3; width: 70%; margin: auto; }
main.rede-credenciada .rede-buttons { display: flex; flex-direction: column; gap: 15px; width: 100%; max-width: 100%; }
main.rede-credenciada .rede-btn { width: 100%; text-align: center; padding: 15px 30px; border-radius: 30px; font-size: 16px; background: var(--color-secondary); color: #FFF; }
main.rede-credenciada .wrap-form h4 { font-size: 20px; text-align: center; }
main.rede-credenciada .wrap-form .btns button { font-size: 20px; width: 125px; min-width: 125px; }

/* FAQ PAGE - MS Benefícios Mobile */
.faq-page .banner.inner-banner { height: 102.08vw; min-height: auto; }
.faq-page .faq-hero-text { padding: 0 20px; }
.faq-page .faq-hero-text h2 { font-size: 24px; }
.faq-content { padding: 40px 0; }
.faq-content .faq-title { font-size: 24px; margin: 0 0 40px; }
.faq-category { margin: 0 0 40px; }
.faq-category-title { font-size: 20px; margin: 0 0 20px; }
.faq-question { padding: 15px 0; }
.faq-question-text { font-size: 16px; }
.faq-answer { font-size: 14px; padding: 0 0 15px; }

/* LGPD PAGE - MS Benefícios Mobile */
.lgpd-page .banner.inner-banner { height: 102.08vw; min-height: auto; }
.lgpd-content { padding: 40px 0; }
.lgpd-content .lgpd-title { font-size: 24px; margin: 0 0 30px; }
.lgpd-intro { margin: 0 0 40px; }
.lgpd-intro p { font-size: 16px; }
.lgpd-items { margin: 0 auto 40px; }
.lgpd-question { padding: 15px 0; }
.lgpd-question-text { font-size: 16px; }
.lgpd-answer { font-size: 14px; padding: 0 0 15px; }
.lgpd-footer p { font-size: 16px; margin: 0 0 25px; }
.lgpd-btn { padding: 12px 30px; font-size: 16px; }

.footer .top-bar .container-footer { grid-template-columns: 1fr; gap: 40px; }

.page-access__title {font-size: 24px;}  
.page-access__tagline {font-size: 14px;}
.page-access__cards {flex-direction: column; align-items: center;}
.page-access__button {font-size: 14px; padding: 12px 30px;}

.page-access__form-card { padding: 40px 30px;}
.page-access__form-card .page-access__branding .logo {width: 240px;}
.page-access__welcome-text {font-size: 20px;}
.page-access__form-title {font-size: 24px;}

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

.page-access__container { margin-top: 65px;}
.page-access__container{gap:80px;}

/********** ACESSE SEU ESPAÇO DO CLIENTE (MOBILE) **********/
#home .acesse-espaco-cliente { padding: 30px 0 40px; }
#home .acesse-espaco-cliente .indent { padding: 0 20px !important; }
#home .acesse-espaco-cliente .d-flex { flex-direction: column; gap: 30px; align-items: center; }
#home .acesse-espaco-cliente .acesse-title { 
    font-size: 28px; 
    line-height: 1.2; 
    margin: 0 0 0 0; 
    text-align: center; 
    display: block; 
    flex-direction: row !important; 
}
#home .acesse-espaco-cliente .acesse-title .line-1,
#home .acesse-espaco-cliente .acesse-title .line-2 { 
    display: inline; 
    font-size: 1em; 
}
#home .acesse-espaco-cliente .acesse-title .line-1::after { 
    content: ' '; 
}
#home .acesse-espaco-cliente .wimages { 
    width: 100%; 
    gap: 0; 
    justify-content: flex-start; 
    overflow: visible; 
}
#home .acesse-espaco-cliente .acesso-card { 
    flex: 0 0 auto; 
    max-width: 180px; 
    width: 180px; 
    margin-right: 40px; 
}
#home .acesse-espaco-cliente .acesso-card:last-child { 
    margin-right: 0; 
}
#home .acesse-espaco-cliente .card-image { 
    width: 180px; 
    aspect-ratio: 256 / 199; 
    border-radius: 20px; 
    margin-bottom: 15px; 
}
#home .acesse-espaco-cliente .wimages.owl-carousel { 
    padding: 0 0 0 10px; 
}

#home .wimages { 
    padding: 0; 
}

#home .acesse-espaco-cliente .wimages.owl-carousel .owl-stage-outer { 
    overflow: visible; 
}
#home .acesse-espaco-cliente .card-button { 
    padding: 10px 20px; 
    font-size: 14px; 
    max-width: 160px; 
    width: 100%; 
}