/* MC-PORTAL-OSCURO-21SEP-2026 (ficha RF-NEGOCIO-1) · el portal de negocios con la identidad
   de la web pública: fondo #0E0E0E, tarjetas #191919, texto blanco, naranja #FF7A1A, Manrope.
   Las seis páginas nacieron en mayo con fondo crema y marrón y nadie eligió ese aspecto.
   Todas usan las MISMAS variables, así que se redefinen aquí una vez, después de su <style>.
   Medido antes de cambiarlas: --white solo se usa como fondo y --black solo como texto. */
:root{
  --orange:#FF7A1A;--orange-dark:#E06510;
  --cream:#0E0E0E;          /* fondo de página y de los campos */
  --white:#191919;          /* tarjetas */
  --card:#2A2A2A;           /* bordes y fichas */
  --black:#FFFFFF;          /* texto */
  --gray:#B3B3B3;--gray-light:#7D7D7D;
  --brown:#D9B79A;
  --red:#FF6B6B;--green:#3DBB4E;
  color-scheme:dark;
}
body{color:var(--black)}
header{background:rgba(14,14,14,.92)!important;border-bottom:1px solid rgba(255,255,255,.09);backdrop-filter:blur(14px)}
header .brand{color:#fff}
.btn-logout{background:rgba(255,255,255,.08)!important}
.btn-logout:hover{background:rgba(255,255,255,.16)!important}
nav{background:#141414!important;border-bottom-color:rgba(255,255,255,.09)!important}
a{color:inherit}

/* Chips de tipo y casillas de servicios (registro y perfil). */
.rf-chips{display:flex;flex-wrap:wrap;gap:8px}
.rf-chip{background:var(--cream);color:var(--black);border:1.5px solid var(--card);border-radius:50px;padding:8px 14px;font-size:13px;font-weight:600;font-family:inherit;cursor:pointer}
.rf-chip.sel{background:var(--orange);border-color:var(--orange);color:#fff}
.rf-servicios{display:flex;flex-direction:column;gap:10px}
.rf-servicio{display:flex;align-items:center;gap:10px;font-size:14px;color:var(--black);cursor:pointer}
.rf-servicio input{width:18px;height:18px;accent-color:var(--orange);flex-shrink:0}

/* MC-PORTAL-BUSCADOR-21SEP-2026 · sugerencias del buscador de dirección (perfil). */
.dir-sug{display:none;margin-top:6px;background:var(--white);border:1.5px solid var(--card);border-radius:12px;overflow:hidden}
.dir-sug-item{display:block;width:100%;text-align:left;background:none;border:none;border-bottom:1px solid var(--card);padding:10px 14px;font-family:inherit;color:var(--black);cursor:pointer}
.dir-sug-item:last-child{border-bottom:none}
.dir-sug-item:hover{background:rgba(255,122,26,.10)}
.dir-sug-item b{display:block;font-size:14px;font-weight:600}
.dir-sug-item span{display:block;font-size:12px;color:var(--gray-light);margin-top:2px}
.dir-sug-vacio{padding:10px 14px;font-size:13px;color:var(--gray-light)}

/* MC-PORTAL-CLARO-21SEP-2026 (Mario: «en oscuro es complicado para rellenar datos»).
   La entrada (login, alta, contraseña, revisión) sigue oscura como la web; DENTRO del panel
   (index, perfil, ofertas, escáner) va en claro con los detalles en naranja. La cabecera se queda
   oscura en todas: es la marca. Se activa con <body class="tema-claro">. */
body.tema-claro{
  --cream:#F7F5F2;          /* fondo de página y de los campos */
  --white:#FFFFFF;          /* tarjetas */
  --card:#E7E1D9;           /* bordes y fichas */
  --black:#161412;          /* texto */
  --gray:#5C5750;--gray-light:#8C857C;
  --brown:#6B4423;
  --red:#D63A3A;--green:#2F9E4A;
  color-scheme:light;
  background:var(--cream);
}
body.tema-claro nav{background:#FFFFFF!important;border-bottom-color:var(--card)!important}
body.tema-claro .rf-chip{background:#FFFFFF}
/* MC-RF-ROBLE-30SEP-2026 (89.ª): la regla de arriba pesaba más que .rf-chip.sel y el chip elegido salía
   blanco sobre blanco en el perfil (el tipo de negocio elegido no se veía). Visto probando el horario. */
body.tema-claro .rf-chip.sel{background:var(--orange);border-color:var(--orange);color:#fff}

/* MC-PORTAL-CASCO-21SEP-2026 (Mario: «desde el panel de negocio no puedo ir dándole al casco»):
   el casco y «MOTOCLUBes» de la cabecera eran imagen y texto sueltos; ahora llevan a la portada. */
.marca-portal{display:flex;align-items:center;gap:10px;color:inherit;text-decoration:none}
.marca-portal:hover span{color:var(--orange)}
/* MC-RF-MOVIL-30SEP-2026 (89.ª): en el móvil la cabecera no cabía (marca + nombre del negocio + «Cerrar sesión»)
   y empujaba toda la página a la derecha: papelera y textos cortados (foto de Mario, iPhone). Ahora el nombre se
   recorta con «…», el botón no se aplasta y en pantallas estrechas se esconde la palabra MOTOCLUBes (queda el casco). */
header{gap:10px}
header .header-left{min-width:0;flex:1 1 auto}
header .biz-name{min-width:0;flex:0 1 auto;max-width:none!important}
header .btn-logout{flex-shrink:0;white-space:nowrap}
@media (max-width:520px){
  header{padding-left:14px!important;padding-right:14px!important}
  header .brand,header .sep{display:none}
}