/* =========================================================
   AXIA DIGITAL STUDIO — REFINO RESPONSIVO FINAL
   Escopo exclusivo: tablet e mobile. Desktop (>960px) intacto.
   ========================================================= */

/* ---------- TABLET + MOBILE ---------- */
@media (max-width:960px){
  body.menu-open{overflow:hidden}

  /* Navegação: menu mais discreto, centralizado e confortável. */
  .home-v8 .v8-nav,
  .services-page .v8-nav,
  .about-page .v8-nav,
  .marica-page .v8-nav,
  .contact-page .v8-nav{
    grid-template-columns:1fr auto;
    align-items:center;
  }

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

  .home-v8 .v8-menu-btn,
  .services-page .v8-menu-btn,
  .about-page .v8-menu-btn,
  .marica-page .v8-menu-btn,
  .contact-page .v8-menu-btn{
    display:block;
  }

  .home-v8 .v8-mobile-nav,
  .services-page .v8-mobile-nav,
  .about-page .v8-mobile-nav,
  .marica-page .v8-mobile-nav,
  .contact-page .v8-mobile-nav{
    position:fixed;
    z-index:49;
    inset:0;
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    gap:3px;
    padding:96px 24px 42px;
    text-align:center;
    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;
  }

  .home-v8 .v8-mobile-nav.open,
  .services-page .v8-mobile-nav.open,
  .about-page .v8-mobile-nav.open,
  .marica-page .v8-mobile-nav.open,
  .contact-page .v8-mobile-nav.open{
    opacity:1;
    visibility:visible;
    pointer-events:auto;
  }

  .home-v8 .v8-mobile-nav a,
  .services-page .v8-mobile-nav a,
  .about-page .v8-mobile-nav a,
  .marica-page .v8-mobile-nav a,
  .contact-page .v8-mobile-nav a{
    display:block;
    margin:0;
    padding:8px 12px;
    color:#fff;
    font-family:'Cormorant Garamond',Georgia,serif;
    font-size:1.8rem;
    line-height:1.06;
  }

  .home-v8 .v8-mobile-nav a:last-child,
  .services-page .v8-mobile-nav a:last-child,
  .about-page .v8-mobile-nav a:last-child,
  .marica-page .v8-mobile-nav a:last-child,
  .contact-page .v8-mobile-nav a:last-child{
    margin-top:15px;
    padding:10px 15px;
    border:1px solid rgba(213,180,123,.28);
    border-radius:999px;
    color:#d5b477;
    font-family:'Manrope',Arial,sans-serif;
    font-size:.72rem;
    letter-spacing:.055em;
  }

  /* HOME — composição central e mais leve no tablet. */
  .home-v10 .v10-hero-copy{
    width:100%;
    max-width:650px;
    margin-inline:auto;
    text-align:center;
  }
  .home-v10 .v10-kicker,
  .home-v10 .v10-hero-actions,
  .home-v10 .v10-hero-meta{
    justify-content:center;
  }
  .home-v10 .v10-hero h1,
  .home-v10 .v10-hero-copy > p{
    margin-inline:auto;
  }
  .home-v10 .v10-hero-inner{
    padding-top:112px;
  }
  .home-v9 .v8-contact-card{
    min-height:138px;
    padding:18px 16px 14px;
  }

  /* SERVIÇOS — cartões menores e grade mais estável no tablet. */
  .services-page .services-grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:13px;
    width:min(720px,100%);
  }
  .services-page .service-card,
  .services-page .service-card:nth-child(4),
  .services-page .service-card:nth-child(5){
    grid-column:auto;
    width:auto;
  }
  .services-page .service-card:nth-child(5):not([open]){
    grid-column:1 / -1;
    width:calc(50% - 7px);
    justify-self:center;
  }
  .services-page .service-card:not([open]) .service-summary{
    min-height:158px;
    padding:18px 18px 16px;
  }
  .services-page .service-card:not([open]) h3{
    font-size:1.42rem;
  }
  .services-page .service-card[open]{
    grid-column:1 / -1;
  }
  .services-page .service-details-action{
    align-items:center;
    text-align:center;
  }
  .services-page .service-details-action strong,
  .services-page .service-details-action p{
    margin-left:auto;
    margin-right:auto;
  }

  /* SOBRE — tablet em coluna única, com leitura centralizada. */
  .about-page .about-hero-simple,
  .about-page .about-hero-copy,
  .about-page .about-founder-copy{
    margin-inline:auto;
    text-align:center;
  }
  .about-page .about-eyebrow{
    justify-content:center;
  }
  .about-page .about-hero h1,
  .about-page .about-hero-copy > p,
  .about-page .about-founder-copy h2,
  .about-page .about-founder-copy p{
    margin-left:auto;
    margin-right:auto;
  }
  .about-page .about-founder-grid{
    grid-template-columns:1fr;
    gap:30px;
  }
  .about-page .about-founder-photo{
    width:min(300px,64vw);
    justify-self:center;
  }
  .about-page .about-cta-inner{
    flex-direction:column;
    justify-content:center;
    gap:22px;
    text-align:center;
  }
  .about-page .about-cta h2{
    margin-inline:auto;
  }

  /* MARICÁ — observação de atendimento também centralizada. */
  .marica-page .marica-meeting-note{
    grid-template-columns:1fr;
    justify-items:center;
    gap:10px;
    text-align:center;
  }
  .marica-page .marica-meeting-note strong,
  .marica-page .marica-meeting-note p{
    text-align:center;
  }

  /* CONTATO — no tablet os 3 contatos ficam compactos lado a lado. */
  .contact-page .contact-cards{
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:12px;
    width:min(720px,100%);
  }
  .contact-page .contact-card{
    min-height:162px;
    padding:20px 15px 17px;
  }
  .contact-page .contact-card h3{
    margin-bottom:12px;
  }
}

