/* ─── MdBcn · Pantalla Inicio ────────────────────────────────────────────────
   Todos los estilos de la nueva pantalla Home (ctab-inicio).
   Usa las variables de tokens.css + fuente Nunito.
   ─────────────────────────────────────────────────────────────────────────── */

#ctab-inicio {
  font-family: 'Nunito', 'Outfit', sans-serif;
  background: var(--cream);
  padding-bottom: 120px;
}

/* ─── Freshness bar ──────────────────────────────────────────────────────────── */

#inicio-freshness-bar {
  display: flex;
  align-items: center;
  gap: 6px;
  padding: 10px 18px 6px;
  font-size: 11px;
  font-weight: 600;
  letter-spacing: 0.4px;
  color: var(--muted);
  text-transform: uppercase;
}

#inicio-freshness-bar .freshness-date {
  color: var(--muted);
}

#inicio-freshness-bar .freshness-dot {
  width: 3px;
  height: 3px;
  border-radius: 50%;
  background: var(--muted);
  opacity: 0.5;
  flex-shrink: 0;
}

#inicio-freshness-bar .freshness-updated {
  color: var(--accent);
  display: flex;
  align-items: center;
  gap: 4px;
}

/* ─── Mini mapa ──────────────────────────────────────────────────────────────── */

#inicio-mini-map-wrap {
  margin: 8px 16px 0;
  border-radius: var(--radius-card);
  overflow: hidden;
  height: 170px;
  position: relative;
  background: var(--warm);
}

#inicio-mini-map {
  width: 100%;
  height: 100%;
}

#inicio-map-btn {
  position: absolute;
  bottom: 10px;
  right: 10px;
  background: white;
  border: none;
  border-radius: var(--radius-pill);
  padding: 6px 12px;
  font-family: 'Nunito', sans-serif;
  font-size: 12px;
  font-weight: 600;
  color: var(--ink);
  display: flex;
  align-items: center;
  gap: 5px;
  cursor: pointer;
  box-shadow: 0 2px 8px rgba(0,0,0,0.14);
  transition: transform .15s;
  -webkit-tap-highlight-color: transparent;
}

#inicio-map-btn:active { transform: scale(0.95); }

/* ─── Sección "Cerca de ti" ──────────────────────────────────────────────────── */

.inicio-section-head {
  padding: 20px 18px 10px;
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
}

.inicio-section-title {
  font-family: 'Nunito', sans-serif;
  font-size: 20px;
  font-weight: 800;
  color: var(--ink);
  line-height: 1.2;
}

.inicio-section-subtitle {
  font-family: 'Nunito', sans-serif;
  font-size: 11px;
  font-weight: 400;
  font-style: italic;
  color: var(--muted);
  margin-top: 2px;
}

.inicio-see-all {
  font-family: 'Nunito', sans-serif;
  font-size: 12px;
  font-weight: 600;
  color: var(--accent);
  background: none;
  border: none;
  cursor: pointer;
  padding: 0;
  white-space: nowrap;
  flex-shrink: 0;
  -webkit-tap-highlight-color: transparent;
}

/* ─── Cards scroll horizontal ────────────────────────────────────────────────── */

#inicio-nearby-scroll {
  display: flex;
  gap: 12px;
  padding: 2px 18px 10px;
  overflow-x: auto;
  scroll-snap-type: x mandatory;
  -webkit-overflow-scrolling: touch;
  scrollbar-width: none;
}

#inicio-nearby-scroll::-webkit-scrollbar { display: none; }

.nc-card {
  flex-shrink: 0;
  width: 162px;
  border-radius: var(--radius-card);
  background: white;
  box-shadow: var(--shadow-card);
  overflow: hidden;
  cursor: pointer;
  scroll-snap-align: start;
  transition: transform .15s;
  -webkit-tap-highlight-color: transparent;
}

.nc-card:active { transform: scale(0.97); }

/* foto */
.nc-photo {
  position: relative;
  height: 116px;
  overflow: hidden;
  background: var(--warm);
}

.nc-photo img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

.nc-photo-placeholder {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 32px;
  background: linear-gradient(135deg, var(--warm) 0%, var(--border) 100%);
}

