/* ============================================================
   UNNA. — skin e ajustes sobre o ClinicMaster
   Carregar DEPOIS de style.css. html[data-theme-color="skin-unna"]
   ============================================================ */

html[data-theme-color="skin-unna"]{
  --primary: #CA9E4F;
  --primarydark: #A97F35;
  --primary-rgb: 202, 158, 79;

  --primarylight: #F8F1E7;
  --body-color: #5F5548;
  --body-bg: #F5ECE0;
  --heading-color: #1E1710;
  --secondary: #1E1710;
  --secondary-rgb: 30, 23, 16;
  --light: #F5ECE0;

  --btn-radius: 50px;
  --accordion-shadow: 2px 2px 0px #E8D9C6;

  --font-base: "DM Sans";
  --font-title: "DM Sans";

  --service-card-gradient: linear-gradient(90deg, rgba(202, 158, 79, 0.86) 0%, rgba(18, 14, 10, 0.74) 100%);
  --icon-bx-gradient: 180deg, #FFFFFF 0%, #F6EBDD 100%;
  --shadow-20: 0px 20px 40px rgba(202, 158, 79, 0.14);

  /* acento próprio da marca */
  --sand: #CA9E4F;
  --ink: #120E0A;
}

/* ---------- Hero sem swiper: gradiente da marca ---------- */
.unna-hero{
  background:
    radial-gradient(120% 80% at 72% 12%, rgba(202,158,79,.32), transparent 60%),
    radial-gradient(90% 70% at 8% 92%, rgba(245,236,224,.14), transparent 55%),
    linear-gradient(180deg, #1E1710 0%, var(--ink) 100%);
}
.unna-hero__grid{
  position:absolute; inset:0; opacity:.3; pointer-events:none;
  background-image:
    linear-gradient(rgba(237,234,228,.14) 1px, transparent 1px),
    linear-gradient(90deg, rgba(237,234,228,.14) 1px, transparent 1px);
  background-size: clamp(60px,8vw,110px) clamp(60px,8vw,110px);
  -webkit-mask-image: radial-gradient(70% 60% at 50% 40%, #000, transparent 80%);
  mask-image: radial-gradient(70% 60% at 50% 40%, #000, transparent 80%);
}

/* ---------- ALINHAMENTO: cards de mesma altura ---------- */
/* o template usa .row/.w-* (float-less flex). Igualamos alturas por linha. */
.unna-grid{ display:grid; gap:1.875rem; align-items:stretch; }
@media (min-width:640px){ .unna-grid--2{ grid-template-columns:repeat(2,minmax(0,1fr)); } }
@media (min-width:768px){ .unna-grid--3{ grid-template-columns:repeat(2,minmax(0,1fr)); } }
@media (min-width:1200px){ .unna-grid--3{ grid-template-columns:repeat(3,minmax(0,1fr)); } }
@media (min-width:640px){ .unna-grid--4{ grid-template-columns:repeat(2,minmax(0,1fr)); } }
@media (min-width:1024px){ .unna-grid--4{ grid-template-columns:repeat(4,minmax(0,1fr)); } }
@media (min-width:640px){ .unna-grid--5{ grid-template-columns:repeat(2,minmax(0,1fr)); } }
@media (min-width:1200px){ .unna-grid--5{ grid-template-columns:repeat(5,minmax(0,1fr)); } }

/* card padrão: conteúdo colado no topo, CTA sempre na base */
.unna-card{
  display:flex; flex-direction:column; height:100%;
  background:#fff; border:1px solid rgba(21,33,30,.10); border-radius:16px;
  padding:1.875rem; transition:transform .45s ease, box-shadow .45s ease, border-color .45s ease;
}
.unna-card:hover{ transform:translateY(-6px); box-shadow:var(--shadow-20); border-color:rgba(202,158,79,.38); }
.unna-card__head{ display:flex; align-items:center; gap:.75rem; margin-bottom:1rem; }
.unna-card__title{ font-size:1.5rem; line-height:1.25; margin:0 0 .625rem; color:var(--heading-color); }
.unna-card__text{ margin:0; color:var(--body-color); }
.unna-card__cta{ margin-top:auto; padding-top:1.25rem; display:inline-flex; align-items:center; gap:.5rem; color:var(--primary); font-weight:500; }
.unna-card__cta i{ transition:transform .35s ease; }
.unna-card:hover .unna-card__cta i{ transform:translateX(5px); }
.unna-card__tag{
  display:inline-block; font-size:.6875rem; letter-spacing:.18em; text-transform:uppercase;
  color:var(--sand); margin-bottom:.5rem;
}

/* ---------- SLOTS DE IMAGEM (trocar pelas fotos do cliente) ---------- */
.unna-slot{
  position:relative; display:block; width:100%; overflow:hidden; border-radius:16px;
  background:linear-gradient(145deg, #2A2118, #120E0A);
}
.unna-slot::after{
  content:attr(data-slot);
  position:absolute; inset:0; display:flex; align-items:center; justify-content:center;
  padding:0 1.25rem; text-align:center; line-height:1.9;
  font-size:.6875rem; letter-spacing:.2em; text-transform:uppercase; color:#B8AA98;
}
.unna-slot > img{
  position:relative; z-index:1;
  width:100%; height:100%; object-fit:cover; display:block;
}
.unna-slot--4x5{ aspect-ratio:4/5; }
.unna-slot--3x4{ aspect-ratio:3/4; }
.unna-slot--1x1{ aspect-ratio:1/1; }
.unna-slot--16x10{ aspect-ratio:16/10; }
.unna-slot--16x9{ aspect-ratio:16/9; }

/* ---------- utilitários da marca ---------- */
.unna-eyebrow{
  display:inline-flex; align-items:center; gap:.625rem;
  font-size:.6875rem; font-weight:500; letter-spacing:.22em; text-transform:uppercase; color:var(--primary);
}
.unna-eyebrow::before{ content:""; width:26px; height:1px; background:currentColor; opacity:.6; }
.unna-eyebrow--light{ color:#E7C985; }

.unna-wa{
  position:fixed; right:clamp(16px,2.5vw,28px); bottom:clamp(16px,2.5vw,28px); z-index:999;
  width:58px; height:58px; border-radius:999px; background:#25D366;
  display:flex; align-items:center; justify-content:center;
  box-shadow:0 14px 34px rgba(37,211,102,.34);
}
.unna-wa:hover{ transform:scale(1.07); }

/* véu de transição entre seções */
#unna-veil{ position:fixed; inset:0; z-index:9998; pointer-events:none; display:grid; grid-template-columns:repeat(5,1fr); }
#unna-veil i{ background:var(--ink); transform:scaleY(0); transform-origin:bottom; }

@media (prefers-reduced-motion:reduce){
  .unna-card, .unna-card__cta i, .unna-wa{ transition:none !important; }
}

/* ---------- HEADER próprio (one page) ---------- */
.unna-hdr{
  position:fixed; top:0; left:0; right:0; z-index:995;
  padding:18px 0; border-bottom:1px solid transparent;
  transition:background .5s ease, padding .5s ease, border-color .5s ease, backdrop-filter .5s ease;
}
.unna-hdr.is-fixed{
  background:rgba(245,242,236,.88); backdrop-filter:blur(14px) saturate(1.4);
  padding:10px 0; border-bottom-color:rgba(21,33,30,.10);
}
.unna-hdr__in{ display:flex; align-items:center; justify-content:space-between; gap:24px; }
.unna-brand{ font-size:30px; line-height:1; letter-spacing:-.04em; color:#F5ECE0; font-family:var(--font-title); display:inline-flex; align-items:center; }
.unna-brand img{ display:block; width:clamp(118px, 10vw, 166px); height:auto; }
.unna-brand--footer img{ width:clamp(132px, 12vw, 180px); }
.unna-hdr.is-fixed .unna-brand{ color:var(--heading-color); }
.unna-brand b{ color:#CA9E4F; font-weight:400; }
.unna-hdr.is-fixed .unna-brand b{ color:var(--primary); }
.unna-nav{ display:flex; align-items:center; gap:28px; }
.unna-nav a{ font-size:14px; color:#B8AA98; position:relative; padding:4px 0; transition:color .3s ease; }
.unna-hdr.is-fixed .unna-nav a{ color:var(--body-color); }
.unna-nav a::after{ content:""; position:absolute; left:0; bottom:0; height:1px; width:0; background:currentColor; transition:width .35s ease; }
.unna-nav a:hover{ color:#CA9E4F; }
.unna-hdr.is-fixed .unna-nav a:hover{ color:var(--primary); }
.unna-nav a:hover::after{ width:100%; }
.unna-burger{
  display:none; width:44px; height:44px; border-radius:999px; cursor:pointer;
  border:1px solid rgba(245,236,224,.3); background:none; color:#F5ECE0;
  align-items:center; justify-content:center;
}
.unna-hdr.is-fixed .unna-burger{ color:var(--heading-color); border-color:rgba(21,33,30,.15); }
.unna-drawer{
  position:fixed; inset:0; z-index:1001; background:var(--ink); color:#F5ECE0;
  display:grid; align-content:center; gap:4px; padding:0 24px;
  clip-path:inset(0 0 100% 0); transition:clip-path .65s cubic-bezier(.22,.61,.36,1);
}
.unna-drawer.open{ clip-path:inset(0 0 0 0); }
.unna-drawer a{ font-size:clamp(28px,7vw,46px); line-height:1.3; color:#F5ECE0; }
.unna-drawer a:hover{ color:#CA9E4F; }
.unna-drawer__close{ position:absolute; top:22px; right:24px; background:none; border:0; color:#F5ECE0; cursor:pointer; font-size:13px; letter-spacing:.2em; text-transform:uppercase; }
@media (max-width:1023px){
  .unna-nav{ display:none; }
  .unna-burger{ display:flex; }
  .unna-hdr .btn{ display:none; }
}

/* ---------- HERO ---------- */
.unna-hero{ position:relative; min-height:100svh; display:flex; align-items:flex-end; overflow:hidden; color:#F5ECE0; padding:160px 0 clamp(40px,7vh,86px); }
.unna-hero h1{ color:#fff; font-size:clamp(44px,7.4vw,96px); line-height:1.02; letter-spacing:-.03em; max-width:17ch; margin:0 0 24px; }
.unna-hero h1 em{ font-style:italic; color:#E7C985; }
.unna-hero p.lead{ color:#B8AA98; font-size:clamp(15px,1.2vw,19px); max-width:48ch; margin:0 0 32px; font-weight:400; }
.unna-hero__row{ display:flex; flex-wrap:wrap; gap:28px 60px; align-items:flex-end; justify-content:space-between; }
.unna-hero__stats{ display:flex; gap:clamp(24px,4vw,56px); flex-wrap:wrap; margin-top:48px; }
.unna-hero__stats b{ display:block; font-size:clamp(34px,4vw,54px); line-height:1; color:#E7C985; font-weight:400; }
.unna-hero__stats span{ font-size:13px; color:#B8AA98; }

/* ---------- SEÇÕES ---------- */
.unna-sec{ padding:clamp(64px,9vw,120px) 0; }
.unna-sec--light{ background:var(--light); }
.unna-sec--white{ background:#fff; }
.unna-sec--dark{ background:var(--ink); color:#F5ECE0; }
.unna-sec--dark .unna-card{ background:rgba(237,234,228,.03); border-color:rgba(237,234,228,.14); }
.unna-sec--dark .unna-card__title{ color:#F5ECE0; }
.unna-sec--dark .unna-card__text{ color:#B8AA98; }
.unna-sec--dark .unna-card__cta{ color:#E7C985; }
.unna-sec--dark h2{ color:#fff; }
.unna-sec__head{ max-width:760px; margin:0 auto clamp(36px,4vw,60px); }
.unna-sec__head--left{ margin-inline:0; }
.unna-sec__head h2{ font-size:clamp(30px,3.6vw,52px); line-height:1.12; letter-spacing:-.02em; margin:14px 0 0; }
.unna-sec__head p{ margin-top:16px; color:var(--body-color); font-size:clamp(15px,1.15vw,18px); }
.unna-sec--dark .unna-sec__head p{ color:#B8AA98; }

/* passos da jornada */
.unna-steps{ border-top:1px solid rgba(21,33,30,.12); }
.unna-step{ display:grid; grid-template-columns:auto 1fr; gap:10px clamp(18px,4vw,48px); padding:clamp(22px,3vw,34px) 0; border-bottom:1px solid rgba(21,33,30,.12); align-items:start; }
@media (min-width:900px){ .unna-step{ grid-template-columns:84px 1fr 1.1fr; } }
.unna-step b{ font-size:clamp(24px,2.4vw,34px); color:var(--primary); font-weight:400; }
.unna-step h3{ font-size:clamp(20px,2vw,27px); margin:0; }
.unna-step p{ margin:0; color:var(--body-color); grid-column:2/-1; }
@media (min-width:900px){ .unna-step p{ grid-column:3/4; } }

/* contato */
.unna-contact{ display:grid; gap:clamp(26px,3.5vw,48px); }
@media (min-width:960px){ .unna-contact{ grid-template-columns:.9fr 1.1fr; } }
.unna-info__item{ padding-bottom:18px; margin-bottom:22px; border-bottom:1px solid rgba(237,234,228,.14); }
.unna-info__item b{ display:block; font-size:11px; letter-spacing:.2em; text-transform:uppercase; color:#E7C985; margin-bottom:6px; font-weight:500; }
.unna-info__item a, .unna-info__item p{ font-size:clamp(16px,1.4vw,20px); color:#F5ECE0; margin:0; }
.unna-info__item a:hover{ color:#CA9E4F; }
.unna-info__item small{ font-size:12px; color:#B8AA98; }
.unna-map{ border-radius:16px; overflow:hidden; border:1px solid rgba(237,234,228,.14); min-height:400px; }
.unna-map iframe{ width:100%; height:100%; min-height:400px; border:0; display:block; filter:grayscale(1) invert(.92) contrast(.86); }

/* rodapé */
.unna-ftr{ background:var(--ink); color:#B8AA98; padding:clamp(48px,6vw,78px) 0 30px; font-size:14px; }
.unna-ftr__top{ display:grid; gap:32px; padding-bottom:36px; border-bottom:1px solid rgba(237,234,228,.14); }
@media (min-width:860px){ .unna-ftr__top{ grid-template-columns:1.5fr 1fr 1fr; } }
.unna-ftr h4{ font-size:11px; letter-spacing:.2em; text-transform:uppercase; color:#F5ECE0; margin:0 0 14px; }
.unna-ftr ul{ list-style:none; margin:0; padding:0; display:grid; gap:9px; }
.unna-ftr a:hover{ color:#CA9E4F; }
.unna-ftr__legal{ max-width:72ch; font-size:12px; line-height:1.7; color:#6E7D78; margin-top:18px; }
.unna-ftr__bot{ display:flex; flex-wrap:wrap; gap:12px; justify-content:space-between; padding-top:24px; font-size:12px; }

/* reveal */
.unna-rv{ opacity:0; transform:translateY(26px); }
@media (prefers-reduced-motion:reduce){ .unna-rv{ opacity:1 !important; transform:none !important; } }

/* ---------- correções de espaçamento sobre o template ---------- */
/* hero: título colado no parágrafo */
.hero-banner-swiper h1.headline,
.hero-banner-swiper h2.headline{ margin-bottom:24px; }

/* faixa de CTA final: título encostando no botão */
.img-zoom h2{ margin-bottom:28px; }
.img-zoom .btn{ position:relative; z-index:2; }

/* seção de especialidades: respiro entre texto e carrossel no mobile */
@media (max-width:1023px){ .team-wrapper .team-image-swiper{ margin-top:28px; } }

/* ============================================================
   LARGURA ÚNICA: 1280px no header, no hero e em todas as seções
   (o ClinicMaster vinha com 1330px no .container e hero full-bleed)
   ============================================================ */
.container,
.container-sm,
.container-md,
.container-lg,
.container-xl,
.container-xxl{ max-width:1280px !important; margin-inline:auto; }

/* header: era container-fluid (largura total) */
.site-header .container-fluid{
  max-width:1280px; margin-inline:auto;
  padding-left:20px; padding-right:20px;
}

/* hero: conteúdo alinhado ao mesmo eixo do header */
.hero-banner-swiper .max-w-390{ max-width:1280px !important; }
.hero-banner-swiper .max-w-390.px-5,
.hero-banner-swiper .max-w-390{ padding-left:20px; padding-right:20px; }

/* bloco de paginação/miniaturas do hero */
.hero-banner-swiper-thumbs,
.hero-banner-slider__pagination{ max-width:none; }

/* carrossel de tratamentos: começa no mesmo eixo de 1280 e sangra à direita */
@media (min-width:1400px){
  .container-left{ margin-left:calc((100% - 1280px) / 2) !important; }
}

/* faixas full-bleed também em 1280 para não destoar */
.img-zoom > div{ max-width:1280px; margin-inline:auto; }
#estrutura .container-fluid{ max-width:1280px; margin-inline:auto; padding-left:20px; padding-right:20px; }

@media (max-width:1480px){
  .site-header .container-fluid{ padding-left:35px; padding-right:35px; }
}

/* ============================================================
   UNNA. - refinamento visual premium
   ============================================================ */
html{ background:var(--body-bg); }
body{
  background:
    linear-gradient(180deg, #F5ECE0 0%, #F5ECE0 42%, #EFE2D0 100%) !important;
  color:var(--body-color);
}

#cursor-background{
  position:fixed;
  left:0;
  top:0;
  width:42px;
  height:42px;
  border-radius:50%;
  border:1px solid rgba(255,255,255,.9);
  pointer-events:none;
  z-index:10000;
  mix-blend-mode:difference;
  transform:translate(-50%,-50%);
  opacity:0;
  transition:opacity .2s ease, width .25s ease, height .25s ease;
}
body.unna-cursor-on #cursor-background{ opacity:1; }
body.unna-cursor-hover #cursor-background{ width:54px; height:54px; }
@media (hover:none), (pointer:coarse){ #cursor-background{ display:none; } }

.site-header{
  position:fixed !important;
  top:20px !important;
  left:0;
  right:0;
  margin:0 !important;
  padding:0 !important;
  z-index:999;
  transition:top .35s ease;
}
.site-header .main-bar,
.site-header.sticky-header-wrapper.is-fixed:not(.sticky-no) .main-bar{
  position:relative !important;
  top:auto !important;
  left:auto !important;
  right:auto !important;
  width:100% !important;
  background:transparent !important;
  animation:none !important;
}
.site-header .container-fluid{
  width:min(1180px, calc(100% - 80px)) !important;
  max-width:1180px !important;
  min-height:64px;
  gap:16px;
  margin-inline:auto !important;
  padding-left:18px !important;
  padding-right:18px !important;
  border:1px solid rgba(245,236,224,.22);
  border-radius:999px;
  background:rgba(245,236,224,.055);
  box-shadow:0 18px 48px rgba(0,0,0,.08);
  backdrop-filter:blur(18px) saturate(1.35);
  -webkit-backdrop-filter:blur(18px) saturate(1.35);
  box-sizing:border-box;
  transition:background .35s ease, border-color .35s ease, box-shadow .35s ease;
}
.site-header .unna-nav-brand{ display:flex; align-items:center; flex-shrink:0; min-height:72px; }
.site-header .navbar-nav{ flex-wrap:nowrap; }
.site-header .unna-burger{ flex:0 0 44px; }
.site-header.is-fixed .unna-burger{ color:var(--heading-color); border-color:rgba(30,23,16,.18); }
.site-header.is-fixed{ top:20px !important; }
.site-header.is-fixed .container-fluid{
  background:rgba(245,236,224,.92);
  border-color:rgba(202,158,79,.28);
  box-shadow:0 18px 48px rgba(18,14,10,.12);
}
.site-header .main-bar{ color:#F5ECE0 !important; }
.site-header .header-nav{
  background:transparent !important;
  padding:0 !important;
}
.site-header .navbar-nav a{
  color:#F5ECE0 !important;
  transition:color .25s ease, background .25s ease;
}
.site-header.is-fixed .navbar-nav a{ color:#1E1710 !important; }
.site-header .navbar-nav a:hover{
  color:#E7C985 !important;
  background:rgba(245,236,224,.12);
}
.site-header.is-fixed .navbar-nav a:hover{
  color:#CA9E4F !important;
  background:rgba(202,158,79,.10);
}
.unna-brand{ position:relative; min-width:clamp(108px,9vw,156px); }
.unna-brand img{ width:clamp(108px,9vw,156px); }
.unna-logo{ transition:opacity .25s ease; }
.unna-logo--gold{ position:absolute; inset:0 auto auto 0; opacity:0; }
.site-header.is-fixed .unna-logo--light{ opacity:0; }
.site-header.is-fixed .unna-logo--gold{ opacity:1; }
.unna-nav-actions{ display:flex; align-items:center; gap:10px; }
.site-header .unna-nav-actions{ flex-shrink:0; }
.site-header .unna-nav-actions .btn{ display:inline-flex; align-items:center; gap:8px; white-space:nowrap; }
@media (max-width:1023px){
  .site-header .header-nav{ display:none; }
  .site-header .unna-burger{ display:flex; order:1; margin-inline-start:0; }
}
@media (min-width:1024px){
  .site-header .unna-burger{ display:none; }
}
@media (max-width:639px){
  .site-header .unna-nav-brand{ min-height:60px; }
  .site-header .unna-nav-actions .btn{ width:44px; height:44px; padding:0; justify-content:center; font-size:20px; }
  .site-header .unna-nav-actions .btn span{ display:none; }
}
.unna-social,
.unna-hero-social{
  width:48px;
  height:48px;
  border-radius:999px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  color:#F5ECE0;
  border:1px solid rgba(245,236,224,.24);
  background:rgba(245,236,224,.08);
  transition:transform .25s ease, color .25s ease, background .25s ease;
}
.site-header.is-fixed .unna-social{ color:#1E1710; border-color:rgba(30,23,16,.12); background:rgba(255,255,255,.28); }
.unna-social:hover,
.unna-hero-social:hover{ transform:translateY(-2px); color:#CA9E4F; }

.unna-video-hero{
  min-height:100svh;
  position:relative;
  display:flex;
  align-items:flex-end;
  overflow:hidden;
  background:#120E0A;
  color:#F5ECE0;
  isolation:isolate;
  border-radius:0 0 clamp(26px,4vw,54px) clamp(26px,4vw,54px);
}
.unna-video-hero__media{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  object-fit:cover;
  transform:scale(1.01);
}
.unna-video-hero__shade{
  position:absolute;
  inset:0;
  z-index:1;
  background:
    linear-gradient(0deg, rgba(18,14,10,.96) 0%, rgba(18,14,10,.68) 24%, rgba(18,14,10,.20) 56%, rgba(18,14,10,.18) 100%),
    radial-gradient(90% 60% at 12% 82%, rgba(202,158,79,.24), transparent 60%);
}
.unna-video-hero__content{
  position:relative;
  z-index:2;
  width:100%;
  padding-top:150px;
  padding-bottom:clamp(54px,8vh,96px);
  display:grid;
  gap:clamp(28px,5vw,72px);
}
@media (min-width:960px){
  .unna-video-hero__content{ grid-template-columns:minmax(0,1.8fr) minmax(0,1fr); align-items:end; gap:40px; }
}
.unna-hero-copy{ max-width:780px; }
.unna-kicker{
  display:inline-flex;
  color:#E7C985;
  text-transform:uppercase;
  letter-spacing:.18em;
  font-size:12px;
  margin-bottom:18px;
}
.unna-hero-copy h1{
  color:#fff;
  font-size:72px;
  line-height:1.02;
  letter-spacing:0;
  margin:0 0 24px;
  max-width:none;
}
@media (max-width:1199px){ .unna-hero-copy h1{ font-size:56px; } }
@media (max-width:767px){ .unna-hero-copy h1{ font-size:40px; } }
@media (max-width:374px){ .unna-hero-copy h1{ font-size:32px; } }
.unna-hero-copy h1 span,
.unna-title-mark{
  color:#CA9E4F;
  font-style:italic;
}
.unna-hero-copy h1 span { white-space:nowrap; }
.unna-title-mark { display:inline-block; }
.unna-hero-copy p{
  color:#F5ECE0;
  max-width:43ch;
  font-size:18px;
  line-height:1.65;
  margin:0 0 30px;
}
.unna-hero-actions{ display:flex; flex-wrap:wrap; align-items:center; gap:12px; }
.unna-hero-more.btn { display:inline-flex; align-items:center; gap:18px; color:#fff; border:1px solid rgb(255 255 255 / 70%); background:transparent; }
.unna-hero-more.btn:hover { background:#fff; color:var(--heading-color); }
.unna-hero-more i { font-size:14px; }
.unna-hero-metrics{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:10px;
  min-width:0;
}
.unna-hero-metrics div{
  border:1px solid rgba(245,236,224,.18);
  border-radius:18px;
  background:rgba(245,236,224,.08);
  backdrop-filter:blur(16px);
  padding:18px;
}
.unna-hero-metrics b{
  display:block;
  color:#E7C985;
  font-size:clamp(28px,4vw,52px);
  line-height:1;
  font-weight:400;
}
.unna-hero-metrics span{
  display:block;
  color:#F5ECE0;
  font-size:13px;
  line-height:1.35;
  margin-top:8px;
}
@media (max-width:700px){
  .unna-hero-metrics{ grid-template-columns:1fr; }
}

@media (max-width:767px){
  .site-header{ top:12px !important; }
  .site-header.is-fixed{ top:12px !important; }
  .site-header .container-fluid{
    width:calc(100% - 24px) !important;
    min-height:58px;
    padding-left:14px !important;
    padding-right:14px !important;
  }
}

.page-content > section:not(.unna-video-hero):not(.unna-sec--dark):not(.img-zoom),
.page-content > div:not(.smooth-wrapper){
  background:transparent !important;
}
#tratamentos{
  background:linear-gradient(180deg, transparent 0 46%, #fff 46% 100%) !important;
}
#estrutura,
#porque{
  background:#fff !important;
}
.page-content > section{
  position:relative;
}
.page-content > section + section::before{
  content:none;
  display:none;
}

.box-hover,
.swiper-slide .dz-hover-item{
  position:relative;
  isolation:isolate;
}
.box-hover::before,
.swiper-slide .dz-hover-item::before{
  content:"";
  position:absolute;
  inset:0;
  border-radius:inherit;
  padding:1px;
  background:conic-gradient(from var(--unna-border-angle,0deg), rgba(202,158,79,.08), rgba(231,201,133,.72), rgba(202,158,79,.08) 42%);
  -webkit-mask:linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
  -webkit-mask-composite:xor;
  mask-composite:exclude;
  pointer-events:none;
  z-index:5;
  opacity:.0;
  transition:opacity .35s ease;
}
.box-hover:hover::before,
.swiper-slide .dz-hover-item:hover::before{
  opacity:1;
  animation:unna-border-spin 6s linear infinite;
}
@property --unna-border-angle{ syntax:"<angle>"; initial-value:0deg; inherits:false; }
@keyframes unna-border-spin{ to{ --unna-border-angle:360deg; } }

#sobre img,
#estrutura img,
.service-swiper-4 img,
.team-image-swiper img,
.img-zoom img{
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
}
#sobre .relative:has(> img),
#estrutura .overflow-hidden:has(> img),
.service-swiper-4 .dz-hover-img,
.team-image-swiper .swiper-slide,
.img-zoom .img-box{
  background:#E8D9C6;
}
.service-swiper-4 .dz-hover-img{ aspect-ratio:7/8; }
.team-image-swiper .swiper-slide{ aspect-ratio:9/11; overflow:hidden; border-radius:16px; }
.unna-about-benefits { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:14px 18px; list-style:none; padding:0; color:var(--heading-color); }
.unna-about-benefits li { display:flex; align-items:flex-start; gap:10px; }
.unna-about-benefits i { display:flex; align-items:center; justify-content:center; flex:0 0 20px; width:20px; height:20px; margin-top:1px; border-radius:50%; font-size:10px; background:var(--primary); color:#fff; }
#porque .row{ align-items:stretch; }
#porque .row > div:first-child > .relative{ height:100%; min-height:520px; }
#porque .row > div:first-child img{ height:100%; object-fit:cover; }
#porque .row > div:nth-child(2){ display:flex; flex-direction:column; justify-content:center; }
.service-swiper-4 h3,
.team-content-swiper h3,
.box-hover h3{
  font-family:var(--font-title) !important;
  letter-spacing:0;
}

.img-zoom .img-box::after{
  background:linear-gradient(0deg, rgba(18,14,10,.72), rgba(18,14,10,.36), rgba(18,14,10,.18)) !important;
}
.img-zoom > div{
  box-shadow:0 28px 70px rgba(18,14,10,.18);
}
.btn-primary{
  box-shadow:0 14px 34px rgba(202,158,79,.26);
}

.unna-wa,
.unna-insta{
  position:fixed;
  right:clamp(16px,2.5vw,28px);
  z-index:999;
  width:58px;
  height:58px;
  border-radius:999px;
  display:flex;
  align-items:center;
  justify-content:center;
  box-shadow:0 14px 34px rgba(18,14,10,.20);
}
.unna-wa{ bottom:clamp(16px,2.5vw,28px); }
.unna-insta{
  bottom:calc(clamp(16px,2.5vw,28px) + 70px);
  color:#fff;
  font-size:25px;
  background:linear-gradient(135deg,#8A3AB9,#E95950,#FCCC63);
}

#porque,
#faq,
.page-content > section.img-zoom{
  overflow:hidden;
}
#porque{
  border-radius:0 0 clamp(28px,4vw,56px) clamp(28px,4vw,56px);
}
#faq{
  background:#fff !important;
  border-radius:0;
}
#contato{
  background:#fff !important;
  color:var(--body-color) !important;
}
#contato h2{
  color:var(--heading-color) !important;
}
#contato .unna-info__item{
  border-bottom-color:rgba(30,23,16,.12);
}
#contato .unna-info__item a,
#contato .unna-info__item p{
  color:var(--heading-color);
}
#contato .unna-info__item small{
  color:var(--body-color);
}
#contato .unna-map{
  border-color:rgba(30,23,16,.12);
  box-shadow:0 22px 55px rgba(18,14,10,.10);
}
#contato .unna-map iframe{
  filter:grayscale(.2) contrast(.96);
}
.unna-closing-backdrop > section.img-zoom{
  background:#fff !important;
  border-radius:0 0 clamp(28px,4vw,56px) clamp(28px,4vw,56px);
}

/* Section proportions and the image accordion use stable layout dimensions. */
.page-content h2 {
  font-size:36px;
  line-height:1.2;
  font-weight:500;
  letter-spacing:0;
  text-wrap:balance;
  margin-bottom:20px;
}
.box-hover { padding:28px 26px 80px !important; transition:transform .3s ease, box-shadow .3s ease; }
.box-hover .unna-benefit-title { font-size:22px; line-height:1.25; font-weight:500; white-space:nowrap; margin:0; padding:0 0 18px; border-bottom:1px solid rgb(202 158 79 / 30%); }
.box-hover.active .unna-benefit-title { color:#fff; border-color:rgb(255 255 255 / 50%); }
@media (hover:hover) {
  .box-hover:hover { transform:translateY(-7px); box-shadow:0 16px 32px rgb(30 23 16 / 10%); }
}
#sobre > .container > .row { align-items:center; }
#sobre > .container > .row > div { margin-bottom:0; }
#sobre h2 { padding-right:0; }
#sobre p { font-size:16px; line-height:1.65; margin-bottom:0; }
#sobre ul { margin-bottom:22px; }
#sobre li { font-size:15px; line-height:1.45; padding:0; }
#sobre .self-center > div { margin-bottom:20px; }
#estrutura .container-fluid { max-width:none; padding:0 24px !important; }
.unna-structure-media {
  height:100svh;
  max-height:1080px;
  min-height:480px;
  overflow:hidden;
  border-radius:32px;
  background:var(--ink);
}
.unna-structure-media video { display:block; width:100%; height:100%; object-fit:cover; }
#porque > .container > .row { display:grid; grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr); gap:48px; margin:0; align-items:stretch; }
#porque > .container > .row > div { width:auto; padding:0 !important; margin:0; min-width:0; }
#porque > .container > .row > div:first-child > .relative { min-height:0; height:100%; }
#porque > .container > .row > div:first-child img { position:absolute; inset:0; }
#porque h2 { padding-right:0; }
#porque > .container > .row > div:nth-child(2) > .row {
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  grid-auto-rows:1fr;
  gap:16px;
  margin:0 !important;
}
#porque > .container > .row > div:nth-child(2) > .row > div { width:auto; padding:0; margin:0; }
#porque .row .row > div > .relative { min-height:0; height:100%; padding:22px 18px; border-radius:8px; }
#porque .row .row > div > .relative::before,
#porque .row .row > div > .relative::after { display:none; }
#porque .icon-content h3 { font-size:18px; margin-bottom:8px; }
#porque .icon-content p { font-size:14px; line-height:1.5; }
#especialidades { background:var(--body-bg) !important; }
#especialidades .team-wrapper { display:grid; grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr); gap:40px; align-items:center; margin:0; padding:40px; background:#fff; border-radius:28px; }
#especialidades .team-wrapper > div { width:auto; padding:0; min-width:0; }
#especialidades .team-content-swiper { width:100%; }
#especialidades .team-content-swiper .btn { box-shadow:none; }
#especialidades .team-content-swiper .swiper-slide { height:auto; }
#especialidades .team-content-swiper h3 { font-size:30px; line-height:1.2; margin-bottom:10px; }
#especialidades .team-content-swiper p { font-size:17px; line-height:1.65; }
#especialidades .team-content-swiper .mb-7\.5 { margin-bottom:20px; }
.unna-specialty-images { display:flex; gap:10px; height:440px; width:100%; }
.unna-specialty-panel {
  position:relative;
  display:block;
  flex:1 1 0;
  min-width:0;
  padding:0;
  border:0;
  border-radius:16px;
  overflow:hidden;
  cursor:pointer;
  background:var(--ink);
  transition:flex-grow .55s cubic-bezier(.22,1,.36,1);
}
.unna-specialty-panel.is-active { flex-grow:7; }
.unna-specialty-panel img { position:absolute; inset:0; width:100%; height:100%; object-fit:cover; object-position:50% 30%; border-radius:0; filter:grayscale(1); opacity:.65; mix-blend-mode:normal; transition:filter .4s, opacity .4s; }
.unna-specialty-panel.is-active img { filter:none; opacity:1; }
.unna-specialty-panel:focus-visible { outline:3px solid var(--primarydark); outline-offset:3px; }
.unna-specialty-controls { display:flex; align-items:center; justify-content:flex-end; gap:18px; margin-top:18px; }
.unna-specialty-controls button { display:grid; place-items:center; width:44px; height:44px; border:1px solid var(--primary); border-radius:50%; color:var(--heading-color); cursor:pointer; background:transparent; }
.unna-specialty-controls button:hover { background:var(--primary); }
.unna-specialty-count { font-size:13px; font-variant-numeric:tabular-nums; color:var(--body-color); }
#jornada { background:var(--body-bg) !important; border-radius:0 0 48px 48px; box-shadow:0 48px 0 #fff; overflow:hidden; }
#faq .accordion-header { background:#f5ece0 !important; border:1px solid #e8d9c6; padding:20px 22px !important; }
#faq .accordion-header.open { background:#ead8b9 !important; }
#faq .accordion-button { font-size:17px; line-height:1.4; padding-right:24px; }
#faq .accordion-content > div { background:#faf7f2; }
#inicio > .unna-closing-backdrop { background:var(--ink) !important; }
.unna-closing-backdrop .img-zoom { overflow:hidden; }
.unna-closing-backdrop .img-zoom > div { margin-inline:24px; max-width:none; box-shadow:none; }
.unna-closing-backdrop .img-zoom h2 { max-width:650px; margin-bottom:28px; }
.unna-closing-backdrop .img-zoom > div > .absolute { width:min(100%,740px); max-width:740px; }
.unna-closing-backdrop .img-zoom h2 { margin:0 auto 18px; }
.unna-closing-subtitle { color:#fff; font-size:17px; line-height:1.6; max-width:46ch; margin:0 auto 26px; text-wrap:balance; }
.unna-contact__heading { margin-bottom:28px; }
.unna-contact { align-items:stretch; }
#contato .unna-map { position:relative; min-height:0; }
#contato .unna-map iframe { min-height:0; }
@media (min-width:960px) {
  #contato .unna-map iframe { position:absolute; inset:0; width:100%; height:100%; }
}
@media (max-width:959px) {
  #contato .unna-map { height:340px; }
}
@media (min-width:1440px) {
  .unna-closing-backdrop .img-zoom > div { max-width:1280px; margin-inline:auto; }
}
@media (max-width:1199px) {
  .box-hover .unna-benefit-title { font-size:20px; }
  #porque > .container > .row { gap:32px; }
  #especialidades .team-wrapper { gap:28px; padding:28px; grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr); }
  .unna-specialty-images { height:400px; gap:8px; }
}
@media (max-width:1023px) {
  #sobre > .container > .row { gap:28px; }
  #porque > .container > .row, #especialidades .team-wrapper { grid-template-columns:1fr; }
  #porque > .container > .row > div:first-child > .relative { height:440px; }
  #porque > .container > .row > div:first-child img { object-position:center 30%; }
  #especialidades .team-content-swiper p { max-width:60ch; }
  .unna-specialty-images { height:460px; }
}
@media (max-width:639px) {
  .page-content h2 { font-size:28px; line-height:1.2; margin-bottom:16px; }
  .unna-hero-copy p { font-size:16px; max-width:34ch; }
  .unna-hero-actions { gap:10px; }
  .unna-hero-actions .btn { font-size:14px; padding:14px 18px; }
  .unna-hero-more.btn { gap:10px; }
  .box-hover .unna-benefit-title { font-size:20px; }
  .unna-about-benefits { grid-template-columns:1fr; gap:12px; }
  #sobre li { font-size:14px; }
  #estrutura .container-fluid { padding:0 16px !important; }
  .unna-structure-media { min-height:400px; max-height:760px; border-radius:24px; }
  #porque > .container > .row > div:first-child > .relative { height:360px; }
  #porque > .container > .row > div:nth-child(2) > .row { gap:12px; }
  #porque .row .row > div > .relative { padding:18px 12px; }
  #porque .icon-content h3 { font-size:16px; }
  #porque .icon-content p { font-size:13px; }
  #especialidades .team-wrapper { gap:20px; padding:20px; border-radius:24px; }
  #especialidades .team-content-swiper h3 { font-size:26px; }
  #especialidades .team-content-swiper p { font-size:16px; }
  .unna-specialty-images { height:340px; gap:6px; }
  .unna-specialty-panel { border-radius:10px; }
  .unna-specialty-panel.is-active { flex-grow:10; }
  #jornada { border-radius:0 0 28px 28px; }
  #faq .accordion-button { font-size:16px; }
  #faq .accordion-header { padding:18px 16px !important; }
  .unna-closing-backdrop .img-zoom > div { margin-inline:16px; }
  .unna-closing-backdrop .img-zoom > div > .absolute { width:100%; }
  .unna-closing-subtitle { font-size:15px; margin-bottom:22px; }
  .unna-closing-backdrop .img-box img { min-height:470px; }
}
@media (max-width:374px) {
  .page-content h2 { font-size:26px; }
  .unna-hero-actions .btn { padding:13px 12px; font-size:13px; }
}
@media (prefers-reduced-motion:reduce) {
  .box-hover, .unna-specialty-panel, .unna-specialty-panel img { transition:none; }
}

/* ============================================================
   AJUSTES 16/10
   ============================================================ */

/* 1. NAVBAR: 1280px quando rola, igual às seções */
.unna-masthead__inner{ max-width:1280px !important; padding-left:20px; padding-right:20px; }
.unna-masthead.is-scrolled::before{
  width:1280px;
  border-radius:0 0 18px 18px;
  box-shadow:0 6px 26px rgb(0 0 0 / 8%);
}
@media (max-width:1320px){
  .unna-masthead.is-scrolled::before{ width:100%; border-radius:0; }
}

/* 2. POR QUE A UNNA: imagem inteira, sem cortar as pessoas nas laterais */
#porque > .container > .row{ align-items:center !important; }
#porque > .container > .row > div:first-child > .relative,
#porque .row > div:first-child > .relative{
  height:auto !important;
  min-height:0 !important;
  background:var(--light);
}
#porque > .container > .row > div:first-child img,
#porque .row > div:first-child img{
  position:static !important;
  width:100% !important;
  height:auto !important;
  object-fit:contain !important;
}

/* 3. FAQ: coluna da esquerda acompanha a rolagem (a lista é longa) */
@media (min-width:1024px){
  #faq > .container > .row{ align-items:flex-start; }
  #faq > .container > .row > div:first-child{
    position:sticky;
    top:96px;
    align-self:flex-start;
  }
}

/* 4. TÍTULOS: tag/kicker colada no h2 e linhas apertadas */
.font-sub-title{
  display:inline-block;
  margin-bottom:10px;
  line-height:1.2;
}
.unna-section-title,
h2.headline{
  line-height:1.18 !important;
}
.unna-section-title + p,
h2.headline + p{ margin-top:14px; }

/* 5. ESTRUTURA: devolve o zoom na rolagem (classe video-zoom-bx do template),
      mas mantém o canto arredondado que o tween do template zera */
.unna-structure-media.video-zoom-bx{ border-radius:32px !important; }
@media (max-width:991px){ .unna-structure-media.video-zoom-bx{ border-radius:24px !important; } }

/* 3b. FAQ: a seção tem `overflow-hidden` do template, e qualquer ancestral
      com overflow hidden cancela position:sticky. */
#faq{ overflow:visible !important; }

/* 6. ESPECIALIDADES: retratos em preto e branco (a geração ainda está em jade,
      o P&B neutraliza o conflito com a identidade dourada) */
.team-image-swiper .swiper-slide img{
  filter:grayscale(1) contrast(1.05) brightness(1.02);
  transition:filter .5s ease;
}

/* ============================================================
   AJUSTES 16/10 — parte 2
   ============================================================ */

/* 7. TRATAMENTOS em preto e branco, sem saturação */
.service-swiper-4 .dz-hover-img img,
.service-swiper-4 img{
  filter:grayscale(1) contrast(1.04) !important;
  transition:filter .5s ease;
}

/* 8. POR QUE A UNNA: foto de grupo 100% visível + duas imagens de apoio nos cantos.
      As regras antigas forçavam cover na altura da coluna e cortavam as pessoas. */
#porque{ overflow:visible !important; }
#porque > .container{ overflow:visible; }
.unna-porque-media{
  position:relative;
  width:100%;
  margin:10px 24px 24px 10px;
}
.unna-porque-media__main{
  position:static !important;
  inset:auto !important;
  width:100% !important;
  height:auto !important;
  max-height:none !important;
  object-fit:contain !important;
  display:block;
  border-radius:20px;
}
.unna-porque-chip{
  position:absolute !important;
  inset:auto !important;
  height:auto !important;
  object-fit:cover !important;
  border-radius:14px;
  border:6px solid #fff;
  box-shadow:0 18px 44px rgba(30,23,16,.20);
  background:#E8D9C6;
}
.unna-porque-chip--tl{ width:30% !important; top:-16px; left:-16px; aspect-ratio:10/9; }
.unna-porque-chip--br{ width:34% !important; right:-22px; bottom:-22px; aspect-ratio:7/9; }
@media (max-width:991px){
  .unna-porque-media{ margin:8px 18px 18px 8px; }
  .unna-porque-chip--tl{ width:26% !important; top:-10px; left:-10px; }
  .unna-porque-chip--br{ width:28% !important; right:-14px; bottom:-14px; }
}
@media (max-width:575px){
  .unna-porque-chip{ border-width:4px; }
  .unna-porque-chip--tl{ width:30% !important; }
  .unna-porque-chip--br{ width:32% !important; }
}

/* 9. ESPECIALIDADES: a 05 é foto de grupo. Em `cover` ela corta as pessoas das pontas. */
.team-image-swiper .swiper-slide img.unna-slide--grupo{
  object-fit:contain !important;
  background:#E8D9C6;
}

/* ============================================================
   AJUSTES 16/10 — parte 3
   ============================================================ */

/* 10. TRATAMENTOS P&B: o hover-effect (three.js) desenha um canvas por cima
       do <img>; o filtro tem que ficar no container pra pegar o canvas também */
.service-swiper-4 .dz-hover-img{
  filter:grayscale(1) contrast(1.04) !important;
}
.service-swiper-4 .dz-hover-img canvas{ filter:none; }

/* 11. POR QUE A UNNA no estilo da Sobre: grade 2/3 + 1/3, máscara nas de apoio,
       mulheres inteiras (contain). Neutraliza as regras antigas da seção. */
.unna-porque-media{ display:none; }
#porque .unna-porque-grid .relative{
  padding:0 !important;
  height:auto !important;
  min-height:0 !important;
  border-radius:16px !important;
  background:#E8D9C6;
}
#porque .unna-porque-main img{
  position:static !important;
  inset:auto !important;
  width:100% !important;
  height:auto !important;
  object-fit:contain !important;
  display:block;
}
#porque .unna-porque-small{ overflow:hidden; }
#porque .unna-porque-small--a{ aspect-ratio:10/9; }
#porque .unna-porque-small--b{ aspect-ratio:7/9; }
#porque .unna-porque-small img{
  position:static !important;
  inset:auto !important;
  width:100% !important;
  height:100% !important;
  object-fit:cover !important;
  object-position:center;
  display:block;
}
#porque .unna-porque-grid > .w-2\/3{ width:66.666% !important; padding-right:14px; }
#porque .unna-porque-grid > .w-1\/3{ width:33.333% !important; padding-left:14px; }

/* ============================================================
   AJUSTES 16/10 — parte 4: Por que a UNNA com a foto #29 (3:2)
   ============================================================ */
.unna-porque-grid{ display:none; }
.unna-porque-stack{ display:flex; flex-direction:column; gap:18px; width:100%; }
.unna-porque-stack figure{ margin:0; }
/* foto principal: horizontal, inteira, sem corte */
.unna-porque-hero{ border-radius:20px; overflow:hidden; background:#E8D9C6; }
.unna-porque-hero img{
  position:static !important; inset:auto !important;
  width:100% !important; height:auto !important;
  object-fit:contain !important; display:block;
}
/* as duas de apoio: dentro de um card creme, NÃO preenchem o card */
.unna-porque-pair{ display:grid; grid-template-columns:1fr 1fr; gap:18px; }
.unna-porque-card{
  background:#F5ECE0; border-radius:18px; padding:16px;
  aspect-ratio:4/3; display:flex; align-items:center; justify-content:center;
}
.unna-porque-card img{
  position:static !important; inset:auto !important;
  width:100% !important; height:auto !important; max-height:100%;
  object-fit:contain !important; border-radius:12px; display:block;
  box-shadow:0 10px 26px rgba(30,23,16,.12);
}
@media (max-width:575px){
  .unna-porque-pair{ gap:12px; }
  .unna-porque-card{ padding:10px; border-radius:14px; }
}