/* Aurora: ajustes mobile de navegação, tipografia e toque; visual editorial preservado. */
@media (max-width:820px) {
  .top-nav { display:flex; align-items:center; min-height:74px; gap:10px; padding:12px 14px !important; }
  .top-nav .nav-brand { display:inline-flex; flex:1 1 auto; min-width:0; width:auto; max-width:none; overflow:visible; white-space:normal; line-height:1.14; }
  .top-nav .nav-brand .aurora-brand-name { display:block; font-size:clamp(19px,5.3vw,24px); line-height:1.13; letter-spacing:0; white-space:nowrap; }
  .top-nav .nav-brand .aurora-brand-studio { display:block; font-size:clamp(9px,2.5vw,11px); line-height:1.4; letter-spacing:.15em; }
  .top-nav .nav-links { flex:0 0 auto; gap:0 !important; }
  /* O CSS anterior escondia simultaneamente o texto e o ícone do WhatsApp. */
  .top-nav .nav-book-btn { display:inline-flex !important; align-items:center; justify-content:center; flex:0 0 auto; gap:7px; width:auto !important; min-width:44px; height:44px !important; min-height:44px; padding:0 12px !important; color:#f6f2ec !important; border-radius:3px !important; white-space:nowrap; }
  .top-nav .nav-book-btn .wa-icon { display:block !important; width:21px !important; height:21px !important; flex:0 0 21px; color:inherit; fill:currentColor; }
  .top-nav .nav-book-btn .btn-label { display:inline !important; font-size:0 !important; letter-spacing:0; }
  .top-nav .nav-book-btn .btn-label::after { content:"WhatsApp"; font-size:12px; font-weight:600; line-height:1; letter-spacing:.02em; }
  .iphone-screen header { padding:62px 22px 40px !important; gap:18px; }
  .iphone-screen .hero-eyebrow { font-size:12px !important; font-weight:500; letter-spacing:.15em; line-height:1.55; }
  .iphone-screen .hero-title, .iphone-screen header.has-photo .hero-title { font-size:clamp(40px,10.8vw,50px) !important; line-height:1.05; letter-spacing:-.027em; overflow-wrap:break-word; }
  .iphone-screen .hero-subtitle, .iphone-screen header.has-photo .hero-subtitle { font-size:17px !important; font-weight:400; line-height:1.65; }
  .iphone-screen .hero-ctas { gap:12px; margin-top:16px; }
  .iphone-screen .hero-ctas .pill-btn { min-height:52px; padding:14px 18px !important; font-size:12px !important; font-weight:600; letter-spacing:.065em; line-height:1.4; text-align:center; }
  .iphone-screen .hero-ctas .wa-icon { display:block !important; width:20px; height:20px; flex:0 0 20px; }
  .iphone-screen :is(.section-head p,.aurora-lead,.aurora-professional p,.aurora-invite p,.service-card p,.blog-card p,.sobre-bullet,.contact-block p,.result-block p) { font-size:16px !important; line-height:1.7; }
  .iphone-screen :is(.eyebrow,.aurora-kicker,.tag,.service-card .tag) { font-size:11px !important; line-height:1.5; letter-spacing:.12em; }
  .iphone-screen .card-grid { gap:16px; }
  .iphone-screen :is(.service-card,.blog-card) { padding:26px 22px; }
}
@media (max-width:899px) {
  body.site-page .site-nav { min-height:74px; gap:12px; }
  body.site-page .site-brand { min-width:0; flex:1 1 auto; }
  body.site-page .aurora-brand-name { font-size:21px; letter-spacing:0; }
  body.site-page .aurora-brand-studio { font-size:10px; letter-spacing:.15em; }
  body.site-page .site-navlink { font-size:13px !important; letter-spacing:.04em; }
  body.site-page .site-navlinks.open .site-nav-cta { display:inline-flex; width:100%; min-height:50px; height:auto; padding:12px 16px; gap:8px; font-size:12px !important; letter-spacing:.04em; }
  body.site-page .site-navlinks.open .site-nav-cta .btn-label { display:inline !important; font-size:12px !important; }
  body.site-page .page-kicker, body.site-page .content-kicker { font-size:11px !important; letter-spacing:.15em; }
  body.site-page .page-hero p,
  body.site-page :is(.content-head p,.split-copy p,.site-card p,.step p,.case-details p,.contact-card p,.faq p) { font-size:16px !important; font-weight:400; line-height:1.7; }
  body.site-page .page-actions a,body.site-page .conversion-section a { min-height:52px; font-size:12px !important; letter-spacing:.06em; }
  body.site-page :is(.site-grid,.steps,.faq,.case-grid) { gap:16px; }
}
@media (max-width:359px) {
  .top-nav .nav-brand .aurora-brand-name { font-size:18px; }
  .top-nav .nav-book-btn { width:44px !important; padding:0 !important; }
  .top-nav .nav-book-btn .btn-label { display:none !important; }
  body.site-page .aurora-brand-name { font-size:18px; }
}
@media (prefers-reduced-motion:reduce) { .top-nav .nav-book-btn,.top-nav .nav-brand { transition:none !important; } }