/* AXIA Digital Studio — MARICÁ
   Página local, simples e alinhada ao restante do site. */

.marica-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);
}

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

/* ===== HEADER ===== */
.marica-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;
}

.marica-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);
}

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

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

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

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

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

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

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

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

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

.marica-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;
}

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

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

.marica-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);
}

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

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

.marica-page .v8-mobile-nav{display:none}

/* ===== HERO ===== */
.marica-page .marica-hero{
  position:relative;
  overflow:hidden;
  padding:154px 0 88px;
  background:
    linear-gradient(180deg,rgba(5,22,18,.30) 0%,rgba(5,22,18,.54) 35%,rgba(5,22,18,.84) 100%),
    linear-gradient(135deg,rgba(4,20,16,.55) 0%,rgba(9,46,35,.34) 55%,rgba(7,30,23,.62) 100%),
    url('../assets/marica-hero.webp') center 34%/cover no-repeat;
  border-bottom:1px solid rgba(199,163,106,.13);
}

.marica-page .marica-hero::before{
  content:"";
  position:absolute;
  inset:0;
  background:
    radial-gradient(circle at 18% 18%, rgba(255,255,255,.08), transparent 24%),
    linear-gradient(90deg, rgba(7,30,23,.16) 0%, rgba(7,30,23,0) 42%, rgba(7,30,23,.12) 100%);
  pointer-events:none;
}

.marica-page .marica-hero::after{
  content:"";
  position:absolute;
  width:430px;
  height:430px;
  right:-175px;
  top:-120px;
  border:1px solid rgba(227,197,142,.10);
  border-radius:50%;
  pointer-events:none;
}

.marica-page .marica-hero-inner{
  position:relative;
  z-index:1;
  max-width:820px;
  margin-inline:auto;
  text-align:center;
}

.marica-page .marica-eyebrow{
  display:block;
  margin-bottom:14px;
  color:#e0be82;
  font-size:.63rem;
  font-weight:800;
  letter-spacing:.15em;
  text-transform:uppercase;
}

.marica-page .marica-hero h1{
  max-width:760px;
  margin:0 auto 16px;
  color:#f7f2e9;
  font-family:'Cormorant Garamond',Georgia,serif;
  font-size:clamp(3.15rem,4.4vw,4.25rem);
  line-height:.96;
  font-weight:500;
  letter-spacing:-.04em;
  text-wrap:balance;
  text-shadow:0 8px 28px rgba(0,0,0,.26);
}

.marica-page .marica-hero p{
  max-width:660px;
  margin:0 auto;
  color:rgba(247,242,233,.82);
  font-size:1rem;
  line-height:1.7;
  text-shadow:0 6px 20px rgba(0,0,0,.18);
}

/* ===== CONTEÚDO PRINCIPAL — editorial, leve e integrado ===== */
.marica-page .marica-main{
  padding:78px 0 84px;
  background:#fbf8f2;
}

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

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

.marica-page .marica-section-head h2{
  max-width:720px;
  margin:0 auto;
  color:#10251c;
  font-family:'Cormorant Garamond',Georgia,serif;
  font-size:clamp(2.8rem,3.8vw,3.55rem);
  line-height:.99;
  font-weight:500;
  letter-spacing:-.03em;
  text-wrap:balance;
}

.marica-page .marica-section-head p{
  max-width:620px;
  margin:15px auto 0;
  color:#727a75;
  font-size:.9rem;
  line-height:1.65;
}

/* sem cards pesados: dois blocos editoriais, conectados por um divisor leve */
.marica-page .marica-editorial{
  width:min(900px,100%);
  margin:0 auto;
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  position:relative;
  padding:10px 0 4px;
}

.marica-page .marica-editorial::after{
  content:"";
  position:absolute;
  top:18px;
  bottom:14px;
  left:50%;
  width:1px;
  background:linear-gradient(
    to bottom,
    transparent,
    rgba(181,137,76,.22) 16%,
    rgba(181,137,76,.22) 84%,
    transparent
  );
}

