/* ══════════════════════════════════════════════════════════════════
   CLÍNICA ETHERNA — Design System v2.0
   clinicaetherna.org | Funchal, Madeira
   Questrial (títulos) + Montserrat (corpo)
   Gold · Black · Rose · Sage · Cream
   ══════════════════════════════════════════════════════════════════ */

/* ── Variáveis ── */
:root {
  --eth-gold-light:  #F0D898;
  --eth-gold:        #C9A96E;
  --eth-gold-dark:   #9E7A45;
  --eth-black:       #1A1A1A;
  --eth-black-soft:  #3A3835;
  --eth-rose-blush:  #FDF0F2;
  --eth-rose-pale:   #F5E6E8;
  --eth-rose-soft:   #E8B4BA;
  --eth-rose:        #D4919A;
  --eth-rose-deep:   #B5687A;
  --eth-sage-pale:   #EDF3EE;
  --eth-sage-soft:   #C2D9C6;
  --eth-sage:        #8DAF93;
  --eth-sage-deep:   #5A8B63;
  --eth-cream:       #FAF8F5;
  --eth-cream-warm:  #F0EBE3;
  --eth-text:        #1A1A1A;
  --eth-text-mid:    #4A4846;
  --eth-text-light:  #808080;
  --eth-text-muted:  #BBBBBB;
  --eth-font-title:  'Questrial', sans-serif;
  --eth-font-body:   'Montserrat', sans-serif;
  --eth-ease:        cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

/* ── Tipografia global ── */
body, p, li, td, blockquote, input, select, textarea, button {
  font-family: var(--eth-font-body);
  -webkit-font-smoothing: antialiased;
}
h1, h2, h3, h4, h5, h6, .wp-element-heading {
  font-family: var(--eth-font-title) !important;
  font-weight: 400 !important;
}

/* ── Animações de scroll ── */
.fade-in-up {
  opacity: 0;
  transform: translateY(44px);
  transition: opacity 1s var(--eth-ease), transform 1s var(--eth-ease);
}
.fade-in-up.is-visible { opacity: 1; transform: translateY(0); }

.slide-in-left {
  opacity: 0;
  transform: translateX(-52px);
  transition: opacity 1.1s var(--eth-ease), transform 1.1s var(--eth-ease);
}
.slide-in-left.is-visible { opacity: 1; transform: translateX(0); }

.slide-in-right {
  opacity: 0;
  transform: translateX(52px);
  transition: opacity 1.1s var(--eth-ease), transform 1.1s var(--eth-ease);
}
.slide-in-right.is-visible { opacity: 1; transform: translateX(0); }

.fade-in {
  opacity: 0;
  transition: opacity 1.3s var(--eth-ease);
}
.fade-in.is-visible { opacity: 1; }

/* Delays escalonados */
.tratamento-card:nth-child(2) { transition-delay: 0.12s; }
.tratamento-card:nth-child(3) { transition-delay: 0.24s; }
.tratamento-card:nth-child(4) { transition-delay: 0.36s; }
.tratamento-card:nth-child(5) { transition-delay: 0.48s; }
.valor-card:nth-child(2)      { transition-delay: 0.18s; }
.valor-card:nth-child(3)      { transition-delay: 0.36s; }
.membro-equipa:nth-child(2)   { transition-delay: 0.15s; }
.membro-equipa:nth-child(3)   { transition-delay: 0.30s; }
.membro-equipa:nth-child(4)   { transition-delay: 0.45s; }

/* ── Hero ── */
.etherna-hero .wp-block-cover__inner-container {
  animation: ethHeroReveal 1.8s var(--eth-ease) forwards;
}
@keyframes ethHeroReveal {
  from { opacity: 0; transform: translateY(36px); }
  to   { opacity: 1; transform: translateY(0); }
}

/* ── Cards de tratamento ── */
.tratamento-card {
  transition: transform 0.45s var(--eth-ease), box-shadow 0.45s var(--eth-ease) !important;
  overflow: hidden;
}
.tratamento-card:hover { transform: translateY(-8px) !important; box-shadow: 0 20px 40px rgba(0,0,0,0.08) !important; }
.tratamento-card img   { transition: transform 0.6s var(--eth-ease) !important; }
.tratamento-card:hover img { transform: scale(1.04) !important; }

/* ── Equipa ── */
.membro-equipa { transition: transform 0.4s var(--eth-ease); text-align: center; }
.membro-equipa:hover { transform: translateY(-6px); }
.etherna-img-circle img { border-radius: 50% !important; object-fit: cover !important; }

/* ── Blog cards ── */
.blog-card { transition: transform 0.4s var(--eth-ease), box-shadow 0.4s var(--eth-ease); }
.blog-card:hover { transform: translateY(-6px); box-shadow: 0 16px 32px rgba(0,0,0,0.07); }

/* ── Imagens ── */
.etherna-img-round img { border-radius: 4px !important; object-fit: cover !important; }

/* ── Pilares ── */
.pilar-integrativa, .pilar-estetica { transition: filter 0.4s var(--eth-ease) !important; }
.pilar-integrativa:hover { filter: brightness(0.97); }
.pilar-estetica:hover    { filter: brightness(0.97); }

/* ── Stats bar ── */
.etherna-stats .stat-item { position: relative; }
.etherna-stats .stat-item:not(:last-child)::after {
  content: '';
  position: absolute;
  right: 0; top: 15%; height: 70%;
  width: 1px;
  background: rgba(90,62,27,0.3);
}

/* ── Botões ── */
.wp-block-button__link {
  font-family: var(--eth-font-body) !important;
  transition: background-color 0.4s var(--eth-ease), color 0.4s var(--eth-ease), letter-spacing 0.4s var(--eth-ease) !important;
}
.cta-dourado .wp-block-button__link:hover  { background-color: var(--eth-black) !important; color: var(--eth-gold) !important; }
.cta-preto .wp-block-button__link:hover    { background-color: var(--eth-gold) !important; color: var(--eth-black) !important; letter-spacing: 0.3em !important; }
.cta-rosa .wp-block-button__link:hover     { background-color: var(--eth-rose-deep) !important; }
.cta-sage .wp-block-button__link:hover     { background-color: var(--eth-sage-deep) !important; color: #fff !important; }
.cta-outline-branco .wp-block-button__link { background-color: transparent !important; border: 1px solid rgba(255,255,255,0.45) !important; }
.cta-outline-branco .wp-block-button__link:hover { background-color: var(--eth-gold) !important; border-color: var(--eth-gold) !important; color: var(--eth-black) !important; }

/* ── Separadores ── */
.sep-gold  { background-color: var(--eth-gold) !important; border-color: var(--eth-gold) !important; }
.sep-rose  { background-color: var(--eth-rose-soft) !important; border-color: var(--eth-rose-soft) !important; }
.sep-sage  { background-color: var(--eth-sage-soft) !important; border-color: var(--eth-sage-soft) !important; }
.sep-black { background-color: var(--eth-black) !important; border-color: var(--eth-black) !important; }

/* ── Navegação ── */
.wp-block-navigation a {
  font-family: var(--eth-font-body) !important;
  font-size: 0.78rem !important;
  letter-spacing: 0.1em !important;
  text-transform: uppercase !important;
}

/* ── Responsivo mobile ── */
@media (max-width: 600px) {
  .etherna-stats .stat-item::after { display: none; }
}