/* Interfaccia APA condivisa sulle pagine mobili. */
.apa-app-nav{display:none}
@media(max-width:760px){
  :root{--apa-cyan:#79c8ea;--apa-deep:#173845;--apa-soft:#f2f9fc}
  html{scroll-padding-top:76px}
  body{overflow-x:hidden;padding-bottom:calc(78px + env(safe-area-inset-bottom))!important;background:#f7fbfd}
  a,button,input,select,textarea{-webkit-tap-highlight-color:transparent}
  button,a,summary{touch-action:manipulation}
  input,select,textarea{font-size:16px!important}
  .apa-app-nav{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));position:fixed;inset:auto 0 0;z-index:1001;padding:7px max(10px,env(safe-area-inset-left)) calc(7px + env(safe-area-inset-bottom)) max(10px,env(safe-area-inset-right));background:rgba(255,255,255,.96);border-top:1px solid #d8eaf0;box-shadow:0 -10px 28px #17384514;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}
  .apa-app-nav a{min-height:55px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;border-radius:15px;color:#496a78;text-decoration:none;font:750 10px/1.15 Inter,system-ui,sans-serif;letter-spacing:0;text-align:center}
  .apa-app-nav a[aria-current="page"]{background:#dff4fc;color:#145b74}
  .apa-app-nav svg{width:22px;height:22px;stroke:currentColor;stroke-width:1.8;fill:none;stroke-linecap:round;stroke-linejoin:round;flex:none}
  .apa-app-nav a:focus-visible{outline:3px solid #168cb8;outline-offset:-2px}
  .app-bottom-nav,.mobile-nav{display:none!important}
  .site-header,.top,body.apa-recruit header,body.apa-guide header{position:sticky;top:0;z-index:100;background:rgba(255,255,255,.96);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);box-shadow:0 3px 18px #1738450b}
  .site-header .nav{min-height:65px;gap:8px}
  .site-header .brand img,.site-header:has(+ main .apa-ugo-hero) .brand img{width:57px!important;height:58px!important;opacity:.9}
  .site-header .brand-sub{font-size:10px!important;letter-spacing:-.02em;white-space:nowrap}
  body.apa-home .site-header .brand-sub{display:block!important;font-size:10px!important;color:#214855;font-weight:700}
  body.apa-home .site-header .brand{gap:5px}
  .site-header .back,.site-header .detail-back{font-size:12px;white-space:nowrap}
  .btn,.quick-start-submit,.submit{min-height:50px;border-radius:15px}
  .section{padding:44px 0}.section-heading{margin-bottom:22px}.section-heading h2{font-size:clamp(27px,7vw,34px)}
  .feature-card,.team-card,.review-card,.journey-step,.journey-start{border-radius:20px;box-shadow:0 8px 26px #1738450a}
  .apa-ugo-hero .hero-copy{padding-top:22px}
  .apa-ugo-hero .hero-copy>p{line-height:1.52}
  body.apa-home .apa-ugo-hero .hero-image{aspect-ratio:2/1;min-height:0;background-position:center 40%}
  body.apa-home .apa-ugo-hero .hero-copy{padding-top:16px}
  body.apa-home .apa-ugo-hero .hero-copy>p{margin-bottom:17px}
  .quick-start{box-shadow:0 10px 32px #17384512}
  body.apa-quote .wizard-wrap{padding:0 0 92px}
  body.apa-quote .wizard-card{min-height:calc(100dvh - 143px);padding:24px 18px 38px}
  body.apa-quote .wizard-actions{bottom:calc(69px + env(safe-area-inset-bottom));z-index:60;margin-bottom:0;padding-bottom:12px}
  body.apa-quote .wizard-actions .btn{min-height:54px;border-radius:15px}
  body.apa-quote .progress{height:7px;margin-bottom:22px}
  body.apa-quote .step h1{letter-spacing:-.035em}
  body.apa-quote .options button,body.apa-quote .check-option{border-radius:16px;min-height:58px}
  body.apa-transport .top .wrap{min-height:65px;padding:5px 0}
  body.apa-transport .brand img{width:55px!important;height:55px!important;transform:none!important;filter:none!important}
  body.apa-transport .hero{padding:20px 0 14px}
  body.apa-transport .hero h1{font-size:clamp(29px,8vw,36px);letter-spacing:-.035em}
  body.apa-transport .intro{line-height:1.5}
  body.apa-transport .chips{display:flex;overflow-x:auto;flex-wrap:nowrap;scrollbar-width:none;padding-bottom:3px}
  body.apa-transport .chip{white-space:nowrap;flex:none}
  body.apa-transport .main{padding:10px 0 30px}
  body.apa-transport .card{padding:19px 17px;border-radius:22px}
  body.apa-transport .actions{bottom:calc(69px + env(safe-area-inset-bottom));z-index:60;margin-bottom:0;border-top:1px solid #e3eff3}
  body.apa-transport .field input,body.apa-transport .field select,body.apa-transport .field textarea{min-height:52px;border-radius:14px}
  body.apa-transport .choice{min-height:51px;border-radius:14px}
  body.apa-transport .btn{min-height:53px;border-radius:15px}
  body.apa-detail .detail-intro{padding-top:36px;padding-bottom:32px}
  body.apa-detail .detail-card{border-radius:21px;overflow:hidden}
  body.apa-detail .detail-card .btn{width:100%}
  body.apa-guide nav:not(.apa-app-nav){min-height:64px}
  body.apa-guide .hero{padding:33px 0}
  body.apa-guide .hero-card{margin-top:8px}
  body.apa-guide .card{border-radius:20px}
  body.apa-recruit .mobile-nav{display:none!important}
  body.apa-recruit .hero{padding-bottom:28px}
}
