/* Palette sampled from the supplied Palmora reference. */
:root,html {
  --black:#092e5c; --dark-grey:#163d69; --light-grey:#f4ead6;
  --white:#f4ead6; --green:#b49461; --purple:#e7d8bc; --pink:#d4b489;
  --light-green:#eadcc3; --dark:#092e5c;
  --dark-slate-grey:#092e5c; --dark-slate-grey-2:#0c2850;
  --white-smoke:#f4ead6; --floral-white:#f4ead6; --ghost-white:#f4ead6;
  --green-dark:#eadcc3; --green-yellow:#b49461; --gainsboro:#e5d4b6;
  --midnight-blue:#092e5c; --dark-green:#092e5c; --gold:#b49461;
  --medium-purple:#b49461; --thistle:#e7d8bc;
  --main-light-color:#f4ead6; --main-dark-color:#092e5c;
}
html,body,.body {background-color:#f4ead6;color:#092e5c}
.subscription-main-header {color:#b49461}
.home-scroll_section {color:#092e5c}
.footer {background-color:#092e5c;color:#f4ead6}
.button-v1--radius1 {background-color:#b49461;color:#092e5c}
.button-v1--radius1:hover {background-color:#092e5c;color:#f4ead6}
.nav-link:hover {background-color:#092e5c;color:#f4ead6}
::selection {background:#092e5c;color:#f4ead6}
:focus-visible {outline-color:#092e5c}

/* A shared column system gives every client mark a clear place. */
.brand-logos_list-wrapper:has(.client-logo){border:0;padding:1.5rem 0}
.brand-logos_list:has(.client-logo){
 display:grid;grid-template-columns:repeat(5,minmax(0,1fr));
 gap:16px;width:100%;max-width:1200px;margin:0 auto;padding:0;
 align-items:stretch;justify-content:normal;
}
.brand-logos_item:has(.client-logo),
.brand-logos_item:has(.client-logo):nth-child(6),
.brand-logos_item:has(.client-logo):last-child{
 grid-column:auto;grid-row:auto;min-width:0;width:100%;max-width:none;
 height:144px;padding:24px;box-sizing:border-box;
 display:flex;align-items:center;justify-content:center;
 border:1px solid transparent;border-radius:0;
 background:transparent;margin:0;
}
.client-logo{display:block;width:var(--logo-width,160px);max-width:100%;height:72px;object-fit:contain;object-position:center;margin:0}
.client-logo[src*="client-evos."]{--logo-width:164px}
.client-logo[src*="client-freitas-godoy."]{--logo-width:156px}
.client-logo[src*="client-leaders-updated."]{--logo-width:96px}
.client-logo[src*="client-nucleus."]{--logo-width:124px}
.client-logo[src*="client-bernardo-guidali."]{--logo-width:168px}
.client-logo[src*="client-liege."]{--logo-width:132px}
.client-logo[src*="client-labarum."]{--logo-width:148px}
.client-logo[src*="client-alfi."]{--logo-width:160px}
.client-logo[src*="client-coluna-saudavel."]{--logo-width:172px}
@media(max-width:991px){
 .brand-logos_list:has(.client-logo){grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
}
@media(max-width:599px){
 .brand-logos_list:has(.client-logo){grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
 .brand-logos_item:has(.client-logo),.brand-logos_item:has(.client-logo):nth-child(6),.brand-logos_item:has(.client-logo):last-child{height:120px;padding:18px}
 .client-logo{height:64px}
 .client-logo[src*="client-leaders-updated."]{--logo-width:88px}
}

/* Clear hierarchy for the monthly brand-care offer. */
.subscription-main-header{font-size:clamp(2.5rem,5.2vw,6rem);line-height:1.08;max-width:1100px;margin-left:auto;margin-right:auto}
.hero-headng-wrapper .hero-subtitle{font-size:clamp(1.05rem,1.55vw,1.4rem);line-height:1.5;max-width:48rem;margin:0 auto;text-wrap:balance}
.subscription-header-h2.hero-description{font-size:clamp(.95rem,1.15vw,1.125rem);font-weight:400;line-height:1.7;text-align:center;max-width:48rem;width:100%;margin:0 auto;text-wrap:pretty}
@media(max-width:599px){.subscription-main-header{font-size:clamp(2.15rem,8.5vw,3rem)}.hero-headng-wrapper .hero-subtitle{max-width:32rem}.subscription-header-h2.hero-description{max-width:32rem}}

.brand-care-intro.benefits-header_wrapper{grid-template-columns:1.1fr 1fr;column-gap:clamp(2rem,6vw,6rem);row-gap:2.5rem}
.brand-care-intro .header-intro .h2{font-size:clamp(2.15rem,3.5vw,3.75rem);line-height:1.12;text-wrap:balance}
.brand-care-intro .brand-care-summary{max-width:38rem;line-height:1.7;margin:0}
.brand-care-intro .description-wrapper{gap:2rem}
.brand-care-intro .element-1 h3{margin:0 0 .6rem}
.brand-care-intro .element-1 p{margin:0;line-height:1.7}
@media(max-width:767px){.brand-care-intro.benefits-header_wrapper{grid-template-columns:minmax(0,1fr);row-gap:2.5rem}.brand-care-intro .header-intro .h2{font-size:clamp(2rem,7vw,3rem)}}

.stellavie-brand-logo{display:block;width:80px;height:80px;object-fit:contain;flex-shrink:0}
.footer .stellavie-brand-logo{width:136px;height:136px;margin-bottom:1.25rem}
@media(max-width:991px){.navbar_wrapper .stellavie-brand-logo{width:40px;height:40px}}
@media(max-width:599px){.footer .stellavie-brand-logo{width:112px;height:112px}}

/* The navigation grows around a prominent central emblem. */
.navbar-2{margin-top:16px}
.navbar-2 .navbar_wrapper{position:relative;min-height:216px;height:auto;overflow:visible;padding:12px 24px;justify-content:center}
.menu-brand{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:block;width:192px;height:192px;z-index:3}
.menu-brand-emblem{display:block;width:100%;height:100%;object-fit:contain}
.navbar-2 .nav-menu{display:grid;grid-template-columns:repeat(3,minmax(0,1fr)) 216px repeat(3,minmax(0,1fr));gap:4px;align-items:center;width:100%;max-width:none;margin:0}
.navbar-2 .nav-menu>.nav-link{width:100%;justify-content:center;text-align:center;padding:12px 6px;line-height:1.4;white-space:normal}
.navbar-2 .nav-menu>.nav-link:nth-child(4){grid-column:5}
.navbar-2 .nav-menu>.wg-element-wrapper{display:none}
.section-top .section-home-header.sticky.padding-top.padding-huge{padding-top:248px}
.section-top .home-hero{padding-top:1rem}
.section-top .hero-head{width:100%;position:relative;z-index:2}
.section-top .hero_container{width:100%;margin-top:0}
.section-top .hero_container>.margin-bottom{margin-bottom:1.5rem}
@media(max-width:991px){
 .navbar-2 .navbar_wrapper{min-height:176px;height:auto;padding:16px 20px}
 .menu-brand{width:144px;height:144px}
 .navbar-2 .menu-button{position:absolute;right:16px;top:50%;transform:translateY(-50%);margin:0;z-index:4}
 .navbar-2 .nav-menu{display:none}
 .navbar-2 .nav-menu[data-nav-menu-open]{display:flex;flex-direction:column;gap:0;width:100%;padding:16px;background:#b49461;border-radius:0 0 8px 8px}
 .navbar-2 .nav-menu>.nav-link{padding:14px 16px}
 .section-top .section-home-header.sticky.padding-top.padding-huge{padding-top:208px}
}
@media(max-width:479px){.navbar-2 .navbar_wrapper{padding-left:12px;padding-right:12px}.section-top .hero_container>.margin-bottom{margin-bottom:1.25rem}}

/* A slim navigation ribbon sits behind the full-size emblem. */
.navbar-2 .navbar_wrapper{background:transparent;box-shadow:none;border-radius:0;isolation:isolate}
.navbar-2 .navbar_wrapper::before{content:"";position:absolute;left:0;right:0;top:50%;height:64px;transform:translateY(-50%);background:var(--green-yellow);border-radius:8px;box-shadow:0 3px 10px rgba(72,21,17,.1);z-index:0;pointer-events:none}
.navbar-2 .nav-menu{position:relative;z-index:1}
.menu-brand{background:var(--dark-green);border-radius:50%}
@media(max-width:991px){.navbar-2 .navbar_wrapper::before{height:56px}}
