/* ════════════════════════════════════════════════════════
   NEGOCIOS APROBADOS DESDE EL ALTA (27-sep-2026)
   El bloque que llena negocios-altas.js en hospedaje, restaurantes,
   actividades y esferas. Usa la tarjeta de siempre (.dir-card de
   estilos.css) y solo agrega lo que la ficha del alta trae de más:
   el chip del tipo, la dirección y el horario.
   ════════════════════════════════════════════════════════ */
.na-sec{padding:28px 0 64px}
.na-sec .wrap{max-width:1140px}
.na-cab{text-align:center;max-width:62ch;margin:0 auto}
.na-cab .ey{justify-content:center}
.na-cab .lead{margin:12px auto 0}
/* Centradas y de ancho parejo: con uno o dos negocios no se quedan
   pegados a la izquierda de una rejilla de tres columnas. */
.na-grid.dir-grid{margin-top:34px;grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),360px));justify-content:center}

/* color de cada sección (la raya de la tarjeta y los botones) */
.na-sec[data-altas="hospedaje"]{--c:var(--azul);--c-txt:var(--azul-txt)}
.na-sec[data-altas="restaurante"]{--c:var(--naranja);--c-txt:var(--naranja-txt)}
.na-sec[data-altas="actividad"]{--c:var(--verde);--c-txt:var(--verde-txt)}
.na-sec[data-altas="esferas"]{--c:var(--rojo);--c-txt:var(--rojo-txt)}

.na-card .img-slot{display:flex;text-decoration:none}
.na-card .tipo{color:var(--c-txt,var(--c))}
.na-card h3 a{color:inherit;text-decoration:none}
.na-card h3 a:hover,.na-card h3 a:focus-visible{text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:3px}
.na-chip{max-width:calc(100% - 28px);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
/* La descripción la escribe el negocio: se corta a 4 renglones para que
   las tarjetas queden parejas. */
.na-card .na-desc{flex:0 0 auto;display:-webkit-box;-webkit-line-clamp:4;line-clamp:4;-webkit-box-orient:vertical;overflow:hidden}
.na-card .na-dir{flex:0 0 auto;font-size:13px;color:var(--soft);margin-top:8px}
.na-card .na-horario{flex:1 0 auto;display:flex;align-items:flex-start;gap:6px;font-size:13px;color:var(--tinta);margin-top:8px}
.na-card .na-horario b{font-weight:700;margin-right:2px}
.na-ico{flex:0 0 16px;width:16px;height:16px;margin-top:2px;fill:none;stroke:var(--c-txt,var(--c));stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.na-card .acbtn{min-height:40px;padding:10px 16px;text-decoration:none}
.na-card{overflow-wrap:anywhere}

@media(max-width:600px){
  .na-sec{padding:18px 0 48px}
  .na-grid.dir-grid{margin-top:24px;grid-template-columns:minmax(0,1fr)}
}