/* =====================================================================
   NUESTRAS TIENDAS v2 (.nt2-…) · 28/9/2026
   Solo clases .nt2-*. Colores y letra: los de nuevo.css. Único color nuevo: #25D366 (WhatsApp).
   ===================================================================== */
:root{color-scheme:only light}
.nt2-cab{margin-top:22px;max-width:760px}
.nt2-cab h1{margin:14px 0 0;font-size:clamp(34px,5vw,58px);font-weight:800;letter-spacing:-.045em;line-height:1.02;text-wrap:balance}
.nt2-cab>p{margin:14px 0 0;color:var(--gris);font-size:clamp(16px,1.5vw,18px);line-height:1.6}
.nt2-saltos{margin-top:24px;display:flex;flex-wrap:wrap;gap:8px}
.nt2-saltos a{display:flex;flex-direction:column;gap:2px;padding:12px 18px;border-radius:20px;background:var(--blanco);box-shadow:inset 0 0 0 1px rgba(11,21,16,.06);text-decoration:none;color:var(--tinta);transition:transform .4s var(--curva),box-shadow .4s var(--curva)}
.nt2-saltos a:hover{transform:translateY(-2px);box-shadow:inset 0 0 0 1px rgba(11,21,16,.06),0 14px 30px -18px rgba(11,21,16,.45)}
.nt2-saltos strong{font-size:15px}
.nt2-saltos .nt2-estado{font-size:12.5px;font-weight:600}