.nc-photo-gradient {
  position: absolute;
  inset: 0;
  background: linear-gradient(to bottom, transparent 40%, rgba(28,25,23,0.55) 100%);
  pointer-events: none;
}

/* badge "Hace X min" */
.nc-time-badge {
  position: absolute;
  top: 8px;
  left: 8px;
  background: var(--badge-dark);
  color: white;
  font-family: 'Nunito', sans-serif;
  font-size: 10px;
  font-weight: 600;
  padding: 3px 7px;
  border-radius: var(--radius-pill);
  line-height: 1.3;
  pointer-events: none;
}

/* corazón favorito */
.nc-fav-btn {
  position: absolute;
  top: 7px;
  right: 7px;
  background: none;
  border: none;
  cursor: pointer;
  padding: 3px;
  color: white;
  filter: drop-shadow(0 1px 2px rgba(0,0,0,0.5));
  -webkit-tap-highlight-color: transparent;
  transition: transform .15s;
}

.nc-fav-btn:active { transform: scale(1.2); }
.nc-fav-btn.active svg path { fill: #e53e3e; stroke: #e53e3e; }

/* interesados */
.nc-interested {
  position: absolute;
  bottom: 8px;
  left: 8px;
  display: flex;
  align-items: center;
  gap: 5px;
}

.nc-avatars {
  display: flex;
}

.nc-avatar {
  width: 20px;
  height: 20px;
  border-radius: 50%;
  border: 1.5px solid white;
  background: var(--accent);
  color: white;
  font-size: 8px;
  font-weight: 700;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-left: -5px;
  font-family: 'Nunito', sans-serif;
}

.nc-avatars .nc-avatar:first-child { margin-left: 0; }

.nc-interested-text {
  color: white;
  font-size: 10px;
  font-weight: 500;
  font-family: 'Nunito', sans-serif;
  text-shadow: 0 1px 3px rgba(0,0,0,0.5);
}

/* zona texto */
.nc-body {
  padding: 9px 11px 11px;
}

.nc-name {
  font-family: 'Nunito', sans-serif;
  font-size: 14px;
  font-weight: 700;
  color: var(--ink);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  line-height: 1.3;
  margin-bottom: 2px;
}

.nc-meta {
  font-family: 'Nunito', sans-serif;
  font-size: 11px;
  color: var(--muted);
  margin-bottom: 5px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.nc-price {
  font-family: 'Nunito', sans-serif;
  font-size: 15px;
  font-weight: 700;
  color: var(--accent);
  margin-bottom: 4px;
}

.nc-dishes {
  font-family: 'Nunito', sans-serif;
  font-size: 11px;
  color: var(--muted);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  margin-bottom: 5px;
}

/* tagline pill */
.nc-tagline {
  display: inline-block;
  font-family: 'Nunito', sans-serif;
  font-size: 10px;
  font-weight: 600;
  padding: 3px 8px;
  border-radius: var(--radius-pill);
  line-height: 1.4;
  max-width: 100%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.nc-tagline--pink  { background: var(--tag-pink-bg);  color: var(--tag-pink-text);  }
.nc-tagline--green { background: var(--tag-green-bg); color: var(--tag-green-text); }
.nc-tagline--blue  { background: var(--tag-blue-bg);  color: var(--tag-blue-text);  }

/* empty nearby */
.nc-empty {
  padding: 24px 18px;
  font-family: 'Nunito', sans-serif;
  font-size: 13px;
  color: var(--muted);
  text-align: center;
}

/* ─── CTA block ──────────────────────────────────────────────────────────────── */

#inicio-cta-block {
  margin: 8px 16px 0;
  background: white;
  border: 1.5px solid rgba(197,160,89,0.25);
  border-radius: var(--radius-card);
  padding: 10px 14px;
  display: flex;
  align-items: center;
  gap: 10px;
  cursor: pointer;
  -webkit-tap-highlight-color: transparent;
  transition: transform .15s;
}

#inicio-cta-block:active { transform: scale(0.98); }

.inicio-cta-icon {
  font-size: 22px;
  flex-shrink: 0;
  line-height: 1;
}

.inicio-cta-icon-svg {
  flex-shrink: 0;
  display: block;
}

.inicio-cta-text {
  flex: 1;
  min-width: 0;
}

.inicio-cta-title {
  font-family: 'Nunito', sans-serif;
  font-size: 13px;
  font-weight: 800;
  color: var(--ink);
  line-height: 1.2;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.inicio-cta-btn {
  flex-shrink: 0;
  background: var(--accent);
  color: var(--ink);
  border: none;
  border-radius: 24px;
  padding: 6px 12px;
  font-family: 'Nunito', sans-serif;
  font-size: 11px;
  font-weight: 700;
  cursor: pointer;
  white-space: nowrap;
  box-shadow: var(--shadow-fab);
  -webkit-tap-highlight-color: transparent;
}

/* ─── Explorer embed ─────────────────────────────────────────────────────────── */

.inicio-explorer-head {
  padding: 20px 18px 8px;
  display: flex;
  align-items: baseline;
  justify-content: space-between;
}

.inicio-explorer-title {
  font-family: 'Nunito', sans-serif;
  font-size: 16px;
  font-weight: 800;
  color: var(--ink);
}

#inicio-explorer-embed {
  padding: 0 10px;
}

/* ─── Skeleton para las nearby cards ────────────────────────────────────────── */

.nc-skeleton {
  flex-shrink: 0;
  width: 162px;
  border-radius: var(--radius-card);
  background: white;
  box-shadow: var(--shadow-card);
  overflow: hidden;
}

.nc-skeleton-photo {
  height: 116px;
  background: linear-gradient(90deg, var(--warm) 25%, var(--border) 50%, var(--warm) 75%);
  background-size: 200% 100%;
  animation: nc-shimmer 1.4s infinite;
}

.nc-skeleton-body {
  padding: 9px 11px 11px;
}

.nc-skeleton-line {
  height: 10px;
  border-radius: 5px;
  background: linear-gradient(90deg, var(--warm) 25%, var(--border) 50%, var(--warm) 75%);
  background-size: 200% 100%;
  animation: nc-shimmer 1.4s infinite;
  margin-bottom: 6px;
}

.nc-skeleton-line--short { width: 60%; }

@keyframes nc-shimmer {
  0%   { background-position: 200% 0; }
  100% { background-position: -200% 0; }
}

/* ─── Tipografía editorial + subrayados artesanales — solo #ctab-inicio ─────
   Todas las reglas usan #ctab-inicio como prefijo para garantizar que no
   afectan ninguna otra pantalla. Las clases .nc-*, .inicio-* son exclusivas
   de home.js pero se prefija igualmente por seguridad.
   ─────────────────────────────────────────────────────────────────────────── */

/* ── "Actualizado hace X min" ───────────────────────────────────────────────── */

#ctab-inicio #inicio-freshness-bar .freshness-updated {
  font-weight: 700;
  letter-spacing: 0;
}

/* ── "Cerca de ti ♥" — título sección ───────────────────────────────────────── */

#ctab-inicio .inicio-section-title {
  font-family: 'Caveat', cursive;
  font-style: normal;
  font-weight: 700;
  font-size: 30px;
  letter-spacing: -0.2px;
  line-height: 0.95;
  display: inline-block;
  position: relative;
  padding-bottom: 5px;
}

