/* NAURIX ESTÉTICA — CSS compartilhado */

*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:5rem}
html,body{margin:0;padding:0}
body{
  font-family:'Inter',system-ui,sans-serif;
  background:#fdfaf8;
  color:#2a1820;
  -webkit-font-smoothing:antialiased;
  overflow-x:hidden;
}
h1,h2,h3{font-family:'Cormorant Garamond',Georgia,serif;font-weight:500;letter-spacing:-.005em}
::selection{background:#fbcfe8;color:#3d1f2b}
::-webkit-scrollbar{width:10px}
::-webkit-scrollbar-track{background:#fdfaf8}
::-webkit-scrollbar-thumb{background:#fbcfe8;border-radius:5px}
::-webkit-scrollbar-thumb:hover{background:#ec4899}

.btn-rose{
  display:inline-flex;align-items:center;justify-content:center;gap:.5rem;
  background:#ec4899;color:#fff;padding:1rem 2rem;border-radius:9999px;
  font-size:.875rem;font-weight:500;border:none;cursor:pointer;text-decoration:none;
  transition:background .3s;
}
.btn-rose:hover{background:#3d1f2b}

.btn-outline-plum{
  display:inline-flex;align-items:center;justify-content:center;gap:.5rem;
  background:transparent;color:#3d1f2b;padding:1rem 2rem;border-radius:9999px;
  font-size:.875rem;font-weight:500;border:1px solid rgba(61,31,43,.4);
  text-decoration:none;cursor:pointer;transition:all .3s;
}
.btn-outline-plum:hover{background:#3d1f2b;color:#fdfaf8;border-color:#3d1f2b}

.btn-blush{
  display:inline-flex;align-items:center;justify-content:center;gap:.5rem;
  background:#fbcfe8;color:#3d1f2b;padding:1.25rem 2.5rem;border-radius:9999px;
  font-size:1rem;font-weight:500;border:none;cursor:pointer;text-decoration:none;
  transition:background .3s,color .3s;
}
.btn-blush:hover{background:#ec4899;color:#fff}

.btn-plum{
  display:inline-flex;align-items:center;justify-content:center;gap:.5rem;
  background:#3d1f2b;color:#fdfaf8;padding:1rem 2rem;border-radius:9999px;
  font-size:.875rem;font-weight:500;border:none;cursor:pointer;text-decoration:none;
  transition:background .3s;
}
.btn-plum:hover{background:#ec4899}

.reveal{
  opacity:0;transform:translateY(24px);
  transition:opacity .6s ease-out,transform .6s ease-out;
  transition-delay:var(--reveal-delay,0ms);
}
.reveal.is-visible{opacity:1;transform:none}
@media (prefers-reduced-motion:reduce){
  .reveal{opacity:1;transform:none;transition:none}
}

@keyframes ring-pulse{
  0%{transform:scale(1);opacity:.55}
  100%{transform:scale(1.7);opacity:0}
}
.animate-ring-pulse{animation:ring-pulse 2.2s cubic-bezier(.22,1,.36,1) infinite}

.eyebrow{
  font-size:.75rem;font-weight:500;text-transform:uppercase;
  letter-spacing:.28em;color:#c9a961;margin:0;
}

#mobile-menu{transition:grid-template-rows .5s ease-out;display:grid}
#mobile-menu.closed{grid-template-rows:0fr}
#mobile-menu.open{grid-template-rows:1fr}
#mobile-menu > div{overflow:hidden}

#header{transition:all .3s cubic-bezier(.16,1,.3,1)}
#header.scrolled{
  background:rgba(253,250,248,.8);
  backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);
  border-bottom:1px solid rgba(201,169,97,.15);
  box-shadow:0 8px 30px -12px rgba(61,31,43,.12);
}

select.field{
  appearance:none;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%238b6b78' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E");
  background-repeat:no-repeat;background-position:right 1.25rem center;
  background-size:1.1rem;padding-right:3rem;
}

.field{
  width:100%;border-radius:1rem;border:1px solid #e8d6dd;background:#fff;
  padding:.875rem 1.25rem;font-size:.875rem;color:#2a1820;
  transition:border-color .3s,box-shadow .3s;font-family:'Inter',sans-serif;
}
.field::placeholder{color:rgba(139,107,120,.6)}
.field:focus{outline:none;border-color:#ec4899;box-shadow:0 0 0 4px rgba(251,207,232,.6)}
textarea.field{resize:none}

.ripple-effect{
  position:absolute;border-radius:50%;pointer-events:none;
  background:rgba(255,255,255,.35);width:20px;height:20px;
  transform:scale(0);opacity:1;transition:transform .6s,opacity .6s;
}

/* SLIDER ANTES/DEPOIS */
.ba-wrap{
  position:relative;
  overflow:hidden;
  border-radius:1.5rem;
  cursor:ew-resize;
  touch-action:pan-y;
  user-select:none;
  -webkit-user-select:none;
  width:100%;
  height:500px;
}
@media (min-width:640px){
  .ba-wrap{height:560px;}
}
.ba-wrap img{
  pointer-events:none;
  -webkit-user-drag:none;
  user-select:none;
}
.ba-before{position:absolute;inset:0;transition:none}
.ba-handle{position:absolute;top:0;bottom:0;pointer-events:none;transform:translateX(-50%)}

.img-fade{transition:transform 1s cubic-bezier(.16,1,.3,1)}
.group:hover .img-fade{transform:scale(1.05)}