/* Estado en directo */
.nt2-estado{margin:0;display:inline-flex;align-items:center;gap:8px;font-size:14px;font-weight:700;color:#8a4b12}
.nt2-estado.abierta{color:var(--verde)}
.nt2-luz{width:9px;height:9px;border-radius:999px;background:#c77a2c;flex:0 0 9px}
.nt2-estado.abierta .nt2-luz{background:var(--verde-2);box-shadow:0 0 0 4px rgba(35,137,58,.18)}

/* ── Bloque de cada tienda ── */
.nt2-tienda{margin-top:clamp(28px,4vw,48px);display:grid;grid-template-columns:minmax(0,1.45fr) minmax(0,1fr);gap:8px;padding:8px;border-radius:40px;background:rgba(11,21,16,.04);box-shadow:inset 0 0 0 1px rgba(11,21,16,.06);scroll-margin-top:110px}
.nt2-tienda:last-child{margin-bottom:clamp(56px,8vw,96px)}
.nt2-al-reves .nt2-media{order:2}
.nt2-media{position:relative;min-height:440px;border-radius:32px;overflow:hidden;background:var(--tinta)}
.nt2-panel{position:absolute;inset:0}
.nt2-panel[hidden]{display:none}
.nt2-media .t360-visor{height:100%;min-height:0;border-radius:0}
.nt2-cambio{position:absolute;z-index:3;left:14px;top:14px;display:flex;gap:4px;padding:4px;border-radius:999px;background:rgba(11,21,16,.55);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}
.nt2-cambio button{min-height:38px;padding:0 14px;border:0;border-radius:999px;background:transparent;color:var(--blanco);font:700 13px var(--fuente);cursor:pointer}
.nt2-cambio button[aria-selected="true"]{background:var(--lima);color:var(--tinta)}
.nt2-cambio button:focus-visible{outline:2px solid var(--blanco);outline-offset:2px}
.nt2-media .t360-controles{top:14px;right:14px}
.nt2-media .t360-pista{display:none}

/* Vídeo vertical centrado, con su propio fotograma desenfocado de fondo */
.nt2-panel-video{display:flex;align-items:center;justify-content:center}
.nt2-video-fondo{position:absolute;inset:-20px;width:calc(100% + 40px);height:calc(100% + 40px);object-fit:cover;filter:blur(24px) brightness(.55)}
.nt2-panel-video video{position:relative;height:calc(100% - 28px);width:auto;max-width:calc(100% - 28px);aspect-ratio:9/16;object-fit:cover;border-radius:24px;box-shadow:0 30px 60px -20px rgba(0,0,0,.6)}
.nt2-panel-video .t360-video-btn{right:auto;left:50%;bottom:26px;translate:-50% 0}

/* Mapa pequeño */
.nt2-mapa{background:var(--bosque-2)}
.nt2-mini{position:absolute;inset:0;width:100%;height:100%;display:block}
.nt2-mini .map2-rot-comarca{opacity:0}
.nt2-mini .map2-rotulos text{font-size:calc(14px * var(--tk))}
.nt2-mini .map2-rotulos .map2-rot-grande{font-size:calc(17px * var(--tk))}
.nt2-mini .map2-pin-gota{transform:none}
.nt2-mapa-btn{position:absolute;left:14px;bottom:14px;display:inline-flex;align-items:center;min-height:42px;padding:0 16px;border-radius:999px;background:rgba(255,255,255,.92);color:var(--tinta);font-size:13.5px;font-weight:700;text-decoration:none}

/* Datos */
.nt2-info{padding:clamp(22px,3vw,34px);border-radius:32px;background:var(--blanco);display:flex;flex-direction:column;gap:10px}
.nt2-info h2{margin:4px 0 0;font-size:clamp(28px,3vw,36px);font-weight:800;letter-spacing:-.035em;line-height:1.05}
.nt2-dir{margin:0;color:var(--gris);font-size:15px;line-height:1.5}
.nt2-horario{margin:6px 0 0;display:grid;gap:6px}
.nt2-horario div{display:flex;justify-content:space-between;gap:12px;padding:9px 14px;border-radius:14px;background:var(--papel);font-size:14px}
.nt2-horario dt{color:var(--gris)}.nt2-horario dd{margin:0;font-weight:700;text-align:right;font-variant-numeric:tabular-nums}
.nt2-google{margin:4px 0 0;font-size:14px;color:var(--gris)}
.nt2-google strong{font-size:18px;color:var(--tinta)}
.nt2-estrellas{color:#b98300;letter-spacing:1px}
.nt2-acciones{margin-top:6px;display:flex;flex-wrap:wrap;gap:8px}
.nt2-wa{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:48px;padding:0 20px;border-radius:999px;background:#25D366;color:#06301a;font-weight:800;font-size:15px;text-decoration:none;flex:1 1 auto;transition:transform .4s var(--curva),box-shadow .4s var(--curva)}
.nt2-wa:hover{transform:translateY(-2px);box-shadow:0 14px 30px -12px rgba(37,211,102,.6)}
.nt2-sec{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:0 16px;border-radius:999px;background:var(--papel);box-shadow:inset 0 0 0 1px var(--linea);color:var(--tinta);font-weight:700;font-size:14px;text-decoration:none}
.nt2-sec:hover{background:var(--lima-suave)}
.nt2-mas{margin-top:auto;padding-top:8px;align-self:flex-start;color:var(--verde);font-weight:700;text-decoration:none}
.nt2-mas:hover{text-decoration:underline}

@media (max-width:860px){
  .nt2-tienda{grid-template-columns:1fr}
  .nt2-al-reves .nt2-media{order:0}
  .nt2-media{min-height:0;aspect-ratio:4/3.4}
  .nt2-tienda:has(.nt2-mapa) .nt2-media{aspect-ratio:16/10}
}
@media (max-width:560px){
  .nt2-tienda{border-radius:32px;padding:6px}
  .nt2-media,.nt2-info{border-radius:26px}
  .nt2-media{aspect-ratio:4/4.4}
  .nt2-saltos a{flex:1 1 100%;flex-direction:row;justify-content:space-between;align-items:center;flex-wrap:wrap}
  .nt2-cambio button{padding:0 12px;font-size:12.5px}
  .nt2-cambio{top:auto;bottom:12px;left:12px}
  .nt2-media .t360-controles{top:12px;right:12px}
  .nt2-sec{flex:1 1 40%}
}