/* 01 — Respiro superior na PWA instalada, sem alterar os cards */
@media (display-mode: standalone) and (max-width: 850px) {
  .app-modern .topbar { padding-top: max(14px, env(safe-area-inset-top, 0px)) !important; height: auto; min-height: 70px; }
}
/* 02 — Tipografia dos campos do Motorhome harmonizada com Viagem */
.motorhome-view .motorhome-search-wrap input { font: inherit; font-size: 14px !important; font-weight: 500; }
.motorhome-view .motorhome-search-wrap input::placeholder { color: var(--muted); opacity: .85; font-weight: 500; }
/* 03 — Aviso discreto de conectividade, sem bloquear navegação */
.rodvia-offline-banner { position: fixed; z-index: 90; top: calc(8px + env(safe-area-inset-top, 0px)); left: 50%; transform: translateX(-50%); max-width: calc(100vw - 24px); width: max-content; padding: 9px 15px; border: 1px solid #f6c343; border-radius: 14px; background: #102a40; color: #fff; font: 600 12px/1.45 system-ui,sans-serif; box-shadow: 0 8px 24px #0006; text-align: center; }
.rodvia-offline-banner[hidden] { display: none !important; }

/* 04 — Região centralizada e menu com fechamento visualmente consistente */
.detrans-view .detran-region-bar { justify-content:center !important; text-align:center; }
.detrans-view .detran-region-bar strong { font-size:1.15rem; color:var(--text); }
.drawer-home-return { font-size:26px !important; font-weight:400 !important; }
/* 05 — Seleção de ponto compacta: mapa permanece visível */
.motorhome-selected p { display:none !important; }


/* 06 — V24.0.8.0: drawer mais estreito, sem botão interno de fechamento */
.drawer {width:min(78vw,320px)!important;max-width:calc(100vw - 64px)!important;}
.drawer-head {justify-content:flex-start!important;}

/* 07 — V24.0.8.0: popup de ponto em largura útil, sem colunas comprimidas */
.motorhome-view .motorhome-selected:not([hidden]) {
 display:grid!important;grid-template-columns:26px minmax(0,1fr)!important;
 align-items:start!important;gap:5px 9px!important;
 overflow-x:hidden!important;max-height:175px!important;
}
.motorhome-view .motorhome-selected:not([hidden])>span{float:none!important;grid-column:1!important;min-width:0!important;margin:0!important}
.motorhome-view .motorhome-selected:not([hidden])>div{grid-column:2!important;min-width:0!important;width:100%!important;overflow-wrap:normal!important;word-break:normal!important}
.motorhome-view .motorhome-selected strong{font-size:13px!important;line-height:1.3!important}
.motorhome-view .motorhome-selected small{font-size:11px!important;line-height:1.35!important}
.motorhome-view .motorhome-selected .rd-maps-link{width:100%!important;min-height:32px!important;padding:6px 8px!important;margin-top:5px!important}

/* 08 — V24.0.8.0: dois cards do Motorhome compactos em celular */
@media(max-width:850px){
 .rd-mh-carousel .rd-swipe-card{min-height:0!important;height:clamp(255px,43dvh,390px)!important;padding:10px!important;gap:7px!important}
 .rd-mh-carousel .motorhome-map-card{height:calc(100% - 31px)!important;min-height:0!important;max-height:none!important;flex:1 1 auto!important}
 .rd-mh-carousel .motorhome-map{height:100%!important;min-height:0!important}
 .rd-mh-carousel #motorhomeList{max-height:none!important;min-height:0!important;flex:1 1 auto!important}
 .rd-mh-carousel .motorhome-selected:not([hidden]){max-height:118px!important;padding:7px 9px!important}
}

/* 09 — V24.0.8.1: quatro cartões PRO compactos e Agro em verde-sálvia */
.rd-agro-heading{color:#80C79A!important;}
.rd-agro-heading strong,.rd-agro-heading>span{color:#80C79A!important;}
.app-modern .view[data-view="home"] .rd-pro-tile{min-height:78px!important;padding:7px 9px!important;gap:3px!important;}
.app-modern .view[data-view="home"] .rd-pro-tile .rd-pro-icon{font-size:24px!important;line-height:1.1!important;}
.app-modern .view[data-view="home"] .rd-pro-tile strong{font-size:clamp(12px,2.8vw,15px)!important;line-height:1.2!important;}
.rd-agro-tile{border-color:#80C79A!important;}
.rd-agro-tile .rd-pro-label{border-color:#80C79A!important;color:#80C79A!important;}
.rd-agro-view .view-head span{color:#80C79A!important;}
.rd-agro-view .rd-pro-hero{border-color:#80C79A!important;}
/* 10 — Popup do mapa: link em linha própria sem quebra vertical */
.motorhome-view .motorhome-selected:not([hidden])>.rd-maps-link{grid-column:1/-1!important;display:flex!important;position:relative!important;align-items:center!important;justify-content:center!important;min-width:0!important;width:100%!important;max-width:100%!important;white-space:normal!important;word-break:normal!important;overflow-wrap:normal!important;line-height:1.3!important;padding:6px 8px!important;margin:2px 0 0!important;box-sizing:border-box!important;font-size:11px!important;}
.motorhome-view .motorhome-selected:not([hidden]){max-height:190px!important;}
/* 11 — Drawer menor, faixa externa livre para toque */
.drawer{width:min(72vw,290px)!important;max-width:calc(100vw - 85px)!important;}
@media(max-width:850px){
 /* 12 — Compactação apenas do espaço após o carrossel, preservando o mapa aprovado */
 .rd-mh-carousel{margin-bottom:0!important;padding-bottom:0!important;}
 .rd-mh-carousel .rd-swipe-dots{margin-top:3px!important;margin-bottom:2px!important;}
}

/* ==========================================================
   BLOCO 13 — V24.0.8.2: PRO com proporções dos serviços comuns
   13.1 — O selo PRO fica ao lado do ícone, sem terceira linha.
   ========================================================== */
.app-modern .view[data-view="home"] .rodvia-six-services .rd-pro-tile{min-height:0!important;height:auto!important;padding:7px 8px!important;gap:3px!important;align-content:center!important;justify-items:center!important;}
.rd-pro-icon-group{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-width:0;}
.rd-pro-icon-group .rd-pro-icon{font-size:clamp(19px,2.5vw,25px)!important;line-height:1!important;}
.rd-pro-icon-group .rd-pro-label{font-size:8px!important;letter-spacing:0!important;padding:2px 5px!important;line-height:1.1!important;white-space:nowrap;}
.app-modern .view[data-view="home"] .rd-pro-tile strong{font-size:clamp(11px,2.5vw,14px)!important;line-height:1.12!important;}

/* 14 — Menu lateral ocupa pouco mais da metade da largura no celular. */
@media(max-width:850px){
 .drawer{width:57vw!important;max-width:57vw!important;padding:12px!important;}
 .drawer-head img{max-width:100%!important;}
 .drawer nav button{grid-template-columns:27px minmax(0,1fr) auto!important;gap:3px!important;font-size:clamp(10px,2.6vw,13px)!important;}
 .drawer-bottom{left:9px!important;right:9px!important;padding:9px!important;}
}

/* 15 — Link de rota ocupa a largura útil no pop-up da PWA móvel. */
@media(max-width:850px){
 .motorhome-view .motorhome-selected:not([hidden]){grid-template-columns:24px minmax(0,1fr)!important;width:100%!important;min-width:0!important;}
 .motorhome-view .motorhome-selected:not([hidden]) .rd-maps-link{grid-column:1/-1!important;justify-self:stretch!important;display:flex!important;align-items:center!important;justify-content:center!important;white-space:nowrap!important;word-break:keep-all!important;overflow-wrap:normal!important;max-width:100%!important;width:100%!important;font-size:clamp(9px,2.7vw,12px)!important;padding:7px 3px!important;}
}

/* 16 — Home compacta: sem reduzir a área de toque abaixo do razoável. */
.app-modern .view[data-view="home"] .rd-pro-heading{margin:4px 0 2px!important;line-height:1.15!important;font-size:12px!important;}
.app-modern .view[data-view="home"] .rd-pro-heading>span{font-size:17px!important;}
.app-modern .view[data-view="home"] .rodvia-six-services{gap:5px!important;}
.app-modern .view[data-view="home"] .home-vehicle-hero{min-height:0!important;padding-top:8px!important;padding-bottom:8px!important;margin-bottom:5px!important;}
@media(min-width:851px){
 .app-modern .view[data-view="home"]{padding-top:4px!important;padding-bottom:3px!important;}
 .app-modern .view[data-view="home"] .rodvia-six-services .rodvia-service-tile{min-height:64px!important;padding:5px!important;}
 .app-modern .view[data-view="home"] .rodvia-six-services .rd-pro-tile{min-height:64px!important;}
 .app-modern .view[data-view="home"] .rodvia-service-symbol{width:38px!important;height:38px!important;}
}
@media(max-width:850px){
 .app-modern .view[data-view="home"]{padding-bottom:4px!important;}
 .app-modern .view[data-view="home"] .rodvia-six-services .rodvia-service-tile{min-height:clamp(64px,9dvh,90px)!important;padding:5px!important;}
 .app-modern .view[data-view="home"] .rodvia-six-services .rd-pro-tile{min-height:clamp(64px,9dvh,90px)!important;}
 .app-modern .view[data-view="home"] .rodvia-service-symbol{width:38px!important;height:38px!important;}
}

/* BLOCO 83.3 — Hub Viagens: reproduz cores, ordem, contornos e tipografia aprovados. */
.rd-travel-hub .rd-travel-choices{display:grid;grid-template-rows:1fr 1fr;gap:14px;min-height:0;flex:1;max-width:780px;width:100%;margin:0 auto;padding:8px 0 12px}
.rd-travel-hub{display:none;flex-direction:column;min-height:0}
.rd-travel-hub.active{display:flex}
.rd-travel-choice{width:100%;border:1px solid #F6C343;border-radius:18px;background:#16354D;color:white;text-align:left;padding:20px;display:flex;flex-direction:column;justify-content:center;gap:10px;cursor:pointer;font-family:inherit;min-height:145px}
.rd-travel-choice-top{display:flex;align-items:flex-start;justify-content:space-between;color:#F6C343;font-size:25px}
.rd-travel-choice-top svg{width:34px;height:34px;stroke:currentColor;fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.rd-travel-choice strong{font-size:clamp(19px,4.4vw,24px);font-weight:700;line-height:1.2}
.rd-travel-choice small{color:#B7C4CF;font-size:clamp(12px,3vw,14px);line-height:1.45;max-width:48ch}
.rd-travel-motorhome{background:#163D3B;border-color:#80C79A}
.rd-travel-motorhome .rd-travel-choice-top{color:#80C79A}
@media(max-width:700px){.rd-travel-hub .rd-travel-choices{gap:12px;padding:4px 0 8px}.rd-travel-choice{padding:18px;min-height:0}.rd-travel-hub.active{height:100%;max-height:100%;overflow:hidden}}
/* BLOCO 83.4 — Home: remove uma linha de serviços, preserva a dimensão de toque. */
.app-modern .view[data-view="home"] .rodvia-six-services{align-content:start!important}
@media(min-width:701px){.app-modern .view[data-view="home"] .rodvia-six-services .rodvia-service-tile{min-height:60px!important}}