@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Parisienne&display=swap');

/* Mais funções — candy elegante, feminino e compacto */
.module-drawer-backdrop{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  padding:24px!important;
  background:rgba(70,49,57,.30)!important;
  backdrop-filter:blur(9px)!important;
  -webkit-backdrop-filter:blur(9px)!important;
}

.more-functions-drawer{
  width:min(820px,calc(100vw - 40px))!important;
  height:auto!important;
  max-height:calc(100vh - 48px)!important;
  margin:0!important;
  padding:17px 18px 20px!important;
  overflow:auto!important;
  border:1px solid rgba(239,202,215,.96)!important;
  border-radius:34px!important;
  background:
    radial-gradient(circle at 6% 8%,rgba(255,255,255,.95) 0 2px,transparent 2.5px),
    radial-gradient(circle at 91% 17%,rgba(248,177,201,.24) 0 3px,transparent 3.5px),
    linear-gradient(145deg,#fff7fa 0%,#fff1f6 50%,#fff8ee 100%)!important;
  background-size:26px 26px,38px 38px,auto!important;
  box-shadow:0 32px 90px rgba(73,48,57,.26),inset 0 1px 0 #fff!important;
}
.more-functions-drawer::-webkit-scrollbar{width:7px;}
.more-functions-drawer::-webkit-scrollbar-thumb{background:#efc2d0;border-radius:20px;}

.more-functions-drawer .drawer-head{
  min-height:40px!important;
  padding:0!important;
  margin-bottom:4px!important;
  border:0!important;
  display:flex!important;
  align-items:center!important;
  justify-content:flex-end!important;
}
.more-functions-drawer .drawer-head .brand-logo{display:none!important;}
.more-functions-drawer .drawer-head button{
  width:40px!important;
  height:40px!important;
  display:grid!important;
  place-items:center!important;
  border:1px solid #efcfda!important;
  border-radius:50%!important;
  background:linear-gradient(145deg,#fff,#ffeef4)!important;
  color:#8c5c6c!important;
  font-size:20px!important;
  box-shadow:0 7px 18px rgba(107,72,84,.09)!important;
  transition:transform .18s ease,box-shadow .18s ease!important;
}
.more-functions-drawer .drawer-head button:hover{
  transform:rotate(5deg) scale(1.04)!important;
  box-shadow:0 10px 22px rgba(107,72,84,.14)!important;
}

.more-functions-hero{
  position:relative!important;
  min-height:182px!important;
  margin:0 0 16px!important;
  padding:25px 285px 22px 27px!important;
  overflow:hidden!important;
  border:1px solid #efcdd9!important;
  border-radius:28px!important;
  background:
    radial-gradient(circle at 12% 22%,rgba(240,118,158,.13) 0 3px,transparent 3.5px),
    radial-gradient(circle at 21% 68%,rgba(244,198,97,.16) 0 3px,transparent 3.5px),
    linear-gradient(118deg,#fffdfd 0%,#fff0f5 55%,#fff5dc 100%)!important;
  box-shadow:inset 0 1px 0 #fff,0 11px 28px rgba(103,68,80,.08)!important;
}
.more-functions-hero:before{
  content:'';
  position:absolute;
  right:-55px;
  top:-82px;
  width:285px;
  height:285px;
  border-radius:50%;
  background:radial-gradient(circle,#ffdbe6 0%,rgba(255,219,230,.18) 66%,transparent 67%);
}
.more-functions-hero:after{
  content:'';
  position:absolute;
  left:27px;
  bottom:18px;
  width:230px;
  height:1px;
  background:linear-gradient(90deg,#e9aabd,transparent);
}
.more-functions-hero-copy{position:relative;z-index:4;}
.more-functions-kicker{
  display:block!important;
  margin:0 0 3px!important;
  color:#c98298!important;
  font:700 8px/1 'DM Sans',sans-serif!important;
  letter-spacing:.18em!important;
}
.more-functions-drawer h3{
  margin:2px 0 0!important;
  color:#e65d8b!important;
  font-family:'Parisienne','Segoe Script','Brush Script MT',cursive!important;
  font-size:55px!important;
  line-height:.95!important;
  font-weight:400!important;
  letter-spacing:-.02em!important;
  text-shadow:0 1px 0 #fff!important;
}
.more-functions-subtitle{
  margin:7px 0 0!important;
  max-width:360px!important;
  color:#725f66!important;
  font:500 11px/1.45 'DM Sans',sans-serif!important;
}
.more-functions-note{
  display:flex;
  align-items:center;
  gap:8px;
  margin-top:12px;
  max-width:355px;
  padding:8px 11px;
  border:1px solid rgba(238,187,203,.7);
  border-radius:14px;
  background:rgba(255,255,255,.58);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.95);
}
.more-functions-note>span{font-size:17px;color:#ea759b;line-height:1;}
.more-functions-note small{
  color:#846f76;
  font:500 8.5px/1.35 'DM Sans',sans-serif;
}

.more-functions-visual{
  position:absolute!important;
  right:11px!important;
  bottom:0!important;
  width:276px!important;
  height:180px!important;
  z-index:3!important;
  pointer-events:none!important;
}
.more-functions-visual img{
  position:absolute!important;
  right:44px!important;
  bottom:-31px!important;
  width:184px!important;
  height:auto!important;
  object-fit:contain!important;
  filter:drop-shadow(0 10px 16px rgba(103,63,77,.16))!important;
}
.mf-paper{
  position:absolute;
  border:1px solid rgba(202,149,70,.35);
  border-radius:11px;
  box-shadow:0 6px 14px rgba(93,60,71,.08);
}
.mf-paper:before{
  content:'';
  position:absolute;
  left:10px;
  right:10px;
  top:14px;
  height:2px;
  border-radius:9px;
  background:rgba(190,117,144,.34);
  box-shadow:0 8px 0 rgba(190,117,144,.25),0 16px 0 rgba(190,117,144,.18);
}
.mf-paper-pink{right:7px;top:42px;width:59px;height:74px;background:#ffe1eb;transform:rotate(8deg);}
.mf-paper-yellow{right:24px;top:52px;width:57px;height:68px;background:#fff0ba;transform:rotate(-3deg);}
.mf-paper-blue{right:0;top:67px;width:52px;height:61px;background:#dff2fb;transform:rotate(12deg);}
.mf-scissors{
  position:absolute;
  right:226px;
  top:40px;
  color:#cf9b4d;
  font-size:25px;
  transform:rotate(-16deg);
  text-shadow:0 2px 0 #fff;
}
.mf-sparkle{position:absolute;font-style:normal;z-index:5;text-shadow:0 1px 0 #fff;}
.mf-sparkle-one{right:19px;top:21px;color:#d9a146;font-size:18px;}
.mf-sparkle-two{right:230px;top:17px;color:#ef7ea3;font-size:17px;}

.more-functions-drawer .drawer-grid{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:13px!important;
}
.more-functions-drawer .drawer-grid button.more-function-card{
  position:relative!important;
  min-height:136px!important;
  padding:13px 15px 13px 13px!important;
  display:grid!important;
  grid-template-columns:104px 1fr!important;
  align-items:center!important;
  gap:13px!important;
  text-align:left!important;
  overflow:hidden!important;
  border-radius:25px!important;
  color:#40363a!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.98),0 9px 23px rgba(92,62,72,.075)!important;
  transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease!important;
}
.more-functions-drawer .drawer-grid button.more-function-card:before{
  content:'';
  position:absolute;
  width:115px;
  height:115px;
  right:-46px;
  bottom:-53px;
  border-radius:50%;
  background:rgba(255,255,255,.38);
  pointer-events:none;
}
.more-functions-drawer .drawer-grid button.more-function-card:after{
  content:'›';
  position:absolute;
  right:17px;
  top:50%;
  transform:translateY(-50%);
  width:28px;
  height:28px;
  display:grid;
  place-items:center;
  border:1px solid rgba(192,137,155,.28);
  border-radius:50%;
  background:rgba(255,255,255,.54);
  color:#b8798e;
  font:24px/1 Georgia,serif;
}
.more-functions-drawer .drawer-grid button.more-function-card:hover{
  transform:translateY(-3px)!important;
  box-shadow:inset 0 1px 0 #fff,0 16px 30px rgba(93,65,74,.13)!important;
}
.more-functions-drawer .drawer-grid button[hidden]{display:none!important;}

.more-function-art-wrap{
  width:101px!important;
  height:101px!important;
  display:grid!important;
  place-items:center!important;
  overflow:hidden!important;
  border:1px solid rgba(255,255,255,.94)!important;
  border-radius:23px!important;
  background:rgba(255,255,255,.50)!important;
  box-shadow:inset 0 1px 5px rgba(255,255,255,.9),0 6px 16px rgba(94,64,73,.075)!important;
}
.more-function-art{
  display:block!important;
  width:92px!important;
  height:92px!important;
  object-fit:contain!important;
  filter:drop-shadow(0 5px 6px rgba(85,57,68,.09))!important;
}
.more-function-text{
  min-width:0!important;
  padding-right:28px!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:flex-start!important;
  gap:3px!important;
}
.more-function-eyebrow{
  color:#b88394!important;
  font:700 7px/1 'DM Sans',sans-serif!important;
  letter-spacing:.12em!important;
}
.more-function-text strong{
  color:#3e3438!important;
  font:700 14px/1.15 'DM Sans',sans-serif!important;
}
.more-function-text small{
  max-width:180px!important;
  color:#796b70!important;
  font:500 9px/1.35 'DM Sans',sans-serif!important;
}
.more-function-open{
  display:inline-flex!important;
  align-items:center!important;
  gap:6px!important;
  margin-top:7px!important;
  padding:4px 9px!important;
  border-radius:999px!important;
  border:1px solid rgba(206,140,162,.30)!important;
  background:rgba(255,255,255,.52)!important;
  color:#c76888!important;
  font:700 8px/1 'DM Sans',sans-serif!important;
}
.more-function-open b{font-size:11px;font-weight:500;}

.more-functions-drawer .drawer-grid button.candy-rose{
  border:1px solid #efbfd0!important;
  background:linear-gradient(145deg,#fff8fb,#ffe4ed)!important;
}
.more-functions-drawer .drawer-grid button.candy-yellow{
  border:1px solid #ecd48f!important;
  background:linear-gradient(145deg,#fffdf4,#fff2c9)!important;
}
.more-functions-drawer .drawer-grid button.candy-blue{
  border:1px solid #bfddea!important;
  background:linear-gradient(145deg,#f9fdff,#e2f4fc)!important;
}
.more-functions-drawer .drawer-grid button.candy-lilac{
  border:1px solid #d8c2eb!important;
  background:linear-gradient(145deg,#fffaff,#eedff9)!important;
}

@media(max-width:760px){
  .module-drawer-backdrop{padding:14px!important;align-items:flex-start!important;}
  .more-functions-drawer{
    width:100%!important;
    max-height:calc(100vh - 28px)!important;
    margin-top:14px!important;
    padding:14px!important;
    border-radius:27px!important;
  }
  .more-functions-hero{
    min-height:158px!important;
    padding:19px 145px 18px 18px!important;
    border-radius:23px!important;
  }
  .more-functions-drawer h3{font-size:43px!important;}
  .more-functions-subtitle{font-size:9.5px!important;}
  .more-functions-note{display:none!important;}
  .more-functions-visual{width:145px!important;height:150px!important;right:0!important;}
  .more-functions-visual img{width:122px!important;right:8px!important;bottom:-18px!important;}
  .mf-paper,.mf-scissors,.mf-sparkle{display:none!important;}
  .more-functions-drawer .drawer-grid{grid-template-columns:1fr!important;gap:10px!important;}
  .more-functions-drawer .drawer-grid button.more-function-card{
    min-height:112px!important;
    grid-template-columns:84px 1fr!important;
    border-radius:21px!important;
  }
  .more-function-art-wrap{width:81px!important;height:81px!important;border-radius:19px!important;}
  .more-function-art{width:74px!important;height:74px!important;}
  .more-function-text strong{font-size:13px!important;}
}