/* Layout intermediário: também cobre navegadores ampliados a 200% ou mais. */
@media (max-width:1100px){
  .container{width:min(100% - 48px,1180px)}
  .nav__links,.nav__cta{display:none}
  .menu-toggle{display:block;margin-left:auto;background:none;border:0;width:38px;padding:8px}
  .menu-toggle span{display:block;height:2px;background:#fff;margin:6px 0}
  .nav.menu-open .nav__links{display:flex;position:absolute;left:-24px;right:-24px;top:107px;background:#111;padding:25px 24px;flex-direction:column;z-index:4}
  .hero__content{padding-top:14vh}
  .hero h1{font-size:clamp(64px,12vw,112px)}
  .hero__meta{gap:28px}
  .intro__grid,.hours,.reviews__layout{grid-template-columns:1fr;gap:36px}
  .intro h2,.section-heading h2,.hours h2{font-size:clamp(56px,10vw,88px)}
  .intro{padding:100px 0}.metrics{margin-top:65px}
  .manifesto__grid{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:36px}
  .manifesto h2{font-size:clamp(52px,8vw,78px)}
  .manifesto__visual{min-height:430px}
  .section-heading{display:block}.section-heading>p{margin-top:24px}
  .plan-grid{grid-template-columns:1fr;max-width:620px;margin-left:auto;margin-right:auto}
  .plan h3{font-size:58px}.price{font-size:70px}
  .reviews__intro{position:static}.review,.review:nth-child(n){position:static;margin-bottom:16px}.reviews__list{padding-bottom:0}
  .footer__inner{grid-template-columns:190px 1fr}.footer__inner>a{grid-column:1/-1}
}
@media (max-width:760px){
  .manifesto__grid{grid-template-columns:1fr}
  .manifesto__visual{min-height:330px}
}
@media (max-width:540px){
  .container{width:calc(100% - 36px)}
  .nav.menu-open .nav__links{left:-18px;right:-18px;top:81px}
  .hero__meta{display:none}
  .manifesto__grid{grid-template-columns:1fr}
  .manifesto__visual{min-height:310px}
  .hero__content{padding-top:19vh}
  .footer__inner{grid-template-columns:1fr}
  .footer__inner>a{grid-column:auto}
}