.marica-page .marica-editorial-item{
  padding:18px 54px 20px;
  text-align:center;
  display:flex;
  flex-direction:column;
  align-items:center;
}

.marica-page .marica-editorial-number{
  display:block;
  margin-bottom:17px;
  color:#a8783d;
  font-size:.57rem;
  font-weight:800;
  letter-spacing:.15em;
}

.marica-page .marica-editorial-item h3{
  margin:0 0 12px;
  color:#14271f;
  font-family:'Cormorant Garamond',Georgia,serif;
  font-size:2rem;
  line-height:1.06;
  font-weight:600;
  letter-spacing:-.02em;
  text-align:center;
}

.marica-page .marica-editorial-item p{
  max-width:360px;
  margin:0 auto;
  color:#68726d;
  font-size:.89rem;
  line-height:1.72;
  text-align:center;
}

.marica-page .marica-editorial-link{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  margin-top:18px;
  padding:8px 12px;
  border:1px solid rgba(154,112,56,.20);
  border-radius:999px;
  background:rgba(199,163,106,.04);
  color:#76542b;
  font-size:.57rem;
  font-weight:800;
  letter-spacing:.075em;
  text-transform:uppercase;
  text-decoration:none;
  transition:.2s ease;
}

.marica-page .marica-editorial-link:hover{
  background:rgba(199,163,106,.08);
  border-color:rgba(154,112,56,.32);
}

.marica-page .marica-editorial-link span{
  transition:transform .2s ease;
}

.marica-page .marica-editorial-link:hover span{
  transform:translateX(2px);
}

/* observação de atendimento: integrada, sem aparência de terceiro card */
.marica-page .marica-meeting-note{
  width:min(760px,100%);
  margin:42px auto 0;
  padding:18px 0 0;
  display:grid;
  grid-template-columns:38px minmax(0,1fr);
  gap:14px;
  align-items:start;
  border-top:1px solid rgba(181,137,76,.15);
}

.marica-page .marica-note-icon{
  width:36px;
  height:36px;
  display:grid;
  place-items:center;
  border:1px solid rgba(181,137,76,.22);
  border-radius:50%;
  color:#91682f;
}

.marica-page .marica-note-icon svg{
  width:15px;
  height:15px;
  fill:none;
  stroke:currentColor;
  stroke-width:1.4;
  stroke-linecap:round;
  stroke-linejoin:round;
}

.marica-page .marica-meeting-note strong{
  display:block;
  margin-bottom:3px;
  color:#173026;
  font-size:.76rem;
}

.marica-page .marica-meeting-note p{
  margin:0;
  color:#7a817d;
  font-size:.78rem;
  line-height:1.55;
}

/* responsivo específico do bloco editorial */
@media(max-width:860px){
  .marica-page .marica-editorial{
    grid-template-columns:1fr;
    width:min(620px,100%);
  }

  .marica-page .marica-editorial::after{
    display:none;
  }

  .marica-page .marica-editorial-item{
    padding:24px 10px;
  }

  .marica-page .marica-editorial-item + .marica-editorial-item{
    border-top:1px solid rgba(181,137,76,.15);
  }

  .marica-page .marica-editorial-item p{
    max-width:none;
  }

  .marica-page .marica-meeting-note{
    width:min(620px,100%);
  }
}

@media(max-width:640px){
  .marica-page .marica-main{
    padding:58px 0 64px;
  }

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

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

  .marica-page .marica-editorial-item{
    padding:22px 0;
  }

  .marica-page .marica-editorial-item h3{
    font-size:1.75rem;
  }

  .marica-page .marica-meeting-note{
    grid-template-columns:1fr;
    margin-top:28px;
  }
}

/* ===== CTA ===== */
.marica-page .marica-cta{
  padding:58px 0 62px;
  background:#062019;
  color:#f7f2e9;
  border-top:1px solid rgba(227,197,142,.10);
  border-bottom:1px solid rgba(227,197,142,.10);
}

.marica-page .marica-cta-inner{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:46px;
}

.marica-page .marica-cta-inner > div > span{
  display:block;
  margin-bottom:9px;
  color:#d6b372;
  font-size:.63rem;
  font-weight:800;
  letter-spacing:.15em;
  text-transform:uppercase;
}

