

.btn{background-image:linear-gradient(to right,#5FA830 50%,rgba(0,0,0,0) 50%)!important;background-size:220% 100%!important;background-position:100% 0!important;background-repeat:repeat!important;transition:background-position .45s cubic-bezier(.5,0,.2,1),color .45s cubic-bezier(.5,0,.2,1)!important}
.btn:hover,.btn:focus-visible{background-position:0 0!important;color:#fff!important;transform:none!important}
.btn--ghost{background-color:rgba(0,0,0,0)!important}
.btn--ghost:hover{background-position:0 0!important;color:#fff!important;border-color:#5FA830!important}

.dw-frete{background:#1C1C1C!important}
.dw-frete .cap,.dw-frete p{color:rgba(255,255,255,.72)!important}
.dw-frete b,.dw-frete .cap b{color:#fff!important}
.dw-frete .barra{background:rgba(255,255,255,.18)!important}
.dw-frete .fr-mais{display:block!important;margin-top:3px}

@media (max-width:860px){.head:not(.head--centro){align-items:flex-start!important}.head:not(.head--centro) > *{margin-left:0!important;margin-right:0!important}}

.rv-chip,.vt-fil{font-size:12.5px!important;letter-spacing:.24px!important}
.rv-chip{height:40px!important}

.hero-banner img,#destaque img,.dw-itens img{-webkit-user-drag:none;user-drag:none}

.hb-seta,.gal-seta,.atv-seta,.rnv-seta,.adx2-seta{width:44px!important;height:44px!important;border-radius:50%!important;display:grid!important;place-items:center!important;padding:0!important;background-color:#fff!important;color:#1C1C1C!important;border:0!important;outline:0!important;box-shadow:0 2px 14px rgba(28,28,28,.18)!important;cursor:pointer;background-image:linear-gradient(to right,#8C6753 50%,#fff 50%)!important;background-size:220% 100%!important;background-position:100% 0!important;background-repeat:repeat!important;transition:opacity .3s cubic-bezier(.4,0,.2,1),background-position .45s cubic-bezier(.5,0,.2,1),color .45s cubic-bezier(.5,0,.2,1)!important}
.hb-seta svg,.gal-seta svg,.atv-seta svg,.rnv-seta svg,.adx2-seta svg{width:18px!important;height:18px!important;stroke:currentColor}
.hb-seta:hover:not(:disabled),.hb-seta:focus-visible,.gal-seta:hover:not(:disabled),.gal-seta:focus-visible,.atv-seta:hover:not(:disabled),.atv-seta:focus-visible,.rnv-seta:hover:not(:disabled),.rnv-seta:focus-visible,.adx2-seta:hover:not(:disabled),.adx2-seta:focus-visible{background-position:0 0!important;color:#fff!important}
.hb-seta:disabled,.hb-seta[aria-disabled=true],.gal-seta:disabled,.gal-seta[aria-disabled=true],.atv-seta:disabled,.atv-seta[aria-disabled=true],.rnv-seta:disabled,.rnv-seta[aria-disabled=true],.adx2-seta:disabled,.adx2-seta[aria-disabled=true]{opacity:.3!important;box-shadow:none!important;cursor:default}
@media (max-width:860px){.gal-seta,.hb-seta{display:none!important}.atv-seta,.rnv-seta,.adx2-seta{width:40px!important;height:40px!important}}

.mk-nudge{display:flex;align-items:center;gap:8px;background:rgba(28,28,28,.05);border-radius:11px;padding:9px 12px;font-size:11.5px;line-height:1.45;color:var(--ink,#1C1C1C);margin:10px 0 12px}
.mk-nudge svg{width:16px;height:16px;flex:0 0 auto;color:#8C6753}
.mk-selos{display:flex;align-items:center;justify-content:center;gap:10px;flex-wrap:wrap;font-size:9.5px;font-weight:700;letter-spacing:.04em;color:rgba(28,28,28,.55);margin:12px 0 2px}
.mk-selos span{display:inline-flex;align-items:center;gap:5px}
.mk-selos svg{width:11px;height:11px}
.mk-selos i{font-style:normal;border:1px solid rgba(28,28,28,.18);border-radius:4px;padding:2px 4px;font-size:8px;font-weight:800;letter-spacing:.03em}

#dw-pe .voltar{display:block!important}
#dw-pe{flex:0 0 auto}
#dw-itens{min-height:92px}
@media (max-width:520px){.mk-selos{gap:7px;font-size:9px;margin:10px 0 0}.mk-selos i{padding:2px 3px;font-size:7.5px}.mk-nudge{margin:9px 0 10px;padding:8px 10px}}

.menu-mob.mock-v2>ul a,.menu-mob.mock-v2>ul .menu-busca{font-size:16px!important;font-weight:600!important;letter-spacing:.03em!important;text-transform:none!important;padding:13px 0!important}
.menu-mob.mock-v2>ul .menu-busca svg{width:17px;height:17px}
.menu-mob.mock-v2 .secao a{font-size:14.5px}
.mock-v2 .mk-lin{display:flex!important;align-items:center;gap:12px;padding:9px 0!important;text-decoration:none;color:inherit}
.mock-v2 .mk-lin img{width:44px;height:44px;border-radius:10px;object-fit:cover;background:#F1EBE4;flex:0 0 auto}
.mock-v2 .mk-lin b{display:block;font-size:14.5px;font-weight:600;line-height:1.25}
.mock-v2 .mk-lin i{font-style:normal;font-size:12px;color:rgba(28,28,28,.55)}
.mock-v2 .mk-todos{display:inline-block;font-size:12px!important;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:#8C6753!important;padding:10px 0!important}

.menu-mob.mock-v2 a[aria-current]::before{display:none!important}
.menu-mob.mock-v2 a[aria-current]{color:#8C6753!important}

@media (max-width:860px){#hero .hb-slide img[src*="banner2"]{object-position:50% 92%}}

#hero:has(#serum-slide) .hb-pontos .hb-ponto:first-child[aria-selected="true"] i::after{animation-duration:11000ms}

  #serum-dobra{padding:clamp(56px,6vw,80px) 0}

  #serum-dobra .sd-shell{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.3fr);grid-template-areas:"texto video" "cta video" "lista lista";column-gap:clamp(32px,4vw,56px);row-gap:clamp(24px,3vw,40px);align-items:start}
  
  #serum-dobra .sd-texto{grid-area:texto;align-self:end}
  #serum-dobra .sd-video{grid-area:video;align-self:center}
  #serum-dobra .sd-cta{grid-area:cta;align-self:start;justify-self:start}
  #serum-dobra .sd-lista{grid-area:lista}

  #serum-dobra .sd-video{position:relative;aspect-ratio:16/9;border-radius:16px;overflow:hidden;background:#0E0C0B}
  #serum-dobra .sd-video video{width:100%;height:100%;object-fit:cover;display:block}

  #serum-dobra .sd-som-pill{position:absolute;left:16px;bottom:16px;display:inline-flex;align-items:center;gap:8px;height:40px;padding:0 16px;border:0;border-radius:999px;background:#fff;color:#1C1C1C;font-family:inherit;font-size:12px;font-weight:600;letter-spacing:.6px;cursor:pointer;box-shadow:0 6px 18px rgba(0,0,0,.18);transition:background .18s ease}
  #serum-dobra .sd-som-pill:hover{background:#F5F4F0}
  #serum-dobra .sd-som-pill svg{width:16px;height:16px;flex:0 0 auto}

  #serum-dobra .sd-bt{position:absolute;right:16px;bottom:16px;width:40px;height:40px;border-radius:50%;border:0;background:#fff;color:#1C1C1C;display:grid;place-items:center;cursor:pointer;box-shadow:0 6px 18px rgba(0,0,0,.18);transition:transform .12s ease}
  #serum-dobra .sd-bt:hover{transform:scale(1.06)}
  #serum-dobra .sd-bt svg{width:20px;height:20px}

  #serum-dobra .sd-bt svg[hidden],#serum-dobra .sd-som-pill svg[hidden]{display:none!important}
  #serum-dobra .sd-bt svg:not([hidden]),#serum-dobra .sd-som-pill svg:not([hidden]){display:block!important}

  #serum-dobra .atributo{margin-bottom:10px;color:#8C6753}
  #serum-dobra .t-dobra{margin-bottom:12px}
  
  #serum-dobra .t-dobra,#serum-dobra .sd-sub{text-wrap:balance}
  #serum-dobra .sd-lista p{text-wrap:balance}
  #serum-dobra .sd-sub{margin:0;font-size:16px;font-weight:500;line-height:1.5;color:rgba(28,28,28,.7)}

  #serum-dobra .sd-lista{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(min(260px,100%),1fr));gap:clamp(20px,2.4vw,32px)}
  #serum-dobra .sd-lista li{display:flex;flex-direction:column;gap:8px;padding-top:20px;border-top:1px solid rgba(28,28,28,.08)}
  #serum-dobra .sd-lista .sd-num{font-size:30px;font-weight:300;line-height:1;letter-spacing:.3px;color:#8C6753}
  #serum-dobra .sd-lista p{margin:0;font-size:14.5px;line-height:1.55;color:rgba(28,28,28,.7)}
  #serum-dobra .sd-lista b{font-weight:600;color:#1C1C1C}

  #serum-dobra .sd-cta{display:inline-flex;align-items:center;height:46px;background:#8C6753;color:#fff;text-decoration:none;border-radius:999px;padding:0 30px;font-size:13px;font-weight:600;letter-spacing:1.3px;text-transform:uppercase;transition:transform .15s ease,box-shadow .15s ease}
  #serum-dobra .sd-cta:hover{transform:translateY(-2px);box-shadow:0 10px 26px rgba(140,103,83,.34)}

  #serum-dobra.anima .sd-video{clip-path:inset(100% 0 0 0)}
  #serum-dobra.anima .sd-texto>*,#serum-dobra.anima .sd-lista,#serum-dobra.anima .sd-cta{opacity:0}
  #serum-dobra.anima.visto .sd-video{animation:sdMascara 1000ms cubic-bezier(.65,0,.35,1) 240ms both}
  #serum-dobra.anima.visto .sd-texto>*,#serum-dobra.anima.visto .sd-lista,#serum-dobra.anima.visto .sd-cta{animation:sdSobe 760ms cubic-bezier(.22,.61,.36,1) both}
  #serum-dobra.anima.visto .sd-texto>*:nth-child(2){animation-delay:80ms}
  #serum-dobra.anima.visto .sd-texto>*:nth-child(3){animation-delay:160ms}
  #serum-dobra.anima.visto .sd-cta{animation-delay:240ms}
  #serum-dobra.anima.visto .sd-lista{animation-delay:1040ms}
  @keyframes sdMascara{from{clip-path:inset(100% 0 0 0)}to{clip-path:inset(0 0 0 0)}}
  @keyframes sdSobe{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}

  @media (max-width:900px){
    #serum-dobra .sd-shell{grid-template-columns:1fr;grid-template-areas:"texto" "video" "lista" "cta";row-gap:28px}
    #serum-dobra .sd-texto{align-self:start}
    #serum-dobra .sd-video{aspect-ratio:9/16}
    #serum-dobra .sd-cta{justify-self:stretch;justify-content:center}
    #serum-dobra .sd-lista .sd-num{font-size:26px}
    #serum-dobra .sd-som-pill,#serum-dobra .sd-bt{bottom:14px}
    #serum-dobra .sd-som-pill{left:14px}
    #serum-dobra .sd-bt{right:14px}
  }
  @media (prefers-reduced-motion:reduce){
    #serum-dobra.anima .sd-video{clip-path:none}
    #serum-dobra.anima .sd-texto>*,#serum-dobra.anima .sd-lista,#serum-dobra.anima .sd-cta{opacity:1}
    #serum-dobra.anima.visto .sd-video,#serum-dobra.anima.visto .sd-texto>*,#serum-dobra.anima.visto .sd-lista,#serum-dobra.anima.visto .sd-cta{animation:none}
  }

#destaque .mk-card{display:flex!important;flex-direction:column!important;opacity:1!important;visibility:visible!important;transform:none!important;background:none;text-align:left;text-decoration:none;color:inherit;cursor:pointer}
#destaque .mk-tile{position:relative;aspect-ratio:1/1;background:#F6F1EA;overflow:hidden;border-radius:12px}
#destaque .mk-tile img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block;transition:opacity .35s ease}
#destaque .mk-tile img.b{opacity:0}
#destaque .mk-card:hover .mk-tile img.b{opacity:1}
#destaque .mk-selo{position:absolute;top:12px;left:12px;z-index:2;background:#8C6753;color:#fff;border-radius:999px;padding:5px 11px;font-size:11px;font-weight:700;letter-spacing:.06em;line-height:1.3}
#destaque .mk-corpo{display:flex;flex-direction:column;flex:1;padding:14px 2px 0}
#destaque .mk-ey{font-size:12px;color:rgba(28,28,28,.55);margin:0 0 6px}
#destaque .mk-nome{font-size:16px;font-weight:600;line-height:1.3;margin:0 0 4px}
#destaque .mk-extra{font-size:13px;font-weight:600;color:#8C6753;margin:0 0 4px;white-space:nowrap}
#destaque .mk-desc{font-size:14px;line-height:1.45;color:rgba(28,28,28,.7);margin:0 0 auto}
#destaque .mk-precos{display:flex;flex-direction:column;align-items:flex-start;gap:1px;margin:14px 0 2px}
#destaque .mk-de{font-size:14px;color:rgba(28,28,28,.45);text-decoration:line-through;white-space:nowrap}
#destaque .mk-por{font-size:23px;font-weight:700;letter-spacing:-.01em;white-space:nowrap}
#destaque .mk-parc{font-size:12.5px;color:rgba(28,28,28,.55);margin:0 0 14px;white-space:nowrap}
#destaque .mk-bt{display:flex;align-items:center;justify-content:center;height:46px;border-radius:999px;background-color:#8C6753;color:#fff;font-size:13px;font-weight:600;letter-spacing:1.3px;text-transform:uppercase;background-image:linear-gradient(to right,#5FA830 50%,rgba(0,0,0,0) 50%);background-size:220% 100%;background-position:100% 0;transition:background-position .45s cubic-bezier(.5,0,.2,1)}
#destaque .mk-card:hover .mk-bt{background-position:0 0}
@media (max-width:860px){#destaque .mk-nome{font-size:15px}
#destaque .mk-por{font-size:20px}
}

.c3d-x,.c3d-ctl button{width:44px;height:44px;border:0;border-radius:50%;background:#fff;color:#1c1c1c;display:grid;place-items:center;box-shadow:0 4px 14px rgba(28,24,20,.16);cursor:pointer;transition:background .2s,color .2s}
.c3d-x{position:absolute;top:12px;right:12px;z-index:8}
.c3d-x svg,.c3d-ctl button svg{width:19px;height:19px}
.c3d-ctl{position:absolute;right:12px;bottom:12px;z-index:8;display:flex;flex-direction:column;gap:8px;opacity:0;transform:translateY(6px);transition:opacity .35s ease,transform .35s ease;pointer-events:none}
.c3d-ctl.on{opacity:1;transform:none}
.c3d-ctl.on button{pointer-events:auto}
.c3d-ctl button{position:relative}
.c3d-ctl button[aria-pressed=true]{background:#1c1c1c;color:#fff}
@media (hover:hover){.c3d-x:hover,.c3d-ctl button:hover{background:#1c1c1c;color:#fff}
.c3d-ctl button::after{content:attr(data-rot);position:absolute;right:calc(100% + 8px);top:50%;transform:translateY(-50%);white-space:nowrap;background:#1c1c1c;color:#fff;font-family:inherit;font-weight:600;font-size:11px;line-height:1;letter-spacing:.02em;padding:8px 11px;border-radius:999px;opacity:0;pointer-events:none;transition:opacity .2s}
.c3d-ctl button:hover::after{opacity:1}
}
.c3d-dica{position:absolute;left:50%;top:50%;z-index:7;transform:translate(-50%,-50%);display:grid;justify-items:center;gap:10px;pointer-events:none;opacity:0;transition:opacity .45s ease}
.c3d-dica.on{opacity:1}
.c3d-dica .mao{width:54px;height:54px;border-radius:50%;background:rgb(255 255 255/.94);display:grid;place-items:center;color:#1c1c1c;box-shadow:0 8px 22px rgba(28,24,20,.22);animation:c3d-arrasta 1.8s ease-in-out infinite}
.c3d-dica .mao svg{width:26px;height:26px}
.c3d-dica .rot,.c3d-espera .m{font-family:inherit;font-weight:600;font-size:10.5px;line-height:1;letter-spacing:.16em;text-transform:uppercase;color:#4b443f}
.c3d-dica .rot{background:rgb(255 255 255/.92);padding:8px 13px;border-radius:999px;white-space:nowrap}
@keyframes c3d-arrasta{0%,100%{transform:translateX(-20px) rotate(-6deg)}50%{transform:translateX(20px) rotate(6deg)}}
.c3d-espera{position:absolute;inset:0;z-index:6;display:grid;place-items:center;background:rgb(236 233 232/.6);backdrop-filter:blur(3px)}
.c3d-espera .m{display:grid;justify-items:center;gap:12px}
.c3d-barra{width:120px;height:3px;border-radius:3px;background:rgb(28 28 28/.12);overflow:hidden}
.c3d-barra i{display:block;width:0;height:100%;border-radius:3px;background:#B57B4E;transition:width .25s ease}
.c3d-barra.ind i{width:40%;animation:c3d-ind 1.1s ease-in-out infinite}
@keyframes c3d-ind{0%{transform:translateX(-100%)}100%{transform:translateX(250%)}}
@media (prefers-reduced-motion:reduce){.c3d-dica .mao,.c3d-barra.ind i{animation:none}}

.luz-x{display:grid;place-items:center}
.luz-x svg,.p3d-x svg,#pdp .gal-palco .gal-dica svg{width:19px;height:19px}