#ctab-inicio .inicio-section-title::after {
  content: '';
  position: absolute;
  bottom: -4px;
  left: 0;
  width: 78%;
  height: 9px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='9' viewBox='0 0 180 9'%3E%3Cpath d='M2 7.5 C50 1.5%2C135 2%2C168 6 C172 5.5%2C177 7%2C179 7' stroke='%23C5A059' stroke-width='2.8' fill='none' stroke-linecap='round'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-size: 100% 100%;
  opacity: 0.88;
  transform: rotate(-1deg);
  pointer-events: none;
}

/* ── Subtítulo "Menús reals. Persones reals." ───────────────────────────────── */

#ctab-inicio .inicio-section-subtitle {
  font-family: 'Outfit', sans-serif;
  font-style: italic;
  font-size: 11px;
  font-weight: 400;
  color: var(--muted);
  margin-top: 8px;
  letter-spacing: 0;
  opacity: 0.85;
}

/* ── Nombres de restaurantes en cards ────────────────────────────────────────── */

/* Arco A — curva suave, pico ligeramente a la izquierda */
#ctab-inicio .nc-name {
  font-family: 'Caveat', cursive;
  font-style: normal;
  font-weight: 700;
  font-size: 21px;
  letter-spacing: 0;
  line-height: 1;
  display: inline-block;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='9' viewBox='0 0 180 9'%3E%3Cpath d='M2 7 C45 2.5%2C130 3%2C170 6.5 C173 6%2C177 7%2C179 7' stroke='%23C5A059' stroke-width='2.4' fill='none' stroke-linecap='round'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: left bottom;
  background-size: 100% 9px;
  padding-bottom: 10px;
}
/* Arco B — sube rápido a la izquierda, desciende gradual */
#inicio-nearby-scroll .nc-card:nth-child(3n+2) .nc-name {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='9' viewBox='0 0 180 9'%3E%3Cpath d='M2 7.5 C25 2%2C105 2.5%2C168 6 C173 6.5%2C177 7.5%2C179 7.5' stroke='%23C5A059' stroke-width='2.4' fill='none' stroke-linecap='round'/%3E%3C/svg%3E");
}
/* Arco C — arco pronunciado con pico centrado */
#inicio-nearby-scroll .nc-card:nth-child(3n+3) .nc-name {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='9' viewBox='0 0 180 9'%3E%3Cpath d='M2 6.5 C55 1.5%2C130 2%2C172 5.5 C175 5%2C178 6.5%2C179 6.5' stroke='%23C5A059' stroke-width='2.4' fill='none' stroke-linecap='round'/%3E%3C/svg%3E");
}

