@charset "UTF-8";
listselect {
  display: block;
  margin-bottom: 15px;
  width: 100%; /* Asegura que la directiva tome el ancho disponible */
  /* Reseteo general de p para evitar márgenes extraños */
  /* Estilos compartidos para ambas opciones */
  /* Estado Seleccionado: Más claro y con sombra para dar volumen */
  /* Estado No Seleccionado: Transparente e interactivo */
}
listselect p {
  margin: 0;
  padding: 0;
  font-size: 14px;
  font-weight: 500;
  text-align: center;
}
listselect .d_container {
  /* Estilo de la "Pista" (Track) */
  display: flex;
  width: 100%;
  height: 46px; /* Altura fija controlada aquí */
  background-color: #3e3d40; /* Fondo más oscuro para contraste */
  border-radius: 8px;
  padding: 4px; /* Espacio entre el borde y los botones */
  box-sizing: border-box; /* Crucial para que el padding no rompa el width */
  gap: 4px; /* Separación entre opciones */
  border: 1px solid #3E3D40;
}
listselect .selected, listselect .not_selected {
  flex: 1; /* MAGIA: Ocupa todo el ancho disponible equitativamente */
  display: flex;
  justify-content: center;
  align-items: center;
  height: 45px; /* Hereda la altura disponible del padre */
  border-radius: 6px;
  transition: all 0.3s ease;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
listselect .selected {
  background-color: #302f32; /* Color destacado */
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.3); /* Sombra profesional */
  color: #ffffff;
  cursor: default;
}
listselect .not_selected {
  background-color: transparent;
  color: #aaaaaa; /* Texto un poco apagado */
  cursor: pointer;
}
listselect .not_selected:hover {
  background-color: #38373a; /* Sutil brillo al pasar el ratón */
  color: #eeeeee;
}/*# sourceMappingURL=listselect.css.map */