/* TeVendo - Celular: sin menú lateral, categorías debajo del slider y barra inferior */
.tv-mcats, .tv-bnav { display: none; }
@media (max-width: 767px) {
  .classified-header .sidebarToggler { display: none !important; }
  .classified-header .header-left { justify-content: center; width: 100% !important; }
  .classified-header .classified-logo { margin: 0 auto; }
  #sn-bar { display: none !important; }
  .respSell { display: none !important; }

  .tv-mcats { display: block; padding: 14px 0 4px; background: #fff; }
  .tv-mcats-head { display: flex; justify-content: space-between; align-items: baseline; padding: 0 16px 10px; }
  .tv-mcats-head h2 { margin: 0; font-size: 18px; font-weight: 800; color: #1B1F2A; }
  .tv-mcats-head a { font-size: 14px; font-weight: 700; color: #C8003D; }
  .tv-mcats-row { display: flex; gap: 12px; overflow-x: auto; padding: 0 16px 12px; scroll-snap-type: x proximity; -webkit-overflow-scrolling: touch; scrollbar-width: none; }
  .tv-mcats-row::-webkit-scrollbar { display: none; }
  .tv-mcat { flex: none; width: 74px; display: flex; flex-direction: column; align-items: center; gap: 6px; text-decoration: none !important; scroll-snap-align: start; }
  .tv-mcat-ic { width: 58px; height: 58px; border-radius: 50%; overflow: hidden; background: #F1F2F4; display: flex; align-items: center; justify-content: center; }
  .tv-mcat-ic img { width: 100%; height: 100%; object-fit: cover; }
  .tv-mcat-tx { font-size: 12px; font-weight: 700; color: #1B1F2A; text-align: center; line-height: 1.2; }

  .tv-bnav { display: grid; grid-template-columns: repeat(5, 1fr); align-items: end; position: fixed; left: 0; right: 0; bottom: 0; z-index: 1040;
    background: #fff; border-top: 1px solid #E6E8EE; box-shadow: 0 -6px 18px rgba(27, 31, 42, .08); padding: 6px 6px calc(8px + env(safe-area-inset-bottom, 0px)); }
  .tv-bnav a { display: flex; flex-direction: column; align-items: center; gap: 3px; min-height: 48px; justify-content: flex-end; font-size: 11px; font-weight: 700; color: #5E6473 !important; text-decoration: none !important; }
  .tv-bnav a.on { color: #E40046 !important; }
  .tv-bnav .tv-bnav-sell { color: #1B1F2A !important; font-weight: 800; }
  .tv-bnav-plus { width: 54px; height: 54px; margin-top: -26px; border-radius: 50%; background: #E40046; color: #fff; display: flex; align-items: center; justify-content: center;
    box-shadow: 0 8px 18px rgba(228, 0, 70, .35); border: 4px solid #fff; }
  body { padding-bottom: calc(76px + env(safe-area-inset-bottom, 0px)); }
  /* la barra fija de "Publicar anuncio" queda por encima de la barra inferior */
  .tvp-bottom { bottom: calc(70px + env(safe-area-inset-bottom, 0px)) !important; }
}

/* Reels de venta en la portada (celular y computadora) */
.tv-reels-strip { padding: 14px 0 6px; background: #fff; }
.tv-rs-head { display: flex; justify-content: space-between; align-items: baseline; padding: 0 16px 10px; }
.tv-rs-head h2 { margin: 0; font-size: 18px; font-weight: 800; color: #1B1F2A; }
.tv-rs-head a { font-size: 14px; font-weight: 700; color: #C8003D; }
.tv-rs-row { display: flex; gap: 10px; overflow-x: auto; padding: 0 16px 12px; scroll-snap-type: x proximity; scrollbar-width: none; }
.tv-rs-row::-webkit-scrollbar { display: none; }
.tv-rs-item { position: relative; flex: none; width: 118px; height: 200px; border-radius: 14px; overflow: hidden; background: #2A2F3D center / cover no-repeat; text-decoration: none !important; color: #fff !important; scroll-snap-align: start; }
.tv-rs-play { position: absolute; left: 8px; top: 8px; width: 26px; height: 26px; border-radius: 50%; background: rgba(0,0,0,.5); display: flex; align-items: center; justify-content: center; }
.tv-rs-info { position: absolute; left: 0; right: 0; bottom: 0; padding: 8px; background: linear-gradient(rgba(0,0,0,0), rgba(0,0,0,.75)); display: flex; flex-direction: column; }
.tv-rs-info b { font-size: 13px; }
.tv-rs-info span { font-size: 11px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
@media (min-width: 768px) { .tv-reels-strip { max-width: 1400px; margin: 10px auto 0; } .tv-rs-item { width: 160px; height: 270px; } }

/* Encabezado del celular: Reels (izquierda) y notificaciones (derecha) */
.tv-mh { display: none; }
@media (max-width: 767px) {
  .classified-header { position: relative; }
  .classified-header .classified-header-bar { position: static; }
  .classified-header .head-tooltip { display: none !important; }
  .tv-mh { display: flex; position: absolute; top: 10px; z-index: 5; width: 44px; height: 44px; border-radius: 50%; align-items: center; justify-content: center; color: #fff !important; background: rgba(255, 255, 255, .14); text-decoration: none !important; }
  .tv-mh-left { left: 10px; }
  .tv-mh-right { right: 10px; }
  .tv-mh-badge { position: absolute; top: 4px; right: 2px; min-width: 18px; height: 18px; padding: 0 5px; box-sizing: border-box; border-radius: 9px; background: #FFD23F; color: #1B1F2A; font-size: 11px; font-weight: 800; line-height: 18px; text-align: center; }
}

/* Reels en el encabezado de escritorio */
.tv-desk-reels a { display: inline-flex; align-items: center; justify-content: center; height: 40px; }
@media (max-width: 767px) { .tv-desk-reels { display: none !important; } }
.classified-header-signup.tv-desk-reels a { height: auto; padding: 0 14px 0 0; vertical-align: middle; position: relative; top: -3px; }
.classified-header-signup.tv-desk-reels svg { width: 22px; height: 22px; }

/* ---------- Botón Reels (encabezado) · opción C: fondo oscuro suave, ícono y texto blancos ---------- */
.tv-reels-btn { display: inline-flex !important; align-items: center; gap: 8px; height: 38px; padding: 0 16px 0 12px; border-radius: 999px; background: rgba(20, 10, 20, .22); color: #fff !important; font-weight: 800; font-size: 14px; letter-spacing: .01em; text-decoration: none !important; white-space: nowrap; transition: background .15s ease; }
.tv-reels-btn:hover, .tv-reels-btn:focus-visible { background: rgba(20, 10, 20, .34); color: #fff !important; }
.classified-header a.tv-reels-btn, .classified-header a.tv-reels-btn .tv-reels-tx, a.tv-reels-btn .tv-reels-tx { color: #fff !important; }
.tv-reels-ic { display: flex; align-items: center; justify-content: center; color: #fff; flex: none; }
.tv-mh-left.tv-reels-btn { display: none !important; }
@media (min-width: 768px) {
  li.tv-desk-reels { padding: 0 !important; margin: 0 12px 0 0 !important; height: 52px; display: flex !important; align-items: center; float: left; list-style: none; }
  li.tv-desk-reels a.tv-reels-btn { position: static !important; top: auto !important; margin: 0 !important; }
}
@media (min-width: 768px) and (max-width: 1439px) {
  li.classified-header-signup.tv-desk-reels a.tv-reels-btn { padding: 0 11px !important; gap: 0; }
  li.classified-header-signup.tv-desk-reels .tv-reels-tx { display: none; }
}
@media (max-width: 767px) {
  .tv-mh-left.tv-reels-btn { display: inline-flex !important; position: absolute; left: 10px; top: 13px; height: 38px; padding: 0 14px 0 11px; font-size: 13px; z-index: 5; }
}
@media (min-width: 768px) and (max-width: 1439px) {
  li.classified-header-signup.tv-desk-reels { height: auto; margin-top: 0 !important; }
  li.classified-header-signup.tv-desk-reels a.tv-reels-btn { width: 40px; height: 40px; padding: 0 !important; justify-content: center; }
}
/* centrar el botón Reels con los íconos de mensajes y notificaciones */
@media (min-width: 768px) {
  li.classified-header-message.tv-desk-reels { height: 40px !important; margin-top: 0 !important; }
  li.classified-header-message.tv-desk-reels a.tv-reels-btn { height: 40px; }
}