#modal-porque-elegir {
  display: none;
}

#modal-porque-elegir.is-open {
  display: block;
}

#modal-porque-elegir {
  display: none;
}

#modal-porque-elegir.is-open {
  display: block;
  position: fixed;
  inset: 0;
  background: rgba(0,0,0,.6);
  z-index: 10000;
}

/* overlay wrapper */
#modal-porque-elegir > div {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
}

/* el diálogo */
#modal-porque-elegir [role="dialog"] {
  background: #fff;
  padding: 2rem;
  max-width: 640px;
  width: 90%;
  max-height: 90vh;
  overflow-y: auto;
  border-radius: 8px;
}


.texto-modal-porques ul {
  list-style: none;
  padding-left: 0;
}

.texto-modal-porques li {
  padding-left: 1.2em;
  position: relative;
}

.texto-modal-porques li::before {
  content: "•";
  position: absolute;
  left: 0;
}

.no-bottom-border{
  border-bottom: 0px!important;
}

.porque-elegir-controls button.slick-prev.slick-arrow, .porque-elegir-controls button.slick-prev.slick-arrow{
  fill: white!important;
}

.porque-elegir-controls button.slick-next.slick-arrow{
  fill: white!important;
}

.porque-elegir-controls button.slick-next.slick-arrow.slick-disabled{
  fill: gray!important;
}

.porque-elegir-controls button.slick-prev.slick-arrow{
  fill: white!important;
}

.porque-elegir-controls button.slick-prev.slick-arrow.slick-disabled{
  fill: gray!important;
}

.porque-elegir-controls .slick-dots li button:before {
  color: #999;      /* color del puntito */
  opacity: 1;       /* importante */
  font-size: 10px;  /* tamaño del dot */
}

/* Dot activo */
.porque-elegir-controls .slick-dots li.slick-active button:before {
  color: white;
}