/* ---------- MOBILE ---------- */
@media (max-width:640px){
  .home-v10 .v8-container,
  .services-page .v8-container,
  .about-page .v8-container,
  .marica-page .v8-container,
  .contact-page .v8-container{
    width:calc(100% - 28px);
  }

  /* Menu: reduzido, limpo e central. */
  .home-v8 .v8-mobile-nav,
  .services-page .v8-mobile-nav,
  .about-page .v8-mobile-nav,
  .marica-page .v8-mobile-nav,
  .contact-page .v8-mobile-nav{
    gap:1px;
    padding:88px 20px 34px;
  }
  .home-v8 .v8-mobile-nav a,
  .services-page .v8-mobile-nav a,
  .about-page .v8-mobile-nav a,
  .marica-page .v8-mobile-nav a,
  .contact-page .v8-mobile-nav a{
    padding:7px 10px;
    font-size:1.55rem;
    line-height:1.08;
  }
  .home-v8 .v8-mobile-nav a:last-child,
  .services-page .v8-mobile-nav a:last-child,
  .about-page .v8-mobile-nav a:last-child,
  .marica-page .v8-mobile-nav a:last-child,
  .contact-page .v8-mobile-nav a:last-child{
    margin-top:12px;
    padding:9px 13px;
    font-size:.68rem;
  }

  /* HOME */
  .home-v10 .v10-hero,
  .home-v10 .v10-hero-inner{
    min-height:690px;
  }
  .home-v10 .v10-hero-inner{
    align-items:flex-start;
    padding-top:100px;
  }
  .home-v10 .v10-hero-copy{
    text-align:center;
  }
  .home-v10 .v10-kicker{
    justify-content:center;
    margin-bottom:16px;
  }
  .home-v10 .v10-hero h1{
    max-width:10.5ch;
    margin:0 auto 16px;
    font-size:2.75rem;
    line-height:.94;
  }
  .home-v10 .v10-hero-copy > p{
    max-width:35ch;
    margin:0 auto 20px;
    font-size:.86rem;
    line-height:1.58;
  }
  .home-v10 .v10-hero-actions{
    width:min(100%,320px);
    margin-inline:auto;
  }
  .home-v10 .v10-hero-actions .v8-btn{
    min-height:44px;
  }
  .home-v10 .v10-hero-meta{
    justify-items:center;
    justify-content:center;
    margin-top:18px;
    text-align:center;
  }
  .home-v10 .v10-hero-photo{
    background-size:auto 46%;
    background-position:74% 100%;
  }

  .home-v10 .v8-services{
    padding:46px 0 50px;
  }
  .home-v9 .v8-section-head{
    margin-bottom:26px;
  }
  .home-v8 .v8-services-grid{
    display:flex !important;
    flex-wrap:wrap !important;
    gap:10px !important;
  }
  .home-v8 .v8-services-grid .v8-service,
  .home-v8 .v8-services-grid .v8-service:nth-child(4),
  .home-v8 .v8-services-grid .v8-service:nth-child(5){
    flex:1 1 calc(50% - 5px) !important;
    width:calc(50% - 5px) !important;
    max-width:calc(50% - 5px) !important;
    min-height:140px !important;
    padding:14px 10px 12px !important;
    border:1px solid rgba(109,95,68,.11) !important;
    border-radius:12px;
  }
  .home-v8 .v8-services-grid .v8-service:nth-child(5){
    flex-grow:0 !important;
    margin-inline:auto;
  }
  .home-v8 .v8-service-icon{
    width:36px;
    height:36px;
    margin-bottom:8px;
  }
  .home-v8 .v8-service-icon svg{
    width:27px;
    height:27px;
  }
  .home-v8 .v8-service h3{
    min-height:0;
    margin-bottom:7px;
    font-size:1.02rem;
    line-height:1.02;
  }
  .home-v8 .v8-service p{
    font-size:.66rem;
    line-height:1.45;
  }
  .home-v8 .v8-services-action{
    margin-top:20px;
  }

  .home-v8 .v8-contact{
    padding:44px 0 50px;
  }
  .home-v8 .v8-contact-grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:10px;
  }
  .home-v9 .v8-contact-card{
    min-height:128px;
    padding:14px 10px 12px;
  }
  .home-v8 .v8-contact-icon{
    height:21px;
    margin-bottom:6px;
  }
  .home-v8 .v8-contact-icon svg{
    width:20px;
    height:20px;
  }
  .home-v8 .v8-contact-card h3{
    font-size:1.04rem;
  }
  .home-v8 .v8-contact-card p{
    margin-bottom:8px;
    font-size:.62rem;
    line-height:1.4;
  }
  .home-v8 .v8-card-btn{
    min-height:32px;
    padding:6px 6px;
    font-size:.56rem;
    line-height:1.15;
  }

  /* SERVIÇOS */
  .services-page .services-hero{
    min-height:380px;
  }
  .services-page .services-hero-content{
    padding:100px 0 54px;
  }
  .services-page .services-hero h1{
    max-width:11.5ch;
    font-size:2.6rem;
  }
  .services-page .services-hero p{
    max-width:34ch;
    font-size:.86rem;
    line-height:1.6;
  }
  .services-page .services-section{
    padding:48px 0 54px;
  }
  .services-page .services-intro{
    margin-bottom:24px;
  }
  .services-page .services-intro h2{
    max-width:15ch;
    font-size:2.15rem;
  }
  .services-page .services-intro p{
    font-size:.84rem;
    line-height:1.6;
  }
  .services-page .services-grid{
    grid-template-columns:1fr;
    gap:10px;
    width:min(390px,100%);
  }
  .services-page .service-card,
  .services-page .service-card:nth-child(4),
  .services-page .service-card:nth-child(5),
  .services-page .service-card:nth-child(5):not([open]){
    grid-column:auto;
    width:100%;
  }
  .services-page .service-card:not([open]){
    min-height:0;
  }
  .services-page .service-card:not([open]) .service-summary{
    min-height:142px;
    padding:14px 16px 13px;
  }
  .services-page .service-card:not([open]) .service-icon{
    width:35px;
    height:35px;
    margin-bottom:7px;
  }
  .services-page .service-card:not([open]) .service-icon svg{
    width:17px;
    height:17px;
  }
  .services-page .service-card:not([open]) h3{
    margin-bottom:5px;
    font-size:1.25rem;
  }
  .services-page .service-card:not([open]) .service-summary > p{
    max-width:36ch;
    font-size:.77rem;
    line-height:1.42;
  }
  .services-page .service-card:not([open]) .service-toggle{
    position:static;
    margin-top:8px;
    padding:6px 10px;
    font-size:.54rem;
  }

  .services-page .service-card[open] .service-summary{
    display:flex;
    flex-direction:column;
    align-items:center;
    padding:16px;
    text-align:center;
  }
  .services-page .service-card[open] .service-icon{
    width:36px;
    height:36px;
    margin:0 0 8px;
  }
  .services-page .service-card[open] .service-summary h3{
    margin:0 0 6px;
    font-size:1.32rem;
  }
  .services-page .service-card[open] .service-summary > p{
    margin:0 auto;
    max-width:36ch;
    font-size:.8rem;
    text-align:center;
  }
  .services-page .service-card[open] .service-toggle{
    margin:9px auto 0;
  }
  .services-page .service-details{
    gap:18px;
    padding:18px 16px 20px;
  }
  .services-page .service-details-copy{
    margin-bottom:14px;
    text-align:center;
  }
  .services-page .service-details-copy p{
    margin-inline:auto;
    font-size:.82rem;
  }
  .services-page .service-items li{
    min-height:0;
    padding:9px 2px 9px 20px;
    font-size:.8rem;
  }
  .services-page .service-details-action{
    padding-top:17px;
    align-items:center;
    text-align:center;
  }
  .services-page .service-details-action strong{
    font-size:1.28rem;
  }
  .services-page .service-details-action p{
    font-size:.78rem;
  }
  .services-page .services-cta-section{
    padding:46px 0 50px;
  }
  .services-page .services-cta-card h2{
    font-size:2.05rem;
  }

  /* SOBRE */
  .about-page .about-hero{
    padding:110px 0 50px;
  }
  .about-page .about-hero-copy{
    text-align:center;
  }
  .about-page .about-eyebrow{
    justify-content:center;
    margin-bottom:15px;
  }
  .about-page .about-hero h1{
    max-width:11ch;
    margin:0 auto 16px;
    font-size:2.6rem;
  }
  .about-page .about-hero-copy > p{
    max-width:36ch;
    margin-inline:auto;
    font-size:.86rem;
    line-height:1.6;
  }
  .about-page .about-outline-btn{
    margin-top:16px;
  }
  .about-page .about-founder{
    padding:48px 0 52px;
  }
  .about-page .about-founder-grid{
    gap:24px;
  }
  .about-page .about-founder-copy{
    text-align:center;
  }
  .about-page .about-founder-copy h2{
    margin-bottom:14px;
    font-size:2.15rem;
  }
  .about-page .about-founder-copy p{
    max-width:38ch;
    margin:0 auto 11px;
    font-size:.88rem;
    line-height:1.64;
  }
  .about-page .about-founder-photo{
    width:min(250px,76vw);
  }
  .about-page .about-cta{
    padding:46px 0 50px;
  }
  .about-page .about-cta-inner{
    gap:18px;
  }
  .about-page .about-cta h2{
    max-width:13ch;
    font-size:2.05rem;
  }

  /* MARICÁ */
  .marica-page .marica-hero{
    padding:112px 0 54px;
  }
  .marica-page .marica-hero h1{
    max-width:11ch;
    font-size:2.6rem;
  }
  .marica-page .marica-hero p{
    max-width:35ch;
    font-size:.86rem;
    line-height:1.6;
  }
  .marica-page .marica-main{
    padding:48px 0 52px;
  }
  .marica-page .marica-section-head{
    margin-bottom:22px;
  }
  .marica-page .marica-section-head h2{
    font-size:2.15rem;
  }
  .marica-page .marica-section-head p{
    max-width:37ch;
    font-size:.86rem;
    line-height:1.62;
  }
  .marica-page .marica-editorial-item{
    padding:20px 4px;
  }
  .marica-page .marica-editorial-number{
    margin-bottom:10px;
  }
  .marica-page .marica-editorial-item h3{
    margin-bottom:8px;
    font-size:1.55rem;
  }
  .marica-page .marica-editorial-item p{
    max-width:38ch;
    font-size:.86rem;
    line-height:1.64;
  }
  .marica-page .marica-meeting-note{
    margin-top:28px;
    padding-top:16px;
  }
  .marica-page .marica-meeting-note p{
    max-width:38ch;
    font-size:.8rem;
  }
  .marica-page .marica-cta{
    padding:44px 0 48px;
  }
  .marica-page .marica-cta-inner{
    gap:17px;
  }
  .marica-page .marica-cta h2{
    max-width:13ch;
    font-size:2.08rem;
  }

  /* CONTATO */
  .contact-page .contact-hero{
    padding:110px 0 50px;
  }
  .contact-page .contact-hero h1{
    max-width:11ch;
    font-size:2.55rem;
  }
  .contact-page .contact-hero p{
    max-width:35ch;
    font-size:.86rem;
    line-height:1.6;
  }
  .contact-page .contact-main{
    padding:48px 0 52px;
  }
  .contact-page .contact-section-head{
    margin-bottom:24px;
  }
  .contact-page .contact-section-head h2{
    font-size:2.15rem;
  }
  .contact-page .contact-section-head p{
    max-width:36ch;
    margin-inline:auto;
    font-size:.84rem;
  }
  .contact-page .contact-cards{
    grid-template-columns:1fr;
    gap:10px;
    width:min(340px,100%);
  }
  .contact-page .contact-card{
    min-height:128px;
    padding:15px 14px 14px;
  }
  .contact-page .contact-card-icon{
    width:34px;
    height:34px;
    margin-bottom:8px;
  }
  .contact-page .contact-card-icon svg{
    width:15px;
    height:15px;
  }
  .contact-page .contact-card small{
    margin-bottom:5px;
    font-size:.52rem;
  }
  .contact-page .contact-card h3{
    margin-bottom:10px;
    font-size:1.24rem;
  }
  .contact-page .contact-card-link{
    min-height:31px;
    padding:7px 10px;
    font-size:.54rem;
  }
  .contact-page .contact-location-note{
    margin-top:20px;
    line-height:1.55;
  }
}

