html, body {
      margin: 0;
      padding: 0;
      height: 100%;
      width: 100%;
      background-color: #e5e5e5; /* Gris claro */
      overflow: hidden;
    }

    .slider-wrapper {
      position: fixed;
      top: 0;
      left: 0;
      width: 100vw;
      height: 100vh;
      overflow: hidden;
      background-color: #e5e5e5;
    }

    #slider1 {
      width: 100%;
      height: 100%;
    }


/* Estilo general para ambas etiquetas (ANTES / DESPUÉS) */
div.jx-image div.jx-label {
  font-weight: bold;
  font-size: 13px;
  padding: 0.4em 1em;
  border: none;
  color: #ffffff !important;
}

/* Estilo para el texto del lado izquierdo (ANTES) */
div.jx-image.jx-left div.jx-label {
  background-color: #9c9c9c !important;
  border-bottom-right-radius: 12px;
}

/* Estilo para el texto del lado derecho (DESPUÉS) */
div.jx-image.jx-right div.jx-label {
  background-color: #928763 !important;
  border-bottom-left-radius: 12px;
}

/* Línea central (rail) con sombra a ambos lados */
div.jx-control {
  background-color: #ffffff;
  width: 3px;
  margin-left: auto;
  margin-right: auto;
  height: 100%;
  box-shadow: 
    -2px 0 3px rgba(0, 0, 0, 0.3),
     2px 0 3px rgba(0, 0, 0, 0.3);
}

/* Mango central del slider (handle) con borde blanco y sombra */
div.jx-controller {
  background-color: #918764; /* dorado mate */
  border: 2px solid #ffffff; /* borde blanco */
  border-radius: 20px;
  width: 4px;
  height: 100px;
  margin: auto auto auto -3px;
  position: absolute;
  top: 0;
  bottom: 0;
  box-shadow: 
    -3px 0 3px rgba(0, 0, 0, 0.3),
     3px 0 3px rgba(0, 0, 0, 0.3);
  display: none !important;
}

/* Flechas laterales blancas con sombra */
div.jx-arrow.jx-left {
  border-style: solid;
  border-width: 8px 8px 8px 0;
  border-color: transparent #ffffff transparent transparent;
  left: 3px;
  filter: drop-shadow(0px 0 2px rgba(0, 0, 0, 0.8));
}

div.jx-arrow.jx-right {
  border-style: solid;
  border-width: 8px 0 8px 8px;
  border-color: transparent transparent transparent #ffffff;
  right: 3px;
  filter: drop-shadow(0px 0 2px rgba(0, 0, 0, 0.8));
}

/* Ocultar crédito de KnightLab */
a.jx-knightlab {
  display: none !important;
}