/* ============================================================
   AVIVÁH ESTÉTICA & SPA — estilo compartilhado de todo o site
   Paleta OFICIAL (extraída do logo):
   #9E5E4E terracota  ·  #8A4636 terracota escuro  ·  #928980 taupe
   #B98A7B rosê claro ·  #F5F2EE creme (fundo)
   ============================================================ */
:root{
  --terra:#9E5E4E;        /* primária/accent — terracota do nome AVIVÁH */
  --terra-esc:#8A4636;    /* hover / detalhes fortes — pontinho do logo */
  --taupe:#928980;        /* secundária — cinza-taupe da borboleta */
  --taupe-esc:#6f665e;    /* texto de apoio mais escuro */
  --rose:#B98A7B;         /* rosê suave — legendas, detalhes */
  --creme:#F5F2EE;        /* fundo das seções claras */
  --creme-esc:#ece5dd;    /* variação de fundo */
  --texto:#4a3f39;        /* texto corrido — marrom quente escuro */
  --branco:#fff;
  --borda:#e7ded6;
  --wpp:#25d366;
  --radius:16px;
  --maxw:1160px;
}
*{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth}
body{font-family:'Jost',system-ui,-apple-system,Segoe UI,Roboto,sans-serif;color:var(--texto);line-height:1.7;background:var(--branco);-webkit-font-smoothing:antialiased}
img{max-width:100%;display:block}
a{text-decoration:none;color:inherit}
h1,h2,h3,.serif{font-family:'Cormorant Garamond',Georgia,serif;font-weight:600;letter-spacing:.3px}
.wrap{max-width:var(--maxw);margin:0 auto;padding:0 24px}

