/* 2026-10-04 — Navegação progressiva mobile: Home + Catálogo + Soluções Digitais */
.shop-demo-expand{display:none}
.shop-showroom-progressive{display:contents}
.shop-progressive{display:flex;flex-direction:column;align-items:center;gap:8px;padding:18px 0 2px}
.shop-progressive[hidden]{display:none!important}
.shop-progressive button{min-height:44px;padding:0 18px;border:1px solid rgba(120,199,255,.26);border-radius:12px;background:#10283b;color:#e6f4ff;font:inherit;font-size:11px;font-weight:850;cursor:pointer}
.shop-progressive button:hover,.shop-progressive button:focus-visible{background:#15354e;border-color:rgba(120,199,255,.46)}
.shop-progressive small{color:#738ca2;font-size:9px}

@media(max-width:640px){
  /* HOME — primeiro impacto mais curto; mantém Brax e os caminhos principais. */
  #homeView .hero{padding:10px 0 18px!important;gap:2px!important}
  #homeView .hero h1{font-size:33px!important;line-height:1.03}
  #homeView .hero-copy-block>p:not(.hero-kicker){font-size:12.5px!important;line-height:1.5}
  #homeView .hero-actions{margin-top:17px}
  #homeView .hero-trust{margin-top:10px;gap:8px}
  #homeView .hero-trust span{font-size:9px}
  #homeView .hero-ecosystem{min-height:215px!important}
  #homeView .hero-brax-stage .hero-brax{width:min(182px,48vw)!important}
  #homeView .discovery-section{margin-top:18px!important;margin-bottom:18px!important}

  /* EXPERIENCE — cinco modos continuam acessíveis, mas o palco deixa de ocupar quase uma tela inteira. */
  #section-experience .experience-portal-v5{padding:11px!important;border-radius:20px}
  #section-experience .experience-v5-head{gap:8px!important;margin-bottom:8px!important}
  #section-experience .experience-v5-title h3{font-size:28px!important;line-height:1}
  #section-experience .experience-v5-title p{display:none}
  #section-experience .experience-v5-modes{padding:2px!important;gap:4px;grid-auto-columns:minmax(86px,1fr)!important}
  #section-experience .experience-v5-modes button{min-height:38px!important;font-size:7px}
  #section-experience .experience-v5-stage{padding:9px!important;gap:7px!important;border-radius:17px!important}
  #section-experience .experience-v5-copy{padding:6px 2px 0!important}
  #section-experience .experience-v5-index{font-size:42px!important}
  #section-experience .experience-v5-copy h4{font-size:25px!important;line-height:1.03}
  #section-experience .experience-v5-copy p{font-size:8px!important;line-height:1.45}
  #section-experience .experience-v5-copy>a{min-height:38px!important;margin-top:10px!important}
  #section-experience .experience-v5-visual,
  #section-experience .exp-play-ui,
  #section-experience .exp-radar-ui,
  #section-experience .exp-match-ui,
  #section-experience .exp-create-ui,
  #section-experience .exp-solutions-ui{min-height:185px!important}
  #section-experience .exp-play-feature{padding:22px 12px 54px!important}
  #section-experience .exp-play-feature strong{font-size:18px!important}
  #section-experience .exp-play-rail{left:7px!important;right:7px!important;bottom:7px!important;gap:4px!important}
  #section-experience .exp-play-rail i{min-height:48px!important;padding:5px!important}
  #section-experience .exp-radar-core{width:104px!important;height:104px!important;margin-top:4px!important}
  #section-experience .exp-radar-feed{grid-template-columns:repeat(3,1fr)!important;gap:4px!important}
  #section-experience .exp-radar-feed span{padding:5px!important;min-width:0}
  #section-experience .exp-match-ui{padding:9px!important}
  #section-experience .exp-match-choices{gap:4px!important}
  #section-experience .exp-match-choices button{min-height:42px!important}
  #section-experience .exp-match-result{min-height:72px!important;padding:9px!important}
  #section-experience .exp-create-ui{grid-template-columns:38px 1fr!important}
  #section-experience .exp-create-ui aside{padding:8px 0!important}
  #section-experience .exp-create-ui main{padding:12px!important}
  #section-experience .exp-create-ui main>strong{font-size:18px!important}
  #section-experience .exp-solutions-ui{padding:9px!important}
  #section-experience .exp-solutions-flow span{padding:6px!important;font-size:6px}
  #section-experience .exp-solutions-products{grid-template-columns:repeat(3,1fr)!important;gap:4px!important;margin-top:7px!important}
  #section-experience .exp-solutions-products article{padding:6px!important}
  #section-experience .experience-v5-signature{margin-top:7px!important;padding-top:7px!important;gap:5px!important}
  #section-experience .experience-v5-signature span{display:none}
  #section-experience .experience-v5-signature strong{font-size:15px!important}
  #section-experience .experience-v5-signature>a{padding:5px 0!important;min-height:36px}

  /* Catálogo e Soluções — cabeçalho e controles mais densos. */
  .shop-page{padding-top:2px!important;padding-bottom:42px}
  .shop-head{padding:5px 0 16px!important;gap:8px!important}
  .shop-head>div>a,.shop-head>div>span{font-size:10px!important}
  .shop-head small{margin-top:12px!important;font-size:8px!important}
  .shop-head h1{font-size:32px!important;line-height:1.02;margin:9px 0!important}
  .shop-head p{font-size:12px!important;line-height:1.5;margin:0}
  .shop-coupon{gap:9px!important;margin-bottom:16px!important;padding:12px!important;border-radius:15px!important}
  .shop-coupon-copy small{font-size:7px!important}
  .shop-coupon-copy strong{font-size:15px!important}
  .shop-coupon-copy p{display:none}
  .shop-coupon-form{gap:6px!important}
  .shop-coupon-form input,.shop-coupon-form button{min-height:40px!important}
  .shop-toolbar{display:grid!important;grid-template-columns:1fr 1fr;gap:7px!important}
  .shop-toolbar .shop-search{grid-column:1/-1;padding:10px 12px!important;min-height:44px}
  .shop-toolbar>button{width:100%;min-height:40px!important;padding:7px 8px!important;font-size:10px!important}
  .shop-filters{padding:9px 0 5px!important}
  .shop-results-count{padding:8px 0 14px!important}
  .shop-assistance{margin-top:18px!important;padding:17px!important;border-radius:16px!important}
  .shop-assistance p{margin:7px 0 12px}

  /* Soluções Digitais — showroom vira resumo expansível. */
  .shop-demo-expand{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;min-height:44px;margin-top:12px;padding:0 13px;border:1px solid rgba(120,199,255,.24);border-radius:12px;background:#0f293b;color:#e6f5ff;font:inherit;font-size:10px;font-weight:850;cursor:pointer}
  .shop-demo-expand span{font-size:14px;color:#8fd1ff}
  .shop-showroom{display:block!important;border-radius:18px!important;overflow:hidden}
  .shop-showroom-copy{padding:17px!important}
  .shop-showroom h2{font-size:25px!important;margin:8px 0!important}
  .shop-showroom-copy>p{font-size:11px!important;line-height:1.5;margin:7px 0!important}
  .shop-showroom-progressive,.shop-demo-window{display:none!important}
  .shop-showroom.is-expanded .shop-showroom-progressive{display:grid!important;gap:10px;margin-top:13px}
  .shop-showroom.is-expanded .shop-demo-window{display:block!important;margin:0 12px 12px}
  .shop-showroom.is-expanded .shop-demo-window iframe{height:470px!important}
  .shop-showroom.is-expanded .shop-demo-cover{min-height:250px!important;padding:18px!important}
  .shop-showroom.is-expanded .shop-demo-cover h3{font-size:26px!important}
  .shop-showroom-progressive label{font-size:9px!important}
  .shop-showroom-progressive select{min-height:42px!important}
  .shop-showroom-progressive>a{min-height:42px!important}

  /* O botão de expansão de produtos vira a última ação da grade. */
  .shop-progressive{padding:14px 0 0}
  .shop-progressive button{width:100%;min-height:46px}
}

@media(max-width:390px){
  #homeView .hero-ecosystem{min-height:205px!important}
  #homeView .hero-brax-stage .hero-brax{width:min(172px,46vw)!important}
  #section-experience .experience-v5-title h3{font-size:27px!important}
  #section-experience .experience-v5-copy h4{font-size:23px!important}
  #section-experience .experience-v5-visual,
  #section-experience .exp-play-ui,
  #section-experience .exp-radar-ui,
  #section-experience .exp-match-ui,
  #section-experience .exp-create-ui,
  #section-experience .exp-solutions-ui{min-height:175px!important}
}
/* V151 — compactação da primeira dobra após auditoria 1039 + 1804 */
@media(max-width:420px){
  #homeView .hero-actions{grid-template-columns:1fr!important;margin:14px 0 10px!important}
  #homeView .hero-actions .ghost-cta{display:none!important}
  #homeView .hero-trust{margin-top:6px!important;gap:6px 8px!important}
  #homeView .hero-system-map{margin-top:8px!important;padding:7px!important}
  #homeView .hero-system-map-head{padding-bottom:6px!important}
  #homeView .hero-system-map-head small{display:none!important}
  #homeView .hero-system-map-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:4px!important}
  #homeView .hero-system-map-grid a{min-height:46px!important;padding:6px 4px!important;text-align:center}
  #homeView .hero-system-map-grid b{margin-bottom:2px!important;font-size:7px!important}
  #homeView .hero-system-map-grid span{font-size:7px!important;letter-spacing:.02em!important}
  #homeView .hero-system-map-grid small{display:none!important}
  #homeView .hero-ecosystem{min-height:185px!important;max-height:185px!important}
  #homeView .hero-brax-stage .hero-brax{width:min(158px,42vw)!important}
}

@media(prefers-reduced-motion:reduce){.shop-demo-expand,.shop-progressive button{transition:none!important}}