.marica-page .marica-cta h2{
  max-width:700px;
  margin:0;
  color:#f7f2e9;
  font-family:'Cormorant Garamond',Georgia,serif;
  font-size:clamp(2.4rem,3.5vw,3.35rem);
  line-height:1;
  font-weight:500;
  letter-spacing:-.03em;
}

.marica-page .marica-cta-btn{
  flex:0 0 auto;
  display:inline-flex;
  align-items:center;
  gap:9px;
  padding:12px 18px;
  border-radius:999px;
  background:#ead6b4;
  color:#10251c;
  font-size:.68rem;
  font-weight:800;
  text-decoration:none;
  white-space:nowrap;
  transition:.2s ease;
}

.marica-page .marica-cta-btn:hover{
  transform:translateY(-1px);
  background:#f1dfc2;
}

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

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

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

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

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

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

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

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

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

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

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

  .marica-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;
  }

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

  .marica-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;
  }

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

  
  .marica-page .marica-panel-grid{
    flex-direction:column;
    align-items:center;
  }

  .marica-page .marica-panel-block{
    flex:none;
    width:min(100%,520px);
    min-height:auto;
  }

  .marica-page .marica-panel-block + .marica-panel-block{
    border-left:1px solid rgba(181,137,76,.14);
  }

  .marica-page .marica-cta-inner{
    display:block;
  }

  .marica-page .marica-cta-btn{
    margin-top:24px;
  }

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

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

@media(max-width:640px){
  .marica-page .marica-hero{
    padding-top:126px;
    padding-bottom:62px;
    background-position:center 28%;
  }

  .marica-page .marica-hero h1{
    font-size:2.9rem;
  }

  .marica-page .marica-hero p{
    font-size:.9rem;
  }

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

  .marica-page .marica-section-head{
    margin-bottom:28px;
  }

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

  .marica-page .marica-panel-block{
    padding:27px 22px 24px;
  }

  .marica-page .marica-panel-block h3{
    font-size:1.7rem;
  }

  .marica-page .marica-panel-note{
    grid-template-columns:1fr;
    padding:20px 22px;
  }

  .marica-page .marica-cta{
    padding:50px 0 54px;
  }

  .marica-page .marica-cta h2{
    font-size:2.4rem;
  }
}

/* ===== AJUSTE FINAL — CTA MARICÁ CENTRALIZADO ===== */
.marica-page .marica-cta-inner{
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:22px;
  text-align:center;
}

.marica-page .marica-cta-inner > div{
  width:100%;
}

.marica-page .marica-cta h2{
  margin-inline:auto;
}

.marica-page .marica-cta-btn{
  margin-top:0;
}

/* =========================================================
   AXIA — ATENDIMENTO POR REUNIÃO
   Refinamento SOMENTE desktop. Mobile/tablet permanecem intactos.
   ========================================================= */
@media (min-width:961px){
  .marica-page .marica-meeting-note{
    width:min(720px,100%);
    margin:38px auto 0;
    padding:22px 30px 24px;
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    gap:10px;
    text-align:center;
    border:1px solid rgba(181,137,76,.18);
    border-radius:14px;
    background:
      linear-gradient(180deg,rgba(255,255,255,.62),rgba(250,246,238,.82));
    box-shadow:0 10px 28px rgba(17,35,27,.025);
  }

  .marica-page .marica-note-icon{
    width:40px;
    height:40px;
    margin:0 auto 2px;
    background:rgba(199,163,106,.045);
  }

  .marica-page .marica-note-icon svg{
    width:17px;
    height:17px;
  }

  .marica-page .marica-meeting-note > div{
    width:100%;
  }

  .marica-page .marica-meeting-note strong{
    margin-bottom:6px;
    font-size:.78rem;
    letter-spacing:.015em;
    text-align:center;
  }

  .marica-page .marica-meeting-note p{
    max-width:590px;
    margin:0 auto;
    font-size:.79rem;
    line-height:1.62;
    text-align:center;
  }
}