/* ── Precios ─────────────────────────────────────────────────────────────────── */

#ctab-inicio .nc-price {
  font-family: 'Libre Baskerville', serif;
  font-style: italic;
  font-weight: 700;
  font-size: 15px;
  letter-spacing: -0.2px;
  color: var(--accent);
}

/* ── CTA "¿No sabes qué elegir?" ─────────────────────────────────────────────── */

#ctab-inicio .inicio-cta-title {
  font-family: 'Caveat', cursive;
  font-style: normal;
  font-weight: 700;
  font-size: 18px;
  letter-spacing: 0;
  line-height: 1;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

/* ── Textos emocionales de cards (.nc-tagline en markup actual) ──────────────── */

#ctab-inicio .nc-tagline,
#ctab-inicio .nc-note {
  font-family: 'Caveat', cursive;
  font-style: normal;
  font-weight: 600;
  font-size: 16px;
  letter-spacing: 0;
  line-height: 1.2;
}

/* ── Heading explorador ──────────────────────────────────────────────────────── */

#ctab-inicio .inicio-explorer-title {
  font-family: 'Caveat', cursive;
  font-style: normal;
  font-weight: 700;
  font-size: 19px;
  letter-spacing: 0;
  line-height: 1.15;
}

#ctab-inicio .inicio-explorer-head {
  flex-direction: row;
  align-items: center;
  gap: 8px;
  flex-wrap: nowrap;
}
#ctab-inicio .inicio-explorer-text {
  flex: 0 1 auto;
  min-width: 0;
  display: flex;
  flex-direction: column;
  overflow: hidden;
}
#ctab-inicio .inicio-explorer-avatar {
  font-size: 36px;
  line-height: 1;
  display: block;
  flex-shrink: 0;
  /* tonos dorados cálidos alineados con la paleta de la app */
  filter: sepia(0.55) saturate(1.5) hue-rotate(-8deg);
}
#ctab-inicio .inicio-explorer-arrow {
  flex-shrink: 0;
}

#ctab-inicio .inicio-explorer-sub {
  font-family: 'Caveat', cursive;
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  letter-spacing: 0;
  color: var(--muted);
  line-height: 1.2;
  margin-top: 3px;
  text-align: left;
}

/* ─── Fase 2: polish visual — solo #ctab-inicio ──────────────────────────────
   Todos los cambios usan prefijo #ctab-inicio. Sin impacto en otras pantallas.
   ─────────────────────────────────────────────────────────────────────────── */

/* CAMBIO 1 · Foto protagonista (116→190px) */
#ctab-inicio .nc-photo {
  height: 190px;
}