/* ---------- BOTÕES ---------- */
.btn{display:inline-flex;align-items:center;gap:10px;font-weight:500;padding:15px 30px;border-radius:50px;font-size:1rem;transition:.22s;cursor:pointer;border:none;line-height:1;letter-spacing:.3px}
.btn-wpp{background:var(--wpp);color:#fff;box-shadow:0 10px 26px rgba(37,211,102,.30)}
.btn-wpp:hover{transform:translateY(-2px);box-shadow:0 14px 32px rgba(37,211,102,.42)}
/* ícone de WhatsApp (substitui o emoji nos botões) */
.btn-wpp::before{content:"";display:inline-block;width:20px;height:20px;flex-shrink:0;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='white'%3E%3Cpath d='M12.04 2C6.58 2 2.13 6.45 2.13 11.91c0 1.75.46 3.45 1.32 4.95L2 22l5.25-1.38c1.45.79 3.08 1.21 4.79 1.21h.01c5.46 0 9.91-4.45 9.91-9.91 0-2.65-1.03-5.14-2.9-7.01A9.82 9.82 0 0 0 12.04 2m5.52 14.15c-.23.66-1.35 1.26-1.87 1.31-.5.05-.96.24-3.23-.67-2.73-1.08-4.45-3.88-4.58-4.06-.13-.18-1.09-1.45-1.09-2.77 0-1.32.69-1.97.94-2.24.25-.27.54-.34.72-.34.18 0 .36 0 .52.01.17.01.39-.06.61.47.23.54.77 1.86.84 2 .07.13.11.29.02.47-.09.18-.14.29-.27.45-.14.16-.29.36-.41.48-.14.14-.28.29-.12.57.16.27.71 1.17 1.53 1.9 1.05.94 1.94 1.23 2.21 1.37.27.14.43.11.59-.07.16-.18.68-.79.86-1.07.18-.27.36-.22.61-.13.25.09 1.57.74 1.84.87.27.14.45.2.52.32.07.11.07.66-.16 1.31'/%3E%3C/svg%3E") center/contain no-repeat}
.btn-terra{background:var(--terra);color:#fff;box-shadow:0 10px 26px rgba(158,94,78,.28)}
.btn-terra:hover{background:var(--terra-esc);transform:translateY(-2px)}
.btn-ghost{background:transparent;color:#fff;border:1.5px solid rgba(255,255,255,.6)}
.btn-ghost:hover{background:#fff;color:var(--terra)}
.btn-outline{background:transparent;color:var(--terra);border:1.5px solid var(--terra)}
.btn-outline:hover{background:var(--terra);color:#fff}

/* ---------- SEÇÕES ---------- */
.sec{padding:88px 0}
.sec.creme{background:var(--creme)}
.eyebrow{display:inline-block;color:var(--terra);font-weight:500;font-size:.8rem;letter-spacing:3px;text-transform:uppercase;margin-bottom:16px}
.sec-tit{font-size:2.7rem;line-height:1.1;margin-bottom:16px;color:var(--terra-esc)}
.sec-sub{color:var(--taupe-esc);font-size:1.1rem;max-width:640px;margin-bottom:52px}
.center{text-align:center}
.center .sec-sub{margin-left:auto;margin-right:auto}

/* CTA de fim de seção (pedido do cliente: WhatsApp ao fim de cada bloco) */
.sec-cta{margin-top:52px;text-align:center}
.sec-cta.small{margin-top:40px}

/* ---------- HEADER ---------- */
header{position:sticky;top:0;z-index:60;background:rgba(255,255,255,.92);backdrop-filter:blur(10px);border-bottom:1px solid var(--borda)}
header .wrap{display:flex;align-items:center;justify-content:space-between;padding:14px 24px}
header .logo img{height:46px;width:auto}
nav.menu{display:flex;align-items:center;gap:34px}
nav.menu a{font-weight:400;font-size:.98rem;color:var(--texto);transition:.15s;position:relative}
nav.menu a:hover,nav.menu a.ativo{color:var(--terra)}
nav.menu a.ativo::after{content:"";position:absolute;left:0;right:0;bottom:-6px;height:2px;background:var(--terra);border-radius:2px}
.header-cta{display:inline-flex}
.burger{display:none;flex-direction:column;gap:5px;background:none;border:none;cursor:pointer;padding:6px}
.burger span{width:26px;height:2px;background:var(--terra);border-radius:3px;transition:.2s}

/* ---------- HERO (home) ---------- */
.hero{position:relative;color:#fff;overflow:hidden;background:linear-gradient(135deg,#8a4636 0%,#9E5E4E 55%,#a97363 100%)}
.hero::before{content:"";position:absolute;inset:0;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120'%3E%3Cpath d='M60 20c-8 12-8 28 0 40 8-12 8-28 0-40zM60 60c-12 8-28 8-40 0 12-8 28-8 40 0zM60 60c12 8 28 8 40 0-12-8-28-8-40 0zM60 60c8 12 8 28 0 40-8-12-8-28 0-40z' fill='none' stroke='%23ffffff' stroke-opacity='.06' stroke-width='2'/%3E%3C/svg%3E") repeat}
/* hero com foto de fundo (home) — camada terracota por cima pra manter o texto legível */
.hero.foto{background:linear-gradient(135deg,rgba(138,70,54,.90) 0%,rgba(158,94,78,.80) 55%,rgba(169,115,99,.72) 100%),url('fotos/hero.jpeg') center/cover}
.hero.foto::before{opacity:.5}
/* heros internos com foto */
.hero.foto-proc{background:linear-gradient(135deg,rgba(138,70,54,.92),rgba(158,94,78,.82)),url('fotos/sala-verde.jpeg') center/cover}
.hero.foto-sobre{background:linear-gradient(135deg,rgba(138,70,54,.92),rgba(158,94,78,.82)),url('fotos/recepcao-logo.jpeg') center 28%/cover}
.hero.foto-contato{background:linear-gradient(135deg,rgba(138,70,54,.92),rgba(158,94,78,.82)),url('fotos/fachada.jpeg') center/cover}
.hero.foto-proc::before,.hero.foto-sobre::before,.hero.foto-contato::before{opacity:.5}

/* ---------- HERO SPLIT (home: texto à esquerda, foto à direita) ---------- */
.hero-split{background:linear-gradient(135deg,var(--creme) 0%,#f2e8e2 100%);overflow:hidden}
.hero-split-inner{display:grid;grid-template-columns:1.05fr .95fr;gap:52px;align-items:center;padding:70px 24px}
.hero-split .hero-badges{justify-content:flex-start;margin-bottom:22px}
.hero-split .hero-badges span{background:#fff;border:1px solid var(--borda);color:var(--terra);backdrop-filter:none}
.hero-split h1{font-size:3.3rem;color:var(--terra-esc);text-align:left;line-height:1.05;max-width:none;margin:0}
.hero-split h1 em{font-style:italic;color:var(--terra)}
.hero-split p.lead{font-size:1.2rem;font-weight:300;color:var(--taupe-esc);text-align:left;max-width:520px;margin:22px 0 32px}
.hero-split .hero-ctas{justify-content:flex-start}
.hero-img{border-radius:26px;overflow:hidden;box-shadow:0 34px 64px rgba(138,70,54,.24);border:6px solid #fff}
.hero-img img{width:100%;height:100%;min-height:500px;object-fit:cover;object-position:center 38%;display:block}
.hero .wrap{position:relative;z-index:2;padding:96px 24px 104px;text-align:center}
.hero-badges{display:flex;gap:10px;flex-wrap:wrap;justify-content:center;margin-bottom:26px}
.hero-badges span{background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.28);backdrop-filter:blur(4px);padding:8px 16px;border-radius:50px;font-size:.78rem;font-weight:400;letter-spacing:1px}
.hero h1{font-size:3.6rem;font-weight:600;line-height:1.06;max-width:840px;margin:0 auto;letter-spacing:0}
.hero h1 em{font-style:italic;color:#f3d9cf}
.hero p.lead{font-size:1.25rem;font-weight:300;color:#f6e7e0;max-width:600px;margin:24px auto 38px}
.hero-ctas{display:flex;gap:14px;flex-wrap:wrap;justify-content:center}

/* faixa de valores abaixo do hero */
.valores{background:var(--creme);padding:0}
.valores .wrap{display:grid;grid-template-columns:repeat(3,1fr);gap:0}
.valores .item{padding:36px 28px;text-align:center;border-right:1px solid var(--borda)}
.valores .item:last-child{border-right:none}
.valores .item .ico{font-size:1.7rem;margin-bottom:8px}
.valores .item h4{font-family:'Cormorant Garamond',serif;font-size:1.5rem;color:var(--terra-esc);margin-bottom:4px}
.valores .item p{font-size:.94rem;color:var(--taupe-esc)}

/* ---------- DESTAQUE (carro-chefe) ---------- */
.destaque{background:linear-gradient(120deg,var(--creme) 0%,var(--creme-esc) 100%)}
.destaque .wrap{display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:center}
.destaque .txt .eyebrow{color:var(--terra)}
.destaque .card-visual{background:linear-gradient(160deg,rgba(158,94,78,.86) 0%,rgba(138,70,54,.93) 100%),url('fotos/sala-verde.jpeg') center/cover no-repeat,var(--terra);border-radius:22px;padding:52px 44px;color:#fff;box-shadow:0 20px 50px rgba(138,70,54,.22);position:relative;overflow:hidden}
.destaque .card-visual h3{font-size:2rem;color:#fff;margin-bottom:14px}
.destaque .card-visual p{color:#f6e7e0;font-weight:300}
.destaque .card-visual .selo{position:absolute;top:22px;right:-38px;background:var(--terra-esc);color:#fff;font-size:.72rem;letter-spacing:1px;padding:6px 46px;transform:rotate(45deg)}
.lista-check{list-style:none;margin:20px 0 0}
.lista-check li{padding:8px 0 8px 30px;position:relative;color:var(--texto)}
.lista-check li::before{content:"";position:absolute;left:2px;top:16px;width:8px;height:8px;background:var(--terra);transform:rotate(45deg)}

/* ícones de linha (SVG) — substituem os emojis */
.card .ico,.pilar .ico,.info-list .ico,.grupo-head .ico,.valores .item .ico{color:var(--terra)}
.grupo-head .ico{color:#fff}
.card .ico svg,.pilar .ico svg,.info-list .ico svg,.grupo-head .ico svg,.valores .item .ico svg{width:26px;height:26px;display:block}
.valores .item .ico{display:flex;align-items:center;justify-content:center}
.pilar .ico{display:flex;align-items:center;justify-content:center}

/* ---------- GRID DE PROCEDIMENTOS ---------- */
.grid-proc{display:grid;grid-template-columns:repeat(3,1fr);gap:26px}
.card{background:#fff;border:1px solid var(--borda);border-radius:var(--radius);padding:34px 30px;transition:.25s}
.card:hover{transform:translateY(-4px);box-shadow:0 18px 40px rgba(158,94,78,.12);border-color:var(--rose)}
.card .ico{width:56px;height:56px;border-radius:50%;background:var(--creme);display:flex;align-items:center;justify-content:center;font-size:1.5rem;margin-bottom:20px}
.card h3{font-size:1.6rem;color:var(--terra-esc);margin-bottom:10px}
.card p{font-size:.98rem;color:var(--taupe-esc)}
.card ul{list-style:none;margin-top:14px}
.card ul li{font-size:.94rem;padding:5px 0 5px 20px;position:relative;color:var(--texto)}
.card ul li::before{content:"·";position:absolute;left:6px;color:var(--terra);font-weight:700;font-size:1.3rem;line-height:1}

/* grupos de procedimentos (página procedimentos) */
.grupo{margin-bottom:64px}
.grupo:last-child{margin-bottom:0}
.grupo-head{display:flex;align-items:center;gap:16px;margin-bottom:28px;padding-bottom:16px;border-bottom:1px solid var(--borda)}
.grupo-head .ico{width:52px;height:52px;border-radius:14px;background:var(--terra);color:#fff;display:flex;align-items:center;justify-content:center;font-size:1.4rem;flex-shrink:0}
.grupo-head h3{font-size:1.9rem;color:var(--terra-esc);line-height:1.1}
.grupo-head p{font-size:.95rem;color:var(--taupe)}
.proc-tags{display:flex;flex-wrap:wrap;gap:12px}
.proc-tags .tag{background:#fff;border:1px solid var(--borda);border-radius:50px;padding:12px 22px;font-size:.96rem;color:var(--texto);transition:.2s}
.proc-tags .tag:hover{background:var(--creme);border-color:var(--rose);color:var(--terra-esc)}

/* ---------- SOBRE ---------- */
.sobre-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:56px;align-items:center}
.sobre-visual{background:linear-gradient(135deg,var(--creme) 0%,var(--creme-esc) 100%);border-radius:22px;padding:56px 40px;text-align:center;border:1px solid var(--borda)}
.sobre-visual img{height:150px;margin:0 auto 8px;width:auto}
/* caixa de foto (usa foto real no lugar do logo) */
.foto-box{border-radius:22px;overflow:hidden;border:1px solid var(--borda);box-shadow:0 24px 54px rgba(158,94,78,.16)}
.foto-box img{width:100%;height:100%;object-fit:cover;min-height:440px}

/* ---------- GALERIA (nosso espaço) ---------- */
.galeria{display:grid;grid-template-columns:repeat(4,1fr);grid-auto-rows:200px;gap:14px}
.galeria a{overflow:hidden;border-radius:14px;border:1px solid var(--borda);display:block}
.galeria a img{width:100%;height:100%;object-fit:cover;transition:.4s}
.galeria a:hover img{transform:scale(1.06)}
.galeria a.wide{grid-column:span 2}
.galeria a.tall{grid-row:span 2}
@media(max-width:900px){.galeria{grid-template-columns:repeat(2,1fr);grid-auto-rows:160px}.galeria a.wide{grid-column:span 2}.galeria a.tall{grid-row:span 1}}
.sobre-txt p{margin-bottom:16px}
.sobre-txt p:last-child{margin-bottom:0}

/* pilares */
.pilares{display:grid;grid-template-columns:repeat(3,1fr);gap:26px;margin-top:8px}
.pilar{text-align:center;padding:30px 24px}
.pilar .ico{font-size:2rem;margin-bottom:12px}
.pilar h4{font-family:'Cormorant Garamond',serif;font-size:1.6rem;color:var(--terra-esc);margin-bottom:8px}
.pilar p{font-size:.96rem;color:var(--taupe-esc)}

/* ---------- CONTATO ---------- */
.contato-grid{display:grid;grid-template-columns:1fr 1fr;gap:48px}
.info-list{list-style:none}
.info-list li{display:flex;gap:16px;align-items:flex-start;padding:20px 0;border-bottom:1px solid var(--borda)}
.info-list li:last-child{border-bottom:none}
.info-list .ico{width:48px;height:48px;border-radius:12px;background:var(--creme);display:flex;align-items:center;justify-content:center;font-size:1.3rem;flex-shrink:0}
.info-list .lbl{font-size:.8rem;letter-spacing:1.5px;text-transform:uppercase;color:var(--taupe);font-weight:500}
.info-list .val{font-size:1.1rem;color:var(--texto)}
.info-list .val a:hover{color:var(--terra)}
.contato-cta{background:var(--terra);border-radius:22px;padding:48px 40px;color:#fff;text-align:center;display:flex;flex-direction:column;justify-content:center;align-items:center;box-shadow:0 20px 50px rgba(158,94,78,.22)}
.contato-cta h3{font-size:2rem;color:#fff;margin-bottom:12px}
.contato-cta p{color:#f6e7e0;font-weight:300;margin-bottom:28px}
.mapa{margin-top:56px;border-radius:22px;overflow:hidden;border:1px solid var(--borda);height:380px}
.mapa iframe{width:100%;height:100%;border:0}
.aviso{background:var(--creme);border:1px dashed var(--rose);border-radius:12px;padding:14px 20px;font-size:.9rem;color:var(--taupe-esc);margin-top:16px}

/* ---------- CTA FINAL (faixa) ---------- */
.cta-faixa{background:linear-gradient(135deg,#8a4636 0%,#9E5E4E 100%);color:#fff;text-align:center;padding:80px 24px}
.cta-faixa h2{font-size:2.6rem;margin-bottom:14px;color:#fff}
.cta-faixa p{font-size:1.15rem;color:#f6e7e0;font-weight:300;max-width:560px;margin:0 auto 32px}

/* ---------- FOOTER ---------- */
footer{background:#3a322d;color:#d8ccc2;padding:60px 0 28px}
footer .wrap{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:40px}
footer .logo-foot img{height:88px;width:auto;margin-bottom:16px;background:#fff;padding:14px 18px;border-radius:14px}
footer p{font-size:.95rem;color:#b8a89d;line-height:1.7}
footer h5{font-family:'Cormorant Garamond',serif;font-size:1.4rem;color:#fff;margin-bottom:16px}
footer ul{list-style:none}
footer ul li{padding:6px 0}
footer ul li a{font-size:.95rem;color:#b8a89d;transition:.15s}
footer ul li a:hover{color:#fff}
footer .foot-bottom{border-top:1px solid rgba(255,255,255,.1);margin-top:44px;padding-top:22px;text-align:center;font-size:.85rem;color:#8f8177}
footer .foot-bottom a{color:#b8a89d}

/* ---------- BOTÃO FLUTUANTE WPP ---------- */
.wpp-float{position:fixed;bottom:24px;right:24px;z-index:80;width:60px;height:60px;border-radius:50%;background:var(--wpp);display:flex;align-items:center;justify-content:center;box-shadow:0 10px 30px rgba(37,211,102,.45);transition:.2s;animation:pulse 2.4s infinite}
.wpp-float:hover{transform:scale(1.08)}
.wpp-float svg{width:32px;height:32px}
@keyframes pulse{0%{box-shadow:0 0 0 0 rgba(37,211,102,.5)}70%{box-shadow:0 0 0 16px rgba(37,211,102,0)}100%{box-shadow:0 0 0 0 rgba(37,211,102,0)}}

/* ---------- RESPONSIVO ---------- */
@media(max-width:900px){
  .hero h1{font-size:2.6rem}
  .sec-tit{font-size:2.1rem}
  /* hero split empilha: foto em cima, texto embaixo, tudo centralizado */
  .hero-split-inner{grid-template-columns:1fr;gap:28px;padding:34px 22px 46px;text-align:center}
  .hero-img{order:-1}
  .hero-img img{min-height:280px}
  .hero-split h1{font-size:2.3rem;text-align:center}
  .hero-split p.lead{text-align:center;margin-left:auto;margin-right:auto}
  .hero-split .hero-badges,.hero-split .hero-ctas{justify-content:center}
  .destaque .wrap,.sobre-grid,.contato-grid{grid-template-columns:1fr;gap:36px}
  .grid-proc,.pilares{grid-template-columns:1fr 1fr}
  .valores .wrap{grid-template-columns:1fr}
  .valores .item{border-right:none;border-bottom:1px solid var(--borda)}
  .valores .item:last-child{border-bottom:none}
  footer .wrap{grid-template-columns:1fr;gap:32px;text-align:center}
  footer .logo-foot img{margin-left:auto;margin-right:auto}
  nav.menu{position:fixed;inset:0 0 0 auto;width:74%;max-width:320px;background:#fff;flex-direction:column;justify-content:center;gap:28px;transform:translateX(100%);transition:.3s;box-shadow:-10px 0 40px rgba(0,0,0,.12)}
  nav.menu.aberto{transform:translateX(0)}
  nav.menu a{font-size:1.2rem}
  .burger{display:flex;z-index:70}
  .header-cta{display:none}
}
@media(max-width:560px){
  .hero h1{font-size:2.1rem}
  .hero-split h1{font-size:2rem}
  .sec{padding:56px 0}
  .grid-proc,.pilares{grid-template-columns:1fr}
  .cta-faixa h2{font-size:2rem}
  /* botões grandes e fáceis de tocar no celular */
  .hero-ctas{flex-direction:column;align-items:stretch;width:100%}
  .hero-ctas .btn{width:100%;justify-content:center}
  .cta-faixa .btn{width:100%;justify-content:center}
  .btn{padding:16px 24px}
  .sec-tit{font-size:1.9rem}
  .hero .wrap{padding:64px 22px 70px}
}