/* =========================================================
   AXIA DIGITAL STUDIO — CONTATO
   Arquivo completo para css/contato.css
   Compatível com o contato(4).html enviado pela Thalia.
   ========================================================= */

.contact-page{
  --axia-green:#061b15;
  --axia-green-2:#0a241c;
  --axia-green-3:#0d2d22;
  --axia-gold:#c7a36a;
  --axia-gold-light:#e3c58e;
  --axia-paper:#fbf8f2;
  --axia-ink:#10251c;
  --axia-muted:#707973;
  background:var(--axia-paper);
  color:var(--axia-ink);
}

.contact-page .v8-container{
  width:min(1180px,calc(100% - 48px));
  margin-inline:auto;
}

/* =========================
   HEADER
   ========================= */
.contact-page .site-header.v8-header{
  position:absolute;
  inset:0 0 auto 0;
  width:100%;
  z-index:50;
  padding:18px 0;
  background:#061b15;
  border:0;
  transition:
    padding .28s ease,
    background .28s ease,
    border-color .28s ease,
    box-shadow .28s ease;
}

.contact-page .site-header.v8-header.scrolled{
  position:fixed;
  padding:10px 0;
  background:rgba(5,26,20,.94);
  backdrop-filter:blur(18px);
  border-bottom:1px solid rgba(227,197,142,.12);
  box-shadow:0 12px 35px rgba(0,0,0,.08);
}

.contact-page .v8-nav{
  display:grid;
  grid-template-columns:180px 1fr 190px;
  align-items:center;
  gap:26px;
}

.contact-page .v8-brand{
  display:grid;
  width:116px;
  justify-items:center;
  gap:1px;
  color:var(--axia-gold-light);
  text-decoration:none;
}

.contact-page .v8-brand img{
  display:block;
  width:108px;
  height:35px;
  max-width:108px;
  object-fit:contain;
  object-position:center;
  filter:drop-shadow(0 3px 14px rgba(0,0,0,.2));
}

.contact-page .v8-brand span{
  font-size:.44rem;
  line-height:1;
  letter-spacing:.34em;
  font-weight:600;
  margin-left:.32em;
  color:#d8b97f;
}

.contact-page .v8-nav-links{
  display:flex;
  justify-content:center;
  align-items:center;
  gap:31px;
  font-size:.71rem;
}

.contact-page .v8-nav-links a{
  position:relative;
  padding:8px 0;
  color:#fff;
  opacity:.9;
  text-decoration:none;
  transition:.25s;
}

.contact-page .v8-nav-links a:hover{
  opacity:1;
  color:#f3dfbc;
}

.contact-page .v8-nav-links a::after{
  content:"";
  position:absolute;
  left:0;
  bottom:1px;
  width:0;
  height:1px;
  background:var(--axia-gold);
  transition:.25s;
}

.contact-page .v8-nav-links a.active::after,
.contact-page .v8-nav-links a:hover::after{
  width:100%;
}

.contact-page .v8-header-whatsapp{
  justify-self:end;
  display:inline-flex;
  align-items:center;
  gap:8px;
  padding:10px 17px;
  border:1px solid rgba(227,197,142,.78);
  border-radius:999px;
  background:rgba(5,25,19,.18);
  color:#f4e4c8;
  font-size:.68rem;
  white-space:nowrap;
  text-decoration:none;
  transition:.25s;
}

.contact-page .v8-header-whatsapp:hover{
  background:rgba(199,163,106,.12);
  transform:translateY(-1px);
}

.contact-page .v8-header-whatsapp svg{
  width:15px;
  height:15px;
  fill:currentColor;
}

.contact-page .v8-menu-btn{
  display:none;
  justify-self:end;
  position:relative;
  width:42px;
  height:42px;
  border:1px solid rgba(227,197,142,.35);
  border-radius:50%;
  background:rgba(0,0,0,.08);
}

.contact-page .v8-menu-btn::before,
.contact-page .v8-menu-btn::after,
.contact-page .v8-menu-btn span{
  content:"";
  position:absolute;
  left:11px;
  width:18px;
  height:1px;
  background:#f2e5d0;
  transition:.22s ease;
}