/* CAMBIO 2 · Badge tiempo → chip verde semitransparente + subrayado blanco interno */
#ctab-inicio .nc-time-badge {
  background: rgba(74, 124, 89, 0.78);
  color: white;
  border-radius: 999px;
  padding: 3px 10px 4px;
  font-size: 14px;
  font-weight: 700;
  font-family: 'Caveat', cursive;
  letter-spacing: 0;
  box-shadow: none;
  text-shadow: none;
  display: inline-block;
  border-bottom: none;
  line-height: 1.1;
}

/* CAMBIO 3 · Botón favorito → circular con fondo blanco */
#ctab-inicio .nc-fav-btn {
  top: 9px;
  right: 9px;
  width: 34px;
  height: 34px;
  background: rgba(255,255,255,.95);
  border: 1px solid rgba(228,216,196,.7);
  border-radius: 50%;
  box-shadow: 0 3px 10px rgba(17,17,17,.12);
  padding: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  filter: none;
}

#ctab-inicio .nc-fav-btn:not(.active) svg {
  stroke: #C5A059;
}

/* CAMBIO 4 · Precio destacado */
#ctab-inicio .nc-price {
  font-size: 20px;
  font-weight: 700;
  line-height: 1;
  margin-bottom: 5px;
  color: #C5A059;
}

/* CAMBIO 5 · Distancia con icono pin */
#ctab-inicio .nc-meta {
  font-family: 'Outfit', sans-serif;
  font-size: 12px;
  color: #6B6B6B;
  line-height: 1.2;
  display: flex;
  align-items: center;
  gap: 4px;
  margin-bottom: 5px;
}

#ctab-inicio .nc-meta::before {
  content: '';
  flex-shrink: 0;
  width: 9px;
  height: 11px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 9 11' fill='%236B6B6B'%3E%3Cpath d='M4.5 0C2.57 0 1 1.57 1 3.5 1 6.13 4.5 11 4.5 11S8 6.13 8 3.5C8 1.57 6.43 0 4.5 0zm0 5a1.5 1.5 0 110-3 1.5 1.5 0 010 3z'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-size: contain;
}

/* CAMBIO 6 · Chips de secciones */
#ctab-inicio .nc-chips {
  display: flex;
  flex-wrap: wrap;
  gap: 4px;
  margin-bottom: 5px;
}

#ctab-inicio .nc-chip {
  background: #F7F3EB;
  border: 1px solid #E8D5A8;
  color: #A88840;
  font-size: 10px;
  font-weight: 800;
  font-family: 'Outfit', sans-serif;
  border-radius: 6px;
  padding: 2px 5px;
  line-height: 1.3;
  letter-spacing: 0.3px;
}

/* CAMBIO 7 · Línea icono tipo + primer plato */
#ctab-inicio .nc-dish-line {
  display: flex;
  align-items: center;
  gap: 5px;
  margin-top: 5px;
}
#ctab-inicio .nc-type-icon {
  width: 13px;
  height: 13px;
  flex-shrink: 0;
}
#ctab-inicio .nc-dish-text {
  font-family: 'Nunito', sans-serif;
  font-size: 11px;
  color: var(--muted);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

/* CAMBIO 8 · Footer emocional (extiende hasta borde de la card) */
#ctab-inicio .nc-tagline,
#ctab-inicio .nc-note {
  display: block;
  margin: 8px -11px -11px;
  padding: 9px 13px;
  background: #F7F3EB;
  border-top: 1px solid rgba(228,216,196,.5);
  border-radius: 0 0 16px 16px;
  font-family: 'Caveat', cursive;
  font-size: 15px;
  font-weight: 600;
  color: #6B6B6B;
  line-height: 1.25;
  letter-spacing: 0;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

/* Neutralizar colores de modificadores → mismo footer para todos */
#ctab-inicio .nc-tagline--pink,
#ctab-inicio .nc-tagline--green,
#ctab-inicio .nc-tagline--blue {
  background: #F7F3EB;
  color: #6B6B6B;
}

