/* Landings de ciudad en móvil, por debajo de 900 px. Copia sin comentarios de prototipos\comun\landing-movil.css hecha por claude\staytick-ficha\copia_landing_movil.py: no editar aquí. */
.stf-ficha-body .mv-mas, .stf-ficha-body .hm-mv-car{display:none}
@media (max-width:900px){
  
  .stf-ficha-body .stf-landing .wrap > *{order:10}
  .stf-ficha-body .stf-landing .wrap > .crumbs{order:1}
  .stf-ficha-body .stf-landing .wrap > .hero{order:2}
  .stf-ficha-body .stf-landing .wrap > #viajes{order:3}

  
  .stf-ficha-body .hero-img{padding:20px 18px;gap:10px}
  .stf-ficha-body .hero-img h1{font-size:28px;line-height:1.08}
  .stf-ficha-body .hero-img > p{font-size:14px;line-height:1.45}
  .stf-ficha-body .hero-img .tag{font-size:12px;padding:6px 12px}
  .stf-ficha-body .pills{gap:6px}
  .stf-ficha-body .pills span{font-size:12.5px;padding:5px 10px}
  
  .stf-ficha-body .card.buy{padding:18px 16px;gap:10px}
  .stf-ficha-body .card.buy .from b{font-size:34px}
  .stf-ficha-body .card.buy .dnote{font-size:13px}
  .stf-ficha-body .card.buy .next{padding:10px 12px;font-size:13px}
  .stf-ficha-body .card.buy .callout{padding:10px 12px;font-size:14px}

  
  .stf-ficha-body .prod img{aspect-ratio:16/9;height:auto;object-fit:cover}
  .stf-ficha-body .prod .pb{padding:14px 16px;gap:6px}
  .stf-ficha-body .prod h3{font-size:18px;line-height:1.2}
  .stf-ficha-body .prod .pb > p{font-size:13.5px;line-height:1.45;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
  .stf-ficha-body .prod .pf{font-size:12.5px}
  .stf-ficha-body .prod .pf b{font-size:17px}

  
  .stf-ficha-body .section{margin-top:36px}
  .stf-ficha-body .section h2{font-size:25px;line-height:1.12}
  .stf-ficha-body .section .sub{font-size:14px}

  
  .stf-ficha-body .mv-plegado{max-height:300px;overflow:hidden;position:relative}
  .stf-ficha-body .mv-plegado::after{content:"";position:absolute;left:0;right:0;bottom:0;height:110px;background:linear-gradient(to bottom,transparent,var(--page-bg));pointer-events:none}
  .stf-ficha-body .mv-mas.mv-link{display:inline-flex;align-items:center;min-height:40px;margin-top:6px;padding:0 4px;border:0;background:none;color:var(--brand);font:inherit;font-weight:800;font-size:15px;cursor:pointer}
  .stf-ficha-body .mv-mas.mv-link::after{content:"›";margin-left:6px;font-size:18px;line-height:1}

  
  .stf-ficha-body .info.mv-acc{grid-template-columns:1fr;gap:8px}
  .stf-ficha-body .info.mv-acc > div{padding:0;gap:0}
  .stf-ficha-body .info.mv-acc > div > strong{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:14px 16px;cursor:pointer}
  .stf-ficha-body .info.mv-acc > div > strong::after{content:"";flex:none;width:8px;height:8px;border-right:2px solid var(--brand);border-bottom:2px solid var(--brand);transform:rotate(45deg);transition:transform .15s}
  .stf-ficha-body .info.mv-acc > div.abierto > strong::after{transform:rotate(225deg)}
  .stf-ficha-body .info.mv-acc > div > :not(strong){display:none;padding:0 16px}
  .stf-ficha-body .info.mv-acc > div.abierto > :not(strong){display:block}
  .stf-ficha-body .info.mv-acc > div.abierto > :last-child{padding-bottom:14px}
  .stf-ficha-body .info.mv-acc > div > strong:focus-visible{outline:2px solid var(--brand);outline-offset:-2px;border-radius:var(--r)}

  
  .stf-ficha-body .bar{background:#292A69;border-top:0;border-radius:18px 18px 0 0;box-shadow:0 -10px 30px rgba(22,24,29,.28);padding-inline:max(16px,env(safe-area-inset-left,0px)) max(16px,env(safe-area-inset-right,0px))}
  .stf-ficha-body .bar small{color:rgba(255,255,255,.78)}
  .stf-ficha-body .bar > div > b{color:#fff;font-size:24px}
  .stf-ficha-body .bar small.sp, .stf-ficha-body .bar small.sp b{color:#FBD2E3}
  .stf-ficha-body .bar .btn{min-height:50px;padding:14px 20px;font-size:15px;white-space:nowrap;flex:none;box-shadow:0 6px 18px rgba(246,12,118,.45)}
  .stf-ficha-body .bar > div{min-width:0}
  .stf-ficha-body .bar .btn:focus-visible{outline:2px solid #fff;outline-offset:2px}

  
  
  .stf-ficha-body .bar{padding-block:10px calc(10px + env(safe-area-inset-bottom,0px))}
  .stf-ficha-body .bar > div{display:flex;flex-wrap:wrap;align-items:baseline;gap:0 5px;min-width:0;line-height:1.15}
  .stf-ficha-body .bar > div > small:first-child{font-size:12px}
  .stf-ficha-body .bar > div > b{font-size:24px;white-space:nowrap}
  .stf-ficha-body .bar small.sp{flex-basis:100%;font-size:11px;font-weight:700;line-height:1.25;margin-top:2px}
  .stf-ficha-body .bar small.sp b{font-size:11px}
  .stf-ficha-body .bar .btn{min-height:46px;padding:12px 18px;font-size:15px}

  
  .stf-ficha-body .c2-fila{scrollbar-width:none;align-items:flex-start} 
  .stf-ficha-body .c2-fila::-webkit-scrollbar{display:none}
  .stf-ficha-body .hm-mv-car{display:flex;align-items:center;justify-content:center;gap:14px;margin-top:12px}
  .stf-ficha-body .hm-mv-car button{width:42px;height:42px;border-radius:50%;border:0;background:var(--brand);color:#fff;display:grid;place-items:center;cursor:pointer;box-shadow:0 4px 12px rgba(246,12,118,.3)}
  .stf-ficha-body .hm-mv-car button:disabled{background:#FBD2E3;box-shadow:none;cursor:default}
  .stf-ficha-body .hm-mv-car button svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:2.6;stroke-linecap:round;stroke-linejoin:round}
  .stf-ficha-body .hm-mv-car button:focus-visible{outline:2px solid #16181D;outline-offset:2px}
  .stf-ficha-body .hm-mv-car span{min-width:120px;text-align:center;font-size:13px;color:var(--page-muted);font-variant-numeric:tabular-nums}
  .stf-ficha-body .hm-mv-car span b{color:var(--page-fg)}
  .stf-ficha-body .c2-ds{display:none}
  .stf-ficha-body .c2-f{aspect-ratio:16/10}
  .stf-ficha-body .c2-b{gap:6px}
  .stf-ficha-body .c2-n{font-size:15px;line-height:1.25}
  .stf-ficha-body .c2-sal{display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden;font-size:13px}
  .stf-ficha-body .c2-pz{font-size:12px;line-height:1.35}

  
  .stf-ficha-body .alerta input, .stf-ficha-body .alerta select, .stf-ficha-body .pie-al input{font-size:16px}
  .stf-ficha-body .stf-landing .wrap{overflow-x:clip}
}
@media (prefers-reduced-motion:reduce){ .stf-ficha-body .info.mv-acc > div > strong::after{transition:none} }