.contact-page .v8-menu-btn::before{top:14px}
.contact-page .v8-menu-btn span{top:20px}
.contact-page .v8-menu-btn::after{top:26px}

.contact-page .v8-menu-btn[aria-expanded="true"] span{opacity:0}
.contact-page .v8-menu-btn[aria-expanded="true"]::before{
  top:20px;
  transform:rotate(45deg);
}
.contact-page .v8-menu-btn[aria-expanded="true"]::after{
  top:20px;
  transform:rotate(-45deg);
}

.contact-page .v8-mobile-nav{
  display:none;
}

/* =========================
   HERO — MENOR E CENTRALIZADO
   ========================= */
.contact-page .contact-hero{
  position:relative;
  overflow:hidden;
  padding:148px 0 72px;
  background:
    radial-gradient(circle at 82% 22%,rgba(199,163,106,.10),transparent 30%),
    linear-gradient(135deg,#061b15 0%,#0a241c 48%,#0d2d22 100%);
  border-bottom:1px solid rgba(199,163,106,.13);
}

.contact-page .contact-hero::after{
  content:"";
  position:absolute;
  width:420px;
  height:420px;
  right:-210px;
  bottom:-290px;
  border:1px solid rgba(227,197,142,.08);
  border-radius:50%;
  pointer-events:none;
}

.contact-page .contact-hero-copy{
  position:relative;
  z-index:1;
  max-width:760px;
  margin-inline:auto;
  text-align:center;
}

.contact-page .contact-hero h1{
  max-width:720px;
  margin:0 auto 14px;
  color:#f7f2e9;
  font-family:'Cormorant Garamond',Georgia,serif;
  font-size:clamp(3rem,4.35vw,4.15rem);
  line-height:.98;
  font-weight:500;
  letter-spacing:-.035em;
  text-align:center;
  text-wrap:balance;
}

.contact-page .contact-hero p{
  max-width:560px;
  margin:0 auto;
  color:rgba(247,242,233,.74);
  font-size:.94rem;
  line-height:1.65;
  text-align:center;
}

/* =========================
   BLOCO DE CONTATO
   ========================= */
.contact-page .contact-main{
  padding:76px 0 82px;
  background:#fbf8f2;
}

.contact-page .contact-section-head{
  max-width:760px;
  margin:0 auto 36px;
  text-align:center;
}

.contact-page .contact-kicker{
  display:block;
  margin-bottom:11px;
  color:#996d35;
  font-size:.62rem;
  font-weight:800;
  line-height:1;
  letter-spacing:.15em;
  text-transform:uppercase;
}

.contact-page .contact-section-head h2{
  margin:0;
  color:#10251c;
  font-family:'Cormorant Garamond',Georgia,serif;
  font-size:clamp(2.7rem,3.8vw,3.5rem);
  line-height:.99;
  font-weight:500;
  letter-spacing:-.03em;
  text-wrap:balance;
}

.contact-page .contact-section-head p{
  margin:13px 0 0;
  color:#707973;
  font-size:.9rem;
  line-height:1.6;
}

/* =========================
   CARDS — CLEAN + ELEGANTES
   ========================= */
.contact-page .contact-cards{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:18px;
  width:min(920px,100%);
  margin:0 auto;
}

.contact-page .contact-card{
  position:relative;
  min-height:212px;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  padding:27px 24px 24px;
  overflow:hidden;
  border:1px solid rgba(181,137,76,.15);
  border-radius:14px;
  background:rgba(255,255,255,.58);
  color:#13261e;
  text-align:center;
  text-decoration:none;
  box-shadow:none;
  transition:
    transform .22s ease,
    border-color .22s ease,
    background .22s ease,
    box-shadow .22s ease;
}

.contact-page .contact-card:hover{
  transform:translateY(-2px);
  border-color:rgba(181,137,76,.30);
  background:rgba(255,255,255,.80);
  box-shadow:0 10px 28px rgba(17,35,27,.035);
}

.contact-page .contact-card-icon{
  width:40px;
  height:40px;
  display:grid;
  place-items:center;
  margin-bottom:15px;
  border:1px solid rgba(181,137,76,.22);
  border-radius:50%;
  background:rgba(199,163,106,.045);
  color:#91682f;
}

.contact-page .contact-card-icon svg{
  width:17px;
  height:17px;
  fill:none;
  stroke:currentColor;
  stroke-width:1.35;
  stroke-linecap:round;
  stroke-linejoin:round;
}

.contact-page .contact-card:first-child .contact-card-icon svg{
  fill:currentColor;
  stroke:none;
}

.contact-page .contact-card small{
  display:block;
  margin-bottom:8px;
  color:#9a713a;
  font-size:.57rem;
  font-weight:800;
  line-height:1.3;
  letter-spacing:.13em;
  text-transform:uppercase;
}

.contact-page .contact-card h3{
  margin:0 0 17px;
  color:#13261e;
  font-family:'Cormorant Garamond',Georgia,serif;
  font-size:1.52rem;
  line-height:1.08;
  font-weight:600;
  letter-spacing:-.015em;
}

/* botão discreto */
.contact-page .contact-card-link{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:7px;
  min-height:33px;
  margin-top:0;
  padding:8px 12px;
  border:1px solid rgba(154,112,56,.22);
  border-radius:999px;
  background:rgba(199,163,106,.045);
  color:#76542b;
  font-size:.57rem;
  font-weight:800;
  line-height:1;
  letter-spacing:.075em;
  text-transform:uppercase;
  transition:
    background .2s ease,
    border-color .2s ease,
    transform .2s ease;
}

.contact-page .contact-card:hover .contact-card-link{
  background:rgba(199,163,106,.09);
  border-color:rgba(154,112,56,.34);
}

.contact-page .contact-card-link b{
  font-size:.7rem;
  font-weight:500;
  transition:transform .2s ease;
}

.contact-page .contact-card:hover .contact-card-link b{
  transform:translate(2px,-1px);
}

.contact-page .contact-location-note{
  margin:27px 0 0;
  color:#8a918d;
  font-size:.71rem;
  letter-spacing:.035em;
  text-align:center;
}

.contact-page .contact-location-note span{
  margin:0 8px;
  color:#b48a4f;
}

/* =========================
   FOOTER
   ========================= */
.contact-page .v8-footer{
  background:#04140f;
  border-top:1px solid rgba(199,163,106,.09);
  padding:17px 0;
  color:#86968e;
  font-size:.64rem;
}

.contact-page .v8-footer .v8-container{
  display:flex;
  justify-content:space-between;
  gap:20px;
}

.contact-page .whatsapp{
  background:#e9cf9f;
  color:#071c15;
}

.contact-page .whatsapp svg{
  fill:currentColor;
}

/* =========================
   RESPONSIVO
   ========================= */
@media(max-width:1050px){
  .contact-page .v8-nav{
    grid-template-columns:145px 1fr 165px;
  }

  .contact-page .v8-nav-links{
    gap:20px;
  }

  .contact-page .v8-header-whatsapp{
    padding:9px 13px;
  }
}

@media(max-width:860px){
  .contact-page .v8-container{
    width:min(100% - 32px,700px);
  }

  .contact-page .v8-nav{
    grid-template-columns:1fr auto;
  }

  .contact-page .v8-nav-links,
  .contact-page .v8-header-whatsapp{
    display:none;
  }

  .contact-page .v8-menu-btn{
    display:block;
  }

  .contact-page .v8-mobile-nav{
    position:fixed;
    z-index:49;
    inset:0;
    display:block;
    padding:112px 32px 44px;
    background:
      radial-gradient(circle at 82% 18%,rgba(199,163,106,.09),transparent 25%),
      rgba(4,23,18,.988);
    opacity:0;
    visibility:hidden;
    pointer-events:none;
    overflow-y:auto;
    transition:opacity .25s ease,visibility .25s ease;
  }

  .contact-page .v8-mobile-nav.open{
    opacity:1;
    visibility:visible;
    pointer-events:auto;
  }

  .contact-page .v8-mobile-nav a{
    display:block;
    margin:11px 0;
    color:#fff;
    font-family:'Cormorant Garamond',Georgia,serif;
    font-size:clamp(2.4rem,7vw,3.15rem);
    line-height:1.06;
    text-decoration:none;
  }

  .contact-page .v8-mobile-nav a:last-child{
    margin-top:32px;
    color:#d5b477;
    font-family:'Manrope',Arial,sans-serif;
    font-size:.82rem;
    letter-spacing:.08em;
  }

  .contact-page .contact-cards{
    grid-template-columns:1fr;
    width:min(430px,100%);
  }

  .contact-page .contact-card{
    min-height:190px;
  }

  .contact-page .v8-footer .v8-container{
    display:block;
    text-align:center;
  }

  .contact-page .v8-footer span{
    display:block;
    margin:3px 0;
  }
}

@media(max-width:640px){
  .contact-page .contact-hero{
    padding-top:122px;
    padding-bottom:56px;
  }

  .contact-page .contact-hero h1{
    font-size:2.75rem;
  }

  .contact-page .contact-hero p{
    max-width:420px;
    font-size:.9rem;
  }

  .contact-page .contact-main{
    padding:58px 0 64px;
  }

  .contact-page .contact-section-head{
    margin-bottom:30px;
  }

  .contact-page .contact-section-head h2{
    font-size:2.45rem;
  }

  .contact-page .contact-card{
    min-height:184px;
    padding:24px 20px 22px;
  }
}

/* AXIA — ajustes pontuais da página Contato
   Somente: hero centralizado/menor + refinamento dos cards e ações. */

/* HERO: menor e centralizado */
.contact-page .contact-hero-copy{
  max-width:760px;
  margin-inline:auto;
  text-align:center;
}

.contact-page .contact-hero h1{
  max-width:720px;
  margin:0 auto 14px;
  font-size:clamp(3rem,4.35vw,4.15rem);
  line-height:.98;
  text-align:center;
}

.contact-page .contact-hero p{
  max-width:560px;
  margin:0 auto;
  text-align:center;
  line-height:1.65;
}

/* CARDS: mais leves, limpos e elegantes */
.contact-page .contact-cards{
  gap:18px;
  width:min(920px,100%);
}

.contact-page .contact-card{
  min-height:210px;
  padding:27px 24px 24px;
  border:1px solid rgba(181,137,76,.15);
  border-radius:14px;
  background:rgba(255,255,255,.56);
  box-shadow:none;
}

.contact-page .contact-card::before{
  display:none;
}

.contact-page .contact-card:hover{
  transform:translateY(-2px);
  border-color:rgba(181,137,76,.30);
  background:rgba(255,255,255,.78);
  box-shadow:0 10px 28px rgba(17,35,27,.035);
}

.contact-page .contact-card-icon{
  width:40px;
  height:40px;
  margin-bottom:15px;
  border-color:rgba(181,137,76,.22);
  background:rgba(199,163,106,.045);
}

.contact-page .contact-card-icon svg{
  width:17px;
  height:17px;
}

.contact-page .contact-card small{
  margin-bottom:8px;
  font-size:.57rem;
  letter-spacing:.13em;
  line-height:1.3;
}

.contact-page .contact-card h3{
  margin:0 0 17px;
  font-size:1.52rem;
  line-height:1.08;
  letter-spacing:-.015em;
}

/* Ações com botão discreto */
.contact-page .contact-card-link{
  margin-top:0;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:7px;
  min-height:33px;
  padding:8px 12px;
  border:1px solid rgba(154,112,56,.22);
  border-radius:999px;
  background:rgba(199,163,106,.045);
  color:#76542b;
  font-size:.57rem;
  font-weight:800;
  line-height:1;
  letter-spacing:.075em;
  text-transform:uppercase;
  transition:background .2s ease,border-color .2s ease,transform .2s ease;
}

.contact-page .contact-card:hover .contact-card-link{
  background:rgba(199,163,106,.09);
  border-color:rgba(154,112,56,.34);
}

.contact-page .contact-card-link b{
  font-size:.7rem;
}

/* Mobile: mantém o mesmo refinamento sem aumentar o hero */
@media(max-width:640px){
  .contact-page .contact-hero h1{
    font-size:2.75rem;
  }

  .contact-page .contact-hero p{
    max-width:420px;
  }

  .contact-page .contact-card{
    min-height:188px;
    padding:24px 20px 22px;
  }
}