/* Asistente de viaje: estilos limitados a su interfaz. */
.btc-plan-intro {background:linear-gradient(135deg,#f0f8f2,#fff 75%)}
.btc-plan-intro h2 {max-width:780px;font-size:clamp(1.65rem,3vw,2.4rem)}
.btc-plan-pasos {display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem;padding:0;list-style:none;counter-reset:paso;margin:2rem 0}
.btc-plan-pasos li {counter-increment:paso;position:relative;padding-left:2.6rem}
.btc-plan-pasos li::before {content:counter(paso);position:absolute;left:0;top:0;width:2rem;height:2rem;display:grid;place-items:center;background:#198754;color:#fff;border-radius:50%;font-weight:700}
.btc-plan-pasos strong,.btc-plan-pasos span {display:block}
.btc-plan-pasos span {font-size:.9rem;color:#526357;margin-top:.3rem}
.btc-plan-modal .modal-header {background:#f0f8f2}
.btc-plan-modal .modal-body {padding:1.5rem}
.btc-plan-modal .modal-footer {flex-wrap:nowrap;justify-content:space-between;background:white}
/* #7592: 'Siguiente' siempre a la derecha. En el paso 1 'Atras' esta oculto y con space-between
   'Siguiente' quedaba a la izquierda; al tocarlo, 'Atras' aparecia bajo el dedo en el paso 2 y se
   quedaba con el color de hover (gris relleno) en pantallas tactiles. */
.btc-plan-modal .modal-footer #plan-siguiente {margin-left:auto}
@media (hover:none) {.btc-plan-modal .modal-footer #plan-atras:hover:not(:active) {background-color:transparent;color:var(--bs-secondary,#6c757d)}}
.btc-plan-modal [hidden],#plan-viaje [hidden] {display:none!important}
.btc-plan-modal .plan-campo {width:100%;margin-bottom:1rem}
#plan-tabs {display:flex;gap:.5rem;overflow-x:auto;padding:.25rem 0 1rem}
#plan-tabs button {white-space:nowrap;min-height:44px}
#plan-tabs [aria-selected=true] {background:#198754;color:white}
#plan-mapa {height:420px;border-radius:10px;margin-top:1rem}
#plan-mapa:empty {display:none}
#plan-motor #ruta-mapa {height:300px!important}
#plan-motor #ruta-viaje {position:sticky;bottom:-1.5rem;z-index:450;background:#fff;padding:.5rem 0;box-shadow:0 -4px 12px #0001}
#plan-motor #ruta-viaje:empty {display:none}
.plan-cifras {display:flex;flex-wrap:wrap;gap:1rem;margin:1rem 0}
.plan-cifras div {background:#f3f6f4;border-radius:8px;padding:.75rem 1rem;flex:1;min-width:110px}
.plan-cifras strong {display:block;font-size:1.2rem;color:#176a43}
.plan-cifras span {font-size:.85rem;color:#526357}
#plan-etapa h3 {font-size:1.25rem}
#plan-etapa button {min-height:44px}
#plan-perfil svg {width:100%;height:110px;background:#f4f8f5;margin-top:1rem}
#plan-perfil:empty {display:none}
@media(max-width:575px) {.btc-plan-pasos {grid-template-columns:1fr;gap:1rem}.btc-plan-modal .modal-body {padding:1rem}.btc-plan-modal .modal-footer button {min-height:48px}#plan-mapa {height:320px}#plan-motor #ruta-viaje {bottom:-1rem}.btc-plan-intro .btn {width:100%;margin-left:0!important}}

#plan-motor #ruta-viaje {position:static;box-shadow:none;padding:0}
#plan-campings button[onclick^="btcCopiarEnlace"],#plan-campings button[onclick^="btcCompartir"] {display:none}