/* =========================================================
   ZeroTicket — Desktop Scale
   Faz o 100% ter presença visual semelhante ao zoom 150%
   sem usar CSS zoom.
   ========================================================= */

@media(min-width:1200px){

  /* Mais aproveitamento horizontal */
  .wrap{
    width:min(1560px,calc(100% - 72px)) !important;
  }

  /* Header acompanha a nova largura */
  .site-header{
    padding-left:max(36px,calc((100vw - 1560px)/2)) !important;
    padding-right:max(36px,calc((100vw - 1560px)/2)) !important;
  }

  .site-header nav{
    gap:30px;
    font-size:14px;
  }

  .logo{
    width:205px;
  }

  .header-contact,
  .site-header .header-actions>.button{
    font-size:13px;
  }

  /* HERO */
  .hero{
    grid-template-columns:.96fr 1.04fr !important;
    gap:36px !important;
    min-height:760px !important;
    padding-top:68px !important;
    padding-bottom:78px !important;
  }

  .hero .eyebrow{
    font-size:12px !important;
    letter-spacing:.16em;
  }

  .hero h1{
    font-size:clamp(64px,4.7vw,78px) !important;
    line-height:1.06 !important;
    max-width:760px;
    margin:30px 0 !important;
  }

  .hero-copy>p{
    max-width:560px !important;
    font-size:19px !important;
    line-height:1.8 !important;
    margin-bottom:34px !important;
  }

  .hero .button{
    font-size:15px !important;
    padding:20px 28px !important;
  }

  .hero .text-link{
    font-size:14px !important;
  }

  .hero-proof{
    margin-top:37px !important;
    gap:18px !important;
    font-size:11px !important;
  }

  /* Mockup ganha presença junto com o texto */
  .hero-art.hero-carousel-v2{
    height:610px !important;
  }

  /* Navegação dos 3 modos */
  .hero-carousel-nav{
    font-size:10px;
  }

  /* Títulos das demais seções */
  .section-head{
    max-width:900px;
  }

  .section-head h2{
    font-size:clamp(40px,3.5vw,54px) !important;
  }

  .section-head>p{
    max-width:720px;
    font-size:17px !important;
  }

  /* Cards / recursos */
  .feature h3{
    font-size:26px !important;
  }

  .feature p{
    font-size:15px !important;
  }

  .journey h3{
    font-size:21px !important;
  }

  .journey p{
    font-size:15px !important;
  }

  /* Demonstração */
  .demo-page-heading h3,
  .demo-management-heading h3{
    font-size:32px !important;
  }

  .demo-page-heading p,
  .demo-management-heading p{
    font-size:14px !important;
  }

  /* Marca */
  .brand-layout p{
    font-size:17px !important;
    max-width:500px;
  }

  /* Plano */
  .pricing-layout h2{
    font-size:48px !important;
  }

  .pricing-layout>div>p{
    font-size:17px !important;
    max-width:520px;
  }

  /* FAQ */
  .faq summary{
    font-size:15px !important;
  }

  .faq p{
    font-size:14px !important;
  }
}