/* Generado automáticamente — no editar a mano. Usá /modificar/colores.php */
:root {
  --tema-cab-bg: #dde1f3;
  --tema-cab-texto: #e4da49;
  --tema-cuerpo-bg: #b3d4ff;
  --tema-cuerpo-texto: #333333;
  --tema-pie-bg: #b3b8d1;
  --tema-pie-texto: #1a1a2e;
  --tema-acento: #86a2f0;
  --tema-nav-bg: #141051;
  --tema-btn-sesion-bg: #a52c2c;
  --tema-btn-sesion-texto: #f8fb56;
  --tema-btn-sesion-borde: #d10505;
  --tema-btn-contacto-bg: #148521;
  --tema-btn-contacto-texto: #e7ea1f;
  --tema-btn-contacto-borde: #057203;
}

body {
  background-color: var(--tema-cuerpo-bg);
  color: var(--tema-cuerpo-texto);
}

.cabecera {
  background: var(--tema-cab-bg) !important;
  color: var(--tema-cab-texto) !important;
}

.cabecera a,
.lblusuario,
.divconocerte {
  color: var(--tema-cab-texto) !important;
}

.navegacion ul li a.btnprod,
.navegacion ul li a.btnped,
.navegacion ul li a.btnnos,
.navegacion ul li a.btncont {
  background-color: var(--tema-nav-bg) !important;
  border-color: var(--tema-acento) !important;
  color: var(--tema-cab-texto) !important;
}

.navegacion ul li a:hover {
  border-color: var(--tema-cab-texto) !important;
}

.carrito-badge {
  color: var(--tema-cab-bg) !important;
  background: linear-gradient(180deg, var(--tema-cab-texto) 0%, var(--tema-cab-texto) 100%) !important;
  box-shadow: 0 0 0 2px var(--tema-cab-bg), 0 2px 5px rgba(0, 0, 0, 0.4) !important;
}

main.cuerpo,
.cuerpo {
  background-color: var(--tema-cuerpo-bg);
  color: var(--tema-cuerpo-texto);
}

#lblusuarioreg,
label1#lblusuarioreg,
label1.imgusuario5 {
  background-color: var(--tema-btn-sesion-bg) !important;
  color: var(--tema-btn-sesion-texto) !important;
  border-color: var(--tema-btn-sesion-borde) !important;
}

#lblusuarioreg:hover,
label1#lblusuarioreg:hover,
label1.imgusuario5:hover {
  border-color: var(--tema-btn-sesion-texto) !important;
}

label1.botoncontacto,
.botoncontacto {
  background-color: var(--tema-btn-contacto-bg) !important;
  color: var(--tema-btn-contacto-texto) !important;
  border-color: var(--tema-btn-contacto-borde) !important;
}

label1.botoncontacto:hover,
.botoncontacto:hover {
  border-color: var(--tema-btn-contacto-texto) !important;
}

.pie {
  background: var(--tema-pie-bg) !important;
  color: var(--tema-pie-texto) !important;
}

.pie a {
  color: var(--tema-pie-texto);
}

.cue-contimg {
  background-image: url("/imagenes/super.jpg?v=1783973013") !important;
}

@media only screen and (max-width: 1220px) {
  .cue-contimg {
    background-image: url("/imagenes/supercel.jpg?v=1783973023") !important;
  }
}