/* Telefones bem estreitos: não esmaga os cards em duas colunas. */
@media (max-width:350px){
  .home-v8 .v8-services-grid,
  .home-v8 .v8-contact-grid{
    display:grid !important;
    grid-template-columns:1fr !important;
  }
  .home-v8 .v8-services-grid .v8-service,
  .home-v8 .v8-services-grid .v8-service:nth-child(4),
  .home-v8 .v8-services-grid .v8-service:nth-child(5){
    width:100% !important;
    max-width:none !important;
  }
}

/* =========================================================
   AXIA — REFINO RESPONSIVO V2
   SOMENTE tablet e celular (<=960px). Desktop intacto.
   ========================================================= */

@media (max-width:960px){
  /* MENU — acabamento mais elegante e legível */
  .home-v8 .v8-mobile-nav,
  .services-page .v8-mobile-nav,
  .about-page .v8-mobile-nav,
  .marica-page .v8-mobile-nav,
  .contact-page .v8-mobile-nav{
    justify-content:flex-start;
    gap:0;
    padding:132px 24px 44px;
    background:
      radial-gradient(circle at 50% 12%,rgba(199,163,106,.09),transparent 28%),
      linear-gradient(180deg,#031812 0%,#05231a 100%);
  }

  .home-v8 .v8-mobile-nav a,
  .services-page .v8-mobile-nav a,
  .about-page .v8-mobile-nav a,
  .marica-page .v8-mobile-nav a,
  .contact-page .v8-mobile-nav a{
    width:min(300px,82vw);
    margin:0;
    padding:12px 8px;
    border-bottom:1px solid rgba(214,178,115,.12);
    font-size:1.42rem;
    line-height:1.05;
    letter-spacing:.005em;
  }

  .home-v8 .v8-mobile-nav a:first-child,
  .services-page .v8-mobile-nav a:first-child,
  .about-page .v8-mobile-nav a:first-child,
  .marica-page .v8-mobile-nav a:first-child,
  .contact-page .v8-mobile-nav a:first-child{
    border-top:1px solid rgba(214,178,115,.12);
  }

  .home-v8 .v8-mobile-nav a:last-child,
  .services-page .v8-mobile-nav a:last-child,
  .about-page .v8-mobile-nav a:last-child,
  .marica-page .v8-mobile-nav a:last-child,
  .contact-page .v8-mobile-nav a:last-child{
    width:auto;
    min-width:150px;
    margin-top:22px;
    padding:10px 18px;
    border:1px solid rgba(214,178,115,.42);
    background:rgba(199,163,106,.05);
    font-size:.70rem;
  }

  /* Página atual ganha um destaque sutil */
  .home-v8 .v8-mobile-nav a[href="/"],
  .services-page .v8-mobile-nav a[href="servicos.html"],
  .about-page .v8-mobile-nav a[href="sobre.html"],
  .marica-page .v8-mobile-nav a[href="agencia-digital-marica.html"],
  .contact-page .v8-mobile-nav a[href="contato.html"]{
    color:#e3c58e;
  }

  body.menu-open .whatsapp{
    opacity:0;
    pointer-events:none;
  }

  /* Balanceamento tipográfico no tablet */
  .services-page .services-hero h1,
  .services-page .services-intro h2,
  .services-page .services-intro p,
  .about-page .about-hero h1,
  .about-page .about-hero-copy > p,
  .contact-page .contact-hero h1,
  .contact-page .contact-hero p,
  .marica-page .marica-hero h1,
  .marica-page .marica-hero p{
    text-wrap:balance;
  }

  .services-page .services-hero h1{
    max-width:17ch;
  }

  .services-page .services-intro h2{
    max-width:23ch;
    margin-inline:auto;
  }

  .services-page .services-intro p{
    max-width:52ch;
    margin-inline:auto;
  }

  /* Remove a quebra forçada que deixava uma linha enorme e outra curta */
  .services-page .services-intro p br{
    display:none;
  }

  .about-page .about-hero h1{
    max-width:19ch;
  }

  .about-page .about-hero-copy > p{
    max-width:54ch;
  }

  .contact-page .contact-hero h1{
    max-width:18ch;
  }

  .contact-page .contact-hero p{
    max-width:48ch;
  }

  .marica-page .marica-hero h1{
    max-width:19ch;
  }

  .marica-page .marica-hero p{
    max-width:52ch;
  }
}

@media (max-width:640px){
  /* HOME — menos espaço vazio antes da seção seguinte */
  .home-v10 .v10-hero,
  .home-v10 .v10-hero-inner{
    min-height:620px;
  }

  .home-v10 .v10-hero-inner{
    padding-top:94px;
  }

  .home-v10 .v10-hero-photo{
    background-size:auto 43%;
  }

  .home-v10 .v10-hero-meta{
    margin-top:15px;
  }

  /* MENU MOBILE — compacto e com ritmo visual */
  .home-v8 .v8-mobile-nav,
  .services-page .v8-mobile-nav,
  .about-page .v8-mobile-nav,
  .marica-page .v8-mobile-nav,
  .contact-page .v8-mobile-nav{
    padding:112px 20px 34px;
  }

  .home-v8 .v8-mobile-nav a,
  .services-page .v8-mobile-nav a,
  .about-page .v8-mobile-nav a,
  .marica-page .v8-mobile-nav a,
  .contact-page .v8-mobile-nav a{
    width:min(276px,82vw);
    padding:10px 8px;
    font-size:1.26rem;
  }

  .home-v8 .v8-mobile-nav a:last-child,
  .services-page .v8-mobile-nav a:last-child,
  .about-page .v8-mobile-nav a:last-child,
  .marica-page .v8-mobile-nav a:last-child,
  .contact-page .v8-mobile-nav a:last-child{
    min-width:142px;
    margin-top:18px;
    padding:9px 16px;
    font-size:.66rem;
  }

  /* SERVIÇOS */
  .services-page .services-hero h1{
    max-width:15.5ch;
    font-size:2.28rem;
    line-height:.96;
  }

  .services-page .services-hero p{
    max-width:38ch;
  }

  .services-page .services-intro h2{
    max-width:22ch;
    font-size:1.88rem;
    line-height:1.02;
  }

  .services-page .services-intro p{
    max-width:39ch;
    font-size:.82rem;
    line-height:1.58;
  }

  /* SOBRE */
  .about-page .about-hero h1{
    width:100%;
    max-width:17ch;
    font-size:2.28rem;
    line-height:.96;
  }

  .about-page .about-hero-copy > p{
    max-width:38ch;
  }

  /* CONTATO */
  .contact-page .contact-hero h1{
    width:100%;
    max-width:15.8ch;
    font-size:2.28rem;
    line-height:.96;
  }

  .contact-page .contact-hero p{
    max-width:38ch;
  }

  /* MARICÁ */
  .marica-page .marica-hero h1{
    width:100%;
    max-width:17ch;
    font-size:2.28rem;
    line-height:.96;
  }

  .marica-page .marica-hero p{
    max-width:39ch;
  }
}

/* =========================================================
   AXIA — QUEBRA CONTROLADA DE TÍTULOS NA HOME
   Apenas celular. Desktop/tablet permanecem como estavam.
   ========================================================= */
.mobile-fixed-line{
  display:inline;
}

@media (max-width:640px){
  .home-v10 .mobile-fixed-line{
    display:block;
    width:max-content;
    max-width:100%;
    margin-inline:auto;
    white-space:nowrap;
  }

  /* Neutraliza limites antigos que faziam cada metade quebrar de novo. */
  .home-v10 .v10-hero h1{
    max-width:none;
    width:100%;
  }

  .home-v10 .v8-section-head h2{
    max-width:none;
    width:100%;
  }
}

/* =========================================================
   AXIA — ESTABILIDADE TIPOGRÁFICA
   Usa explicitamente um peso de Cormorant já carregado no menu responsivo.
   ========================================================= */
@media (max-width:960px){
  .home-v8 .v8-mobile-nav a:not(:last-child),
  .services-page .v8-mobile-nav a:not(:last-child),
  .about-page .v8-mobile-nav a:not(:last-child),
  .marica-page .v8-mobile-nav a:not(:last-child),
  .contact-page .v8-mobile-nav a:not(:last-child){
    font-weight:500;
  }
}
@media (max-width:640px){
  .home-v10 .v10-hero-copy{
    transform:translateY(60px);
  }
}