/* Verificat badge como overlay dentro de la foto (cancela el footer) */
#ctab-inicio .nc-photo .nc-tagline,
#ctab-inicio .nc-photo .nc-note {
  display: inline-block;
  position: absolute;
  bottom: 8px;
  left: 8px;
  margin: 0;
  padding: 3px 8px;
  background: rgba(255,255,255,0.88);
  border-top: none;
  border-radius: var(--radius-pill);
  font-family: 'Nunito', sans-serif;
  font-size: 10px;
  font-weight: 700;
  color: #1a5c1a;
  max-width: calc(100% - 16px);
  white-space: nowrap;
  pointer-events: none;
}
#ctab-inicio .nc-photo .nc-tagline--green { background: rgba(220,255,220,0.92); color: #1a5c1a; }
#ctab-inicio .nc-photo .nc-tagline--pink  { background: rgba(255,220,230,0.92); color: #7c1535; }
#ctab-inicio .nc-photo .nc-tagline--blue  { background: rgba(220,235,255,0.92); color: #1a3c8b; }

/* CAMBIO 9 · Subtítulo "Menús reales. / Personas reales." (2 líneas = altura del título) */
#ctab-inicio .inicio-section-subtitle {
  font-family: 'Caveat', cursive;
  font-style: normal;
  font-size: 13px;
  font-weight: 400;
  color: #6B6B6B;
  margin-top: 2px;
  opacity: 1;
  letter-spacing: 0;
  line-height: 1.1;
}

/* CAMBIO 10 · Corazón SVG mano alzada en "Cerca de ti" */
#ctab-inicio .nc-heart-svg {
  width: 24px;
  height: 22px;
  display: inline-block;
  vertical-align: middle;
  margin-left: 6px;
  flex-shrink: 0;
  overflow: visible;
}

/* CAMBIO 11 · Cabecera "Cerca de ti" — 3 columnas en una sola línea */
#ctab-inicio .inicio-section-head {
  display: grid;
  grid-template-columns: auto 1fr auto;
  align-items: baseline;
  column-gap: 14px;
  padding: 20px 18px 10px;
}

/* CAMBIO 12 · "Ver todos →" — Caveat como "Cerca de ti" */
#ctab-inicio .inicio-see-all {
  font-family: 'Caveat', cursive;
  font-size: 13px;
  font-weight: 700;
  color: #C5A059;
  display: inline-flex;
  align-items: center;
  gap: 4px;
  padding-bottom: 2px;
  white-space: nowrap;
}

/* CAMBIO 13 · Imágenes del carrusel centradas y estables */
#ctab-inicio .nc-photo {
  overflow: hidden;
}
#ctab-inicio .nc-photo img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center center;
  display: block;
}

/* CAMBIO 14 · Cards al 75% (162→122px, foto 190→143px) */
#ctab-inicio .nc-card {
  width: 122px;
  container-type: inline-size;
}
#ctab-inicio .nc-photo {
  height: 143px;
}
#ctab-inicio .nc-name {
  font-size: 17px;
}
#ctab-inicio .nc-fav-btn {
  width: 28px;
  height: 28px;
}
#ctab-inicio .nc-tagline,
#ctab-inicio .nc-note {
  font-size: 13px;
}

/* CAMBIO 15 · Precio centrado y nunca cortado */
#ctab-inicio .nc-price {
  text-align: center;
  font-size: 16px;
  white-space: nowrap;
  overflow: hidden;
  margin-bottom: 4px;
}
#ctab-inicio .nc-price-from {
  font-size: 9px;
  font-weight: 500;
  font-style: normal;
  font-family: 'Outfit', sans-serif;
  color: #A88840;
  letter-spacing: 0;
}

/* CAMBIO 16 · Corazón dorado cuando activo */
#ctab-inicio .nc-fav-btn.active svg,
#ctab-inicio .nc-fav-btn.active svg path {
  fill: #C5A059;
  stroke: #C5A059;
}

/* ─── Fase 3: Topbar fecha+chips en una sola tarjeta (solo #ctab-inicio) ────
   Tarjeta blanca horizontal: bloque fecha/actualizado a la izquierda,
   chips de tipo de menú compactos a la derecha.
   ─────────────────────────────────────────────────────────────────────────── */

#inicio-topbar {
  margin: 10px 12px 4px;
  background: #FFFFFF;
  border: 1px solid rgba(228,216,196,.7);
  border-radius: 16px;
  box-shadow: 0 4px 14px rgba(17,17,17,.06);
  padding: 8px 10px;
  display: flex;
  align-items: center;
  gap: 8px;
}

