/*jcht-escopado*/
/* _final.css — la base FINAL elegida: F1 + barra B2 viajera + buscador + C4.
   Las 10 versiones nf1..nf10 comparten esto tal cual. */
.jcht-app{--ink:#161513;--ink2:#3d3a36;--gris:#8a8580;--gris-txt:#6f6a64;--crema:#f7f3ec;--beige:#f5f1ea;--chip:#ece5d8;--hair:#dad4d3;--arcilla:#9c5b3b;--dk:#0d0a08;--ct:#f3ece0;--champan:rgba(255,220,160,.95);--ez:cubic-bezier(.22,1,.36,1)}
/* --gris = decorativo (hairlines, iconos, micro-rotulos) · --gris-txt = texto de lectura (contraste AA) */
.jcht-app *{margin:0;padding:0;box-sizing:border-box}
.jcht-app{font-family:Poppins,sans-serif;color:var(--ink);background:#fff;-webkit-font-smoothing:antialiased}
.jcht-app img{max-width:100%;display:block}
.jcht-app a{color:inherit;text-decoration:none}
.jcht-app .rotulo{font-family:Oswald,sans-serif;font-weight:500;font-size:11px;letter-spacing:1.4px;text-transform:uppercase}
.jcht-app .wrap{max-width:1200px;margin:0 auto;padding:0 26px}

.jcht-app .cab{text-align:center;padding:54px 0 26px}
.jcht-app .cab .rotulo{color:var(--arcilla)}
.jcht-app .cab h1{font-family:"Yanone Kaffeesatz",sans-serif;font-size:clamp(40px,5.8vw,66px);font-weight:700;text-transform:uppercase;line-height:.94;margin-top:8px}

.jcht-app .linea-bar{position:relative;border-bottom:2px solid var(--ink);margin-bottom:36px}
/* 3 zonas: spacer izq (1fr) · categorias CENTRADAS (auto) · buscador der (1fr) */
.jcht-app .linea-in{display:grid;grid-template-columns:1fr auto 1fr;align-items:end;gap:18px;position:relative}
.jcht-app .pestanas{grid-column:2;justify-self:center;position:relative;display:flex;gap:26px;flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none;-webkit-overflow-scrolling:touch;max-width:100%}
.jcht-app .pestanas::-webkit-scrollbar{display:none}
.jcht-app .pestanas button{display:inline-flex;align-items:center;gap:7px;font-family:Oswald,sans-serif;font-size:11.5px;letter-spacing:1.5px;text-transform:uppercase;background:none;border:0;padding:10px 2px 14px;cursor:pointer;color:var(--gris);transition:color .25s;white-space:nowrap}
.jcht-app .pestanas button svg{width:14px;height:14px;stroke:currentColor;fill:none;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.jcht-app .pestanas button:hover, .jcht-app .pestanas button.on{color:var(--ink)}
.jcht-app .viajera{position:absolute;bottom:-2px;height:3px;background:var(--arcilla);transition:left .45s var(--ez),width .45s var(--ez);z-index:1}
.jcht-app .busca{grid-column:3;justify-self:end;align-self:end;margin-bottom:8px;display:flex;align-items:center;gap:9px;background:#fff;border:1px solid var(--hair);border-radius:12px;padding:0 12px;width:min(230px,24vw);transition:border-color .25s,width .35s var(--ez)}
.jcht-app .busca:focus-within{border-color:var(--ink);width:min(320px,32vw)}
.jcht-app .busca svg{width:14px;height:14px;stroke:var(--gris);fill:none;stroke-width:1.7;stroke-linecap:round;flex:none}
.jcht-app .busca input{border:0;outline:0;background:none;font-family:Poppins,sans-serif;font-size:12px;color:var(--ink);padding:9px 0;width:100%}
.jcht-app .busca input::placeholder{color:#7c766f}
.jcht-app .busca .cuenta{font-family:Oswald,sans-serif;font-size:9.5px;letter-spacing:1.2px;color:var(--gris);font-variant-numeric:tabular-nums;white-space:nowrap}
@media(max-width:940px){
  .jcht-app .linea-in{display:flex;flex-direction:column;align-items:stretch;gap:0}
  .jcht-app .busca{order:2;width:100%;margin:0 0 12px}
  .jcht-app .pestanas{order:1;gap:18px;justify-self:stretch;justify-content:flex-start}
  .jcht-app .pestanas button{min-height:44px}
}
/* input >=16px en movil evita el auto-zoom de Safari iOS al enfocar */
@media(max-width:600px){.jcht-app .busca input{font-size:16px}}
/* foco de teclado visible y unificado (usa arcilla de marca) */
.jcht-app .pestanas button:focus-visible, .jcht-app .rotor-dots button:focus-visible, .jcht-app .pie a:focus-visible, .jcht-app .c4-flecha:focus-visible{outline:2px solid var(--arcilla);outline-offset:2px;border-radius:6px}
.jcht-app .busca:focus-within{box-shadow:0 0 0 3px rgba(156,91,59,.22)}

.jcht-app .grilla{display:grid;grid-template-columns:repeat(3,1fr);gap:30px 24px;padding-bottom:56px}
.jcht-app .c4.dest{grid-column:span 2}
.jcht-app .sin{display:none;text-align:center;color:var(--gris);padding:56px 0}
.jcht-app .sin .rotulo{color:var(--arcilla)}
.jcht-app .pie{border-top:1px solid var(--hair);padding:26px 0 64px;display:flex;justify-content:space-between;gap:16px;align-items:center;flex-wrap:wrap}
.jcht-app .pie p{font-size:12px;color:var(--gris-txt)}
.jcht-app .pie a{background:var(--ink);color:var(--crema);font-size:12.5px;font-weight:600;padding:12px 20px;border-radius:11px;transition:opacity .2s}
.jcht-app .pie a:hover{opacity:.85}
@media(max-width:920px){.jcht-app .grilla{grid-template-columns:1fr 1fr}.jcht-app .c4.dest{grid-column:span 2}}
@media(max-width:600px){.jcht-app .grilla{grid-template-columns:1fr}.jcht-app .c4.dest{grid-column:span 1}}
.jcht-app .volver{position:fixed;bottom:18px;left:18px;z-index:50;font-family:Oswald,sans-serif;font-size:11px;letter-spacing:1.4px;text-transform:uppercase;background:var(--ink);color:var(--crema);padding:10px 16px;border-radius:11px;opacity:.92}
.jcht-app .etiqueta-v{position:fixed;top:14px;right:14px;z-index:50;font-family:Oswald,sans-serif;font-size:10px;letter-spacing:1.4px;text-transform:uppercase;background:var(--beige);border:1px solid var(--hair);color:var(--ink2);padding:8px 12px;border-radius:10px}