/* Ajustes compartilhados para tablets e notebooks compactos. */
@media (min-width:721px) and (max-width:1199px){
  .inner-header{width:100%;padding:24px 32px}
  .inner-header img{width:142px}
  .page-hero{padding:54px 32px 58px}
  .page-hero h1{font-size:clamp(64px,10vw,92px);line-height:.88}
  .page-lead{max-width:620px;font-size:18px}
  .section{padding:62px 32px}
  .section-head{grid-template-columns:1fr;gap:16px;margin-bottom:32px}
  .section-head h2{font-size:clamp(45px,7vw,64px)}
  .section-head p{max-width:68ch;font-size:13px}
  .more-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
  .more-copy{min-height:160px}
  .site-types{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
  .type-card:nth-child(n){grid-column:auto;min-height:350px}
  .type-card:nth-child(5){grid-column:1/-1;min-height:360px}
  .type-content{padding:24px}
  .type-content h2{font-size:clamp(32px,5vw,45px)}
  .growth-wrap{padding:42px 34px}
  .growth-wrap h2{font-size:clamp(50px,8vw,68px)}
  .closing-cta{grid-template-columns:1fr;align-items:start}
  .closing-cta .button-primary{width:max-content;min-width:260px}
  .contact-layout{grid-template-columns:1fr;gap:32px}
  .contact-aside{position:static;max-width:680px}
  .contact-form{padding:18px}
  .site-menu-popover{width:min(360px,calc(100vw - 48px))}
}

@media (min-width:721px) and (max-width:899px){
  .hero{height:100svh;height:100dvh;max-width:none!important;margin:0!important;padding:28px 32px 0!important;box-shadow:none!important}
  .hero .brand img{width:126px}
  .hero .content{padding-top:42px}
  .hero h1{max-width:8.2ch;font-size:clamp(4.35rem,10.5vw,5.4rem);line-height:.87}
  .hero .hero-subtitle{max-width:38ch;margin-top:18px;font-size:1.05rem}
  .hero .bottom{margin-top:20px}
  .hero .start{min-height:60px;font-size:1rem}
  .hero .showcase{margin-top:18px}
  .hero .showcase-intro{font-size:.68rem}
  .hero .segment-box{height:48px;font-size:1rem}
  .hero .card-grid{gap:10px}
  .hero .card-label small{font-size:.46rem}
  .hero .card-label strong{font-size:.72rem}
  .hero .card-label span{font-size:.48rem}
  .page{min-height:100svh;padding:24px 28px 20px;display:flex;flex-direction:column}
  .page main{flex:1;width:100%;max-width:760px;padding-top:10px;display:grid;grid-template-columns:minmax(290px,.9fr) minmax(0,1.1fr);grid-template-rows:auto minmax(0,1fr) auto;column-gap:24px;align-items:center}
  .page .diagnostic-city{grid-column:1;grid-row:1/4;width:min(100%,360px);margin:0 auto}
  .page main>h1{grid-column:2;grid-row:1;max-width:9ch;margin:0 0 14px;font-size:clamp(2.8rem,6.6vw,3.35rem);line-height:.9;letter-spacing:-.045em}
  .page .choices{grid-column:2;grid-row:2;align-self:stretch;margin:0;grid-template-rows:repeat(4,minmax(58px,1fr));gap:8px}
  .page .choice{min-height:0;padding:9px 13px;border-radius:12px}
  .page .choice-copy strong{font-size:.84rem}
  .page .choice-copy small{font-size:.58rem}
  .page .actions{grid-column:2;grid-row:3;padding-top:10px}
  .page .continue{min-height:52px;font-size:.86rem}
}

@media (min-width:860px) and (max-width:1199px){
  .project-card,.project-card:nth-child(even){grid-template-columns:1fr 1fr;min-height:430px}
  .project-card:nth-child(even) .project-media{order:2}
  .project-media{min-height:340px}
  .project-copy{padding:32px}
  .project-copy h3{font-size:clamp(40px,5vw,52px)}
}

@media (min-width:900px) and (max-width:1199px){
  .hero{padding:24px 30px 24px!important;grid-template-columns:minmax(330px,.86fr) minmax(410px,1.14fr)!important;column-gap:28px!important}
  .hero .content{padding-top:4px}
  .hero h1{font-size:clamp(4.25rem,7.7vw,5rem)!important}
  .hero .hero-subtitle{font-size:1rem!important;margin-top:18px!important}
  .hero .showcase{height:76%!important;margin-top:18px!important}
  .hero .segment-box{height:44px!important;font-size:.95rem!important}
  .page main{width:100%;grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr);column-gap:28px}
  .page .diagnostic-city{width:min(100%,430px)}
  .page main>h1{font-size:clamp(3rem,5.3vw,3.5rem);margin-bottom:14px}
  .page .choices{grid-template-rows:repeat(4,minmax(62px,1fr));gap:8px}
  .page .choice{padding:10px 14px}
  .page .choice-copy strong{font-size:.9rem}
  .page .choice-copy small{font-size:.62rem}
}

@media (min-width:700px) and (max-width:999px){
  .chat-page{padding:26px 28px 16px}
  .chat-header,.chat-shell{width:min(100%,760px)}
  .chat-shell{height:calc(100svh - 106px);margin-top:14px}
  .chat-intro{padding:12px 1px 18px}
  .chat-intro h1{font-size:clamp(42px,6vw,52px)}
  .message{max-width:min(84%,610px)}
  .finish-card{margin-left:50px}
}

@media (orientation:landscape) and (min-width:721px) and (max-width:899px) and (max-height:720px){
  .hero{display:grid;grid-template-columns:minmax(300px,.9fr) minmax(390px,1.1fr);grid-template-rows:auto minmax(0,1fr);column-gap:26px;padding-bottom:22px!important}
  .hero header{grid-column:1/-1}
  .hero .content{grid-column:2;grid-row:2;align-self:center;padding-top:0}
  .hero h1{font-size:clamp(3.8rem,7.5vw,4.4rem)}
  .hero .showcase{grid-column:1;grid-row:2;align-self:center;height:78%;margin-top:16px}
}