#ctab-inicio #inicio-freshness-bar {
  display: block;
  flex-shrink: 0;
  max-width: 34%;
  padding: 0;
  overflow: visible;
  white-space: normal;
  text-transform: none;
}
#ctab-inicio .ifb-top {
  font-family: 'Outfit', sans-serif;
  font-size: 7px;
  font-weight: 700;
  letter-spacing: 0.6px;
  text-transform: uppercase;
  color: var(--accent);
  margin-bottom: 3px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
#ctab-inicio .ifb-bottom {
  display: flex;
  align-items: center;
  gap: 4px;
}
#ctab-inicio .ifb-sun {
  color: #C5A059;
  flex-shrink: 0;
  width: 12px;
  height: 12px;
}
#ctab-inicio .ifb-bottom .freshness-updated {
  font-family: 'Caveat', cursive;
  font-size: 16px;
  font-weight: 700;
  color: #111111;
  line-height: 1.05;
  letter-spacing: 0;
  text-transform: none;
  display: inline-block;
  position: relative;
  padding-bottom: 6px;
}
/* Arco D — arco fuerte y fluido para el texto de actualización */
#ctab-inicio .ifb-bottom .freshness-updated::after {
  content: '';
  position: absolute;
  bottom: -1px;
  left: 0;
  width: 100%;
  height: 8px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='9' viewBox='0 0 180 9'%3E%3Cpath d='M2 7.5 C40 1.5%2C140 2%2C170 6.5 C174 6%2C178 7%2C179 7' stroke='%23C5A059' stroke-width='2.4' fill='none' stroke-linecap='round'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-size: 100% 100%;
  opacity: 0.88;
  pointer-events: none;
}

/* Chips compactos dentro del topbar */
#inicio-chips-bar {
  flex: 1;
  min-width: 0;
  margin: 0;
  background: none;
  border: none;
  box-shadow: none;
  padding: 0;
}
#ctab-inicio .inicio-chips-scroll {
  display: grid;
  grid-template-columns: repeat(6, 1fr);
  gap: 3px;
}
#ctab-inicio .inicio-chips-scroll::-webkit-scrollbar { display: none; }
#ctab-inicio .inicio-chip {
  min-width: 0;
  width: 100%;
  height: 48px;
  border-radius: 12px;
  background: transparent;
  border: none;
  color: #111111;
  box-shadow: none;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 3px;
  font-family: 'Outfit', sans-serif;
  font-size: 7.5px;
  font-weight: 600;
  cursor: pointer;
  padding: 0 1px;
  -webkit-tap-highlight-color: transparent;
  transition: background .15s, color .15s, box-shadow .15s;
  line-height: 1.15;
  text-align: center;
  white-space: normal;
  overflow: hidden;
}
#ctab-inicio .inicio-chip.active {
  background: linear-gradient(180deg, #D0AA55 0%, #C5A059 100%);
  color: #ffffff;
  font-weight: 700;
  box-shadow: 0 4px 10px rgba(197,160,89,.3);
}
#ctab-inicio .inicio-chip svg {
  width: 16px;
  height: 16px;
  fill: none;
  stroke: currentColor;
  stroke-width: 1.8;
  stroke-linecap: round;
  stroke-linejoin: round;
  flex-shrink: 0;
}
#ctab-inicio .inicio-chip span {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  max-width: 100%;
}

/* ── Carrusel "Cerca de ti": flechas de navegación desktop ── */
.nc-carousel-wrap {
  position: relative;
}

.nc-arrow {
  display: none;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  z-index: 10;
  width: 38px; height: 38px;
  border-radius: 50%;
  border: 1px solid var(--border);
  background: rgba(250,247,242,0.96);
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
  cursor: pointer;
  align-items: center;
  justify-content: center;
  box-shadow: 0 2px 10px rgba(28,25,23,0.14);
  transition: background .15s, box-shadow .15s;
  color: var(--ink);
  padding: 0;
  flex-shrink: 0;
}

.nc-arrow:hover {
  background: rgba(249,215,74,0.14);
  box-shadow: 0 4px 14px rgba(28,25,23,0.18);
}

.nc-arrow--prev { left: 4px; }
.nc-arrow--next { right: 4px; }

@media (min-width: 900px) {
  .nc-arrow { display: flex; }
  #inicio-nearby-scroll { padding-left: 52px; padding-right: 52px; }
}