/* ======================================================
   Card Slim Touch — Página Tratamentos
   Ficheiro: assets/css/dm-slim-touch.css

   Este ficheiro replica os estilos que o Elementor gera
   por ID (post-47.css) para os outros cards de categoria,
   adaptados ao card Slim Touch que não tem ID no Elementor.
   ====================================================== */

/* --- Centramento horizontal do card dentro do e-con-inner --- */
/* O e-con-inner do wrapper é flex-column (default Elementor),
   por isso usamos margin:auto no card em vez de justify-content */
.elementor-element-slim-touch {
  margin-left: auto;
  margin-right: auto;
}

/* --- Gradient overlay (replica o ::before dos outros cards) ---
   O .e-con:before já tem content, position:absolute, opacity, etc.
   definidos no frontend.min.css. Só falta o background-image. */
.elementor-element-slim-touch::before,
.elementor-element-slim-touch > .elementor-motion-effects-container > .elementor-motion-effects-layer::before {
  background-color: transparent;
  --background-overlay: '';
  background-image: linear-gradient(180deg, #A6646924 0%, #A66469 100%);
}

/* --- CSS Variables do widget n-accordion ---
   Replica as regras de elementor-element-a99d9d0 do post-47.css */
.elementor-element-slim-touch .elementor-widget-n-accordion {
  --n-accordion-title-font-size: 22px;
  --n-accordion-title-icon-order: initial;
  --n-accordion-item-title-space-between: 0px;
  --n-accordion-item-title-distance-from-content: 0px;
  --n-accordion-border-radius: 32px 32px 32px 32px;
  --n-accordion-title-normal-color: var(--e-global-color-f233188);
  --n-accordion-title-hover-color: var(--e-global-color-f233188);
  --n-accordion-title-active-color: var(--e-global-color-ab6e6ca);
  --n-accordion-icon-size: 16px;
  --n-accordion-icon-hover-color: var(--e-global-color-primary);
  --n-accordion-padding: 16px 16px 16px 16px;
  --n-accordion-title-justify-content: center;
  --n-accordion-title-flex-grow: initial;
}

/* --- Gradient no fundo do título do accordion ---
   Replica a regra .elementor-element-a99d9d0 > .e-n-accordion > ... */
.elementor-element-slim-touch .e-n-accordion > .e-n-accordion-item > .e-n-accordion-item-title {
  background-color: transparent;
  background-image: linear-gradient(180deg, #E3A28980 0%, #A6646985 100%);
}

.elementor-element-slim-touch .e-n-accordion > .e-n-accordion-item > .e-n-accordion-item-title:hover {
  background-color: transparent;
  background-image: linear-gradient(180deg, #A664691C 0%, #F2E6E8 100%);
}

/* --- Fonte do texto do título --- */
.elementor-element-slim-touch .e-n-accordion > .e-n-accordion-item > .e-n-accordion-item-title > .e-n-accordion-item-title-header > .e-n-accordion-item-title-text {
  font-family: "Gabarito", Sans-serif;
  font-weight: 500;
}

/* ======================================================
   Fix Mobile — Card Slim Touch largura full width
   No desktop o card ocupa 66.666% para efeito destaque.
   No mobile todos os cards são full width, então o Slim
   Touch também deve sê-lo.
   ====================================================== */
@media (max-width: 767px) {
  /* Slim Touch: largura igual aos outros cards, com margem lateral */
  .elementor-element-slim-touch {
    width: calc(100% - 20px) !important;
    margin-left: 10px !important;
    margin-right: 10px !important;
  }

  /* Row 7c63560 (Manicure, Depilações, Novidades):
     Adiciona padding lateral que o row 6874fd9 já tem via post-47.css */
  .elementor-element-7c63560 {
    padding-left: 10px !important;
    padding-right: 10px !important;
  }
}

/* ======================================================
   Fix overflow — Secção "Sua Transformação Começa Agora"
   A imagem tem animação fadeInRight: começa fora da tela
   pela direita. Sem overflow:hidden no container, o browser
   expande a largura da página causando o efeito de zoom.
   ====================================================== */
.elementor-element-ede26b4 {
  overflow: hidden;
}
.elementor-element-ede26b4 .e-con-inner {
  overflow: hidden;
}