/* Tarjeta de viaje común (.c2) en la ficha. Copia de prototipos\comun\tarjeta-viaje\tarjeta.css hecha por claude\staytick-ficha\copia_tarjeta_viaje.py: no editar aquí. */
.stf-ficha-body .of{display:flex;align-items:center;gap:8px;margin-bottom:4px}
.stf-ficha-body .of-p{background:#F60C76;color:#fff;font-weight:800;font-size:13px;line-height:1;padding:5px 8px;border-radius:999px}
.stf-ficha-body .of s{font-size:14px;opacity:.9;text-decoration-thickness:1.5px}
.stf-ficha-body .c2-fila{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}
@media (max-width:1100px){.stf-ficha-body .c2-fila{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:620px){.stf-ficha-body .c2-fila{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:14px;padding-bottom:6px}
.stf-ficha-body .c2-fila>.c2{flex:0 0 82%;scroll-snap-align:start}}
.stf-ficha-body .c2-ver{margin:24px 0 0;text-align:center}
.stf-ficha-body .c2{position:relative;display:flex}
.stf-ficha-body .c2-a{display:flex;flex-direction:column;width:100%;background:#fff;border:1px solid var(--page-line);border-radius:16px;overflow:hidden;text-decoration:none;color:#16181D;transition:border-color .2s,box-shadow .2s,transform .2s}
.stf-ficha-body .c2-a:hover{border-color:var(--brand);box-shadow:0 14px 30px rgba(22,24,29,.10);transform:translateY(-2px)}
.stf-ficha-body .c2-a:focus-visible{outline:3px solid var(--brand);outline-offset:2px}
.stf-ficha-body .c2-f{position:relative;display:block;aspect-ratio:3/2;background:#E4E5EA}
.stf-ficha-body .c2-f img{width:100%;height:100%;object-fit:cover;display:block}
.stf-ficha-body .c2-tg{position:absolute;left:12px;top:12px;background:#fff;color:#16181D;border-radius:999px;padding:5px 11px;font-size:12px;font-weight:800;box-shadow:0 2px 8px rgba(0,0,0,.15)}
.stf-ficha-body .c2-b{display:flex;flex-direction:column;gap:6px;padding:14px 16px 16px;flex:1}
.stf-ficha-body .c2-b>*{min-width:0}
.stf-ficha-body .c2-p{font-size:12px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:#292A69}
.stf-ficha-body .c2-n{font-weight:800;font-size:16px;line-height:1.25;color:#16181D}
.stf-ficha-body .c2-ds{font-size:14px;color:#5E646E;line-height:1.45;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.stf-ficha-body .c2-tr{display:flex;gap:6px;align-items:center;font-size:13px;font-weight:700;color:#1F7A55}
.stf-ficha-body .c2-tr svg{flex:none;width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.stf-ficha-body .c2-tr.c2-si{color:#292A69}
.stf-ficha-body .c2-sal{font-size:13px;color:#5E646E}
.stf-ficha-body .c2-sal b{color:#16181D;font-weight:700}
.stf-ficha-body .c2-pie{margin-top:auto;padding-top:12px;border-top:1px solid var(--page-line);display:flex;flex-direction:column;gap:4px}
.stf-ficha-body .c2-pr{font-size:14px;color:#16181D}
.stf-ficha-body .c2-pr b{font-size:22px;font-weight:800;letter-spacing:-.02em}
.stf-ficha-body .c2-q{font-size:13px;font-weight:700;color:var(--brand)}
.stf-ficha-body .c2-btn{margin-top:8px;display:flex;justify-content:center;align-items:center;min-height:44px;border-radius:12px;background:var(--brand-btn);color:#fff;font-weight:800;font-size:15px}
.stf-ficha-body .c2-a:hover .c2-btn{filter:brightness(.94)}
.stf-ficha-body .c2 .hm-fav{top:12px;right:12px}
.stf-ficha-body .c2-q{min-height:2.7em}
.stf-ficha-body .c2-precios{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:end;column-gap:16px}
.stf-ficha-body .c2-pr{font-size:13px;color:#5E646E;line-height:1.2}
.stf-ficha-body .c2-pr b{display:block;font-size:26px;font-weight:800;color:#16181D;letter-spacing:-.02em;line-height:1.1}
.stf-ficha-body .c2-pz{display:block;padding-left:16px;border-left:2px solid #FFD1E5;font-size:12px;color:#5E646E;line-height:1.35}
.stf-ficha-body .c2-pz b{display:block;font-size:20px;font-weight:800;color:var(--brand);letter-spacing:-.01em;line-height:1.15}
.stf-ficha-body .c2-tr{align-items:flex-start;min-height:2.7em;line-height:1.35}
.stf-ficha-body .c2-tr svg{flex:none;margin-top:1px}
@media (max-width:900px){.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 .c2-btn{min-height:44px;padding-block:10px;font-size:15px}}