/* Tema Guía — oscuro es el de siempre. Claro se elige. DEV 2026-10-03 */

.gdo-tema-switch {
  display: inline-flex;
  gap: 4px;
  align-items: center;
  margin-right: 8px;
}
.gdo-tema-switch button {
  border: 1px solid rgba(242,176,56,.55);
  background: #141414;
  color: #f2b038;
  border-radius: 999px;
  font: inherit;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: .02em;
  padding: 4px 8px;
  cursor: pointer;
  line-height: 1.2;
}
.gdo-tema-switch button.is-on {
  background: #f2b038;
  color: #111;
  border-color: #f2b038;
}

/* —— Oscuro: avisos dejan el fondo claro —— */
html:not([data-gdo-tema="claro"]) .busqueda-avisos,
html:not([data-gdo-tema="claro"]) .ficha-aviso,
html:not([data-gdo-tema="claro"]) .ficha-aviso.premium-glow,
html:not([data-gdo-tema="claro"]) .modal-content,
html:not([data-gdo-tema="claro"]) .modal-content.gdo-aviso-detail,
html:not([data-gdo-tema="claro"]) .modal-header,
html:not([data-gdo-tema="claro"]) .datos-publicos-usuario,
html:not([data-gdo-tema="claro"]) .meta-acciones-combinadas,
html:not([data-gdo-tema="claro"]) .metricas-container,
html:not([data-gdo-tema="claro"]) .pregunta-item,
html:not([data-gdo-tema="claro"]) .thumbnails-container,
html:not([data-gdo-tema="claro"]) .avisos-ver .section:nth-child(even),
html:not([data-gdo-tema="claro"]) .modal-content .section:nth-child(even) {
  background: #161616 !important;
  color: #f3f3f3 !important;
  border-color: #2c2c2c !important;
}
html:not([data-gdo-tema="claro"]) .imagen-container,
html:not([data-gdo-tema="claro"]) .vista-grilla .imagen-container,
html:not([data-gdo-tema="claro"]) .vista-lista .imagen-container {
  background: #0e0e0e !important;
}
html:not([data-gdo-tema="claro"]) .vista-lista .ficha-aviso,
html:not([data-gdo-tema="claro"]) .vista-lista .titulo,
html:not([data-gdo-tema="claro"]) .vista-lista .info,
html:not([data-gdo-tema="claro"]) .ficha-aviso .titulo,
html:not([data-gdo-tema="claro"]) .ficha-aviso .info,
html:not([data-gdo-tema="claro"]) .modal-content.gdo-aviso-detail,
html:not([data-gdo-tema="claro"]) .modal-content.gdo-aviso-detail .section h3,
html:not([data-gdo-tema="claro"]) .modal-content.gdo-aviso-detail .section p,
html:not([data-gdo-tema="claro"]) .modal-content.gdo-aviso-detail .vendedor-info,
html:not([data-gdo-tema="claro"]) .modal-content.gdo-aviso-detail .vendedor-info div,
html:not([data-gdo-tema="claro"]) .modal-content.gdo-aviso-detail .vendedor-info strong,
html:not([data-gdo-tema="claro"]) .modal-content.gdo-aviso-detail .datos-secundarios,
html:not([data-gdo-tema="claro"]) .modal-content.gdo-aviso-detail .vence-mini,
html:not([data-gdo-tema="claro"]) .modal-header,
html:not([data-gdo-tema="claro"]) .section h3,
html:not([data-gdo-tema="claro"]) .section p {
  color: #f3f3f3 !important;
}
html:not([data-gdo-tema="claro"]) .precio,
html:not([data-gdo-tema="claro"]) .precio-principal,
html:not([data-gdo-tema="claro"]) .vista-grilla .precio {
  color: #f2b038 !important;
}
html:not([data-gdo-tema="claro"]) .stats,
html:not([data-gdo-tema="claro"]) .datos-publicos-usuario,
html:not([data-gdo-tema="claro"]) .datos-publicos-usuario .label,
html:not([data-gdo-tema="claro"]) .datos-secundarios,
html:not([data-gdo-tema="claro"]) .metrica {
  color: #c8c8c8 !important;
}
html:not([data-gdo-tema="claro"]) .modal-content .btn-accion {
  background: #1c1c1c !important;
  color: #f2b038 !important;
  border-color: rgba(242,176,56,.45) !important;
}

/* —— Claro: el mismo oro, superficies claras —— */
html[data-gdo-tema="claro"],
html[data-gdo-tema="claro"] body {
  background: #f4f0e6 !important;
  color: #1a1a1a !important;
}
html[data-gdo-tema="claro"] .gdo-tablon-wrap,
html[data-gdo-tema="claro"] .gdo-fw-wrap,
html[data-gdo-tema="claro"] .gdo-feed-main,
html[data-gdo-tema="claro"] .site-shell {
  background: #f4f0e6 !important;
  color: #1a1a1a !important;
}
html[data-gdo-tema="claro"] .post,
html[data-gdo-tema="claro"] .gdo-rail-card,
html[data-gdo-tema="claro"] .hoy-card,
html[data-gdo-tema="claro"] .gdo-fw-skel .gdo-rail-card,
html[data-gdo-tema="claro"] .gdo-fw-embed .comercio-wrapper {
  background: #fff !important;
  color: #1a1a1a !important;
  border-color: #e4dcc8 !important;
}
html[data-gdo-tema="claro"] .post h3,
html[data-gdo-tema="claro"] .post .name,
html[data-gdo-tema="claro"] .post .cap,
html[data-gdo-tema="claro"] .post .when,
html[data-gdo-tema="claro"] .post .compact-when,
html[data-gdo-tema="claro"] .post .leer,
html[data-gdo-tema="claro"] .post .actions button,
html[data-gdo-tema="claro"] .gdo-feed-aviso,
html[data-gdo-tema="claro"] .gdo-feed-aviso strong,
html[data-gdo-tema="claro"] .hoy-card,
html[data-gdo-tema="claro"] .hoy-card .ficha-title,
html[data-gdo-tema="claro"] .hoy-card .ficha-meta,
html[data-gdo-tema="claro"] .gdo-rail-card,
html[data-gdo-tema="claro"] .gdo-rail-card strong {
  color: #1a1a1a !important;
}
html[data-gdo-tema="claro"] .gdo-feed-avisos-head h2,
html[data-gdo-tema="claro"] .gdo-feed-aviso span,
html[data-gdo-tema="claro"] .post .tag {
  color: #8a5a10 !important;
}

/* Micrositio: las tarjetas claras del local */
html:not([data-gdo-tema="claro"]) .card,
html:not([data-gdo-tema="claro"]) .horarios {
  background: #161616 !important;
  color: #f3f3f3 !important;
  border-color: #2c2c2c !important;
}
html:not([data-gdo-tema="claro"]) .card h2,
html:not([data-gdo-tema="claro"]) .card h3,
html:not([data-gdo-tema="claro"]) .card p,
html:not([data-gdo-tema="claro"]) .card li,
html:not([data-gdo-tema="claro"]) .card span,
html:not([data-gdo-tema="claro"]) .horarios {
  color: #f3f3f3 !important;
}

/* En el teléfono el tema vive al final de la hamburguesa. En la barra, solo si no hay menú. */
@media (max-width: 669px) {
  .gdo-tema-en-barra { display: none !important; }
}
.side-menu .gdo-tema-en-menu {
  display: flex;
  gap: 8px;
  padding: 4px 14px 22px;
  margin: 0;
}
.side-menu .gdo-tema-en-menu button {
  flex: 1;
  font-size: 15px;
  padding: 10px 8px;
}