.cursor {
  display: none;
}

@media screen and (min-width: 1024px) {
  .cursor {
    z-index: 99999;
    display: block;
    position: fixed;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    transform: translate(-50%, -50%);
    pointer-events: none;
  }
  .cursor p {
    width: 100%;
    position: absolute;
    left: -50px;
    font-size: 20px;
    white-space: nowrap;
    margin-top: 28px;
    letter-spacing: 2px;
  }
  .cursor .cursor-special-text {
    display: none;
  }



  .about-section:hover ~ .cursor {
    background-color: white;
  }
  .servicios-section:hover ~ .cursor {
    background-color: #a42138;
  }
  .interes-section:hover ~ .cursor {
    background-color: #a42138;
  }
  .contacto-section:hover ~ .cursor {
    background-color: white;
  }
  .footer-content:hover ~ .cursor {
    background-color: white;
  }
  .detalles-servicio-popup:hover ~ .cursor {
    background-color: white;
  }
}
.popup-container {
  display: none;
}
.popup-container .detalles-servicio-popup {
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  max-width: 580px;
  padding: 2rem 2rem;
  background-color: #a42138;
  transition: 0.5s;
  overflow: hidden;
  z-index: 99999;
}
.popup-container .detalles-servicio-popup span {
  font-family: sans-serif;
  font-weight: bold;
  position: absolute;
  top: 0;
  right: 5%;
  margin: 1rem;
  cursor: pointer;
  font-size: 25px;
  width: 20px;
  height: 20px;
  color: white;
}
.popup-container .detalles-servicio-popup .carousel {
  position: relative;
  width: 100%;
  height: 100%;
}
.popup-container .detalles-servicio-popup .carousel .slider {
  display: flex;
  height: 100%;
  width: 400%;
}
.popup-container .detalles-servicio-popup .carousel .slider section {
  flex-basis: 100%;
  justify-content: center;
  align-items: center;
  display: flex;
  flex-direction: column;
  text-align: center;
}
.popup-container .detalles-servicio-popup .carousel .slider section .section-content {
  color: white;
  padding: 0 3rem;
}
.popup-container .detalles-servicio-popup .carousel .slider section .section-content h2 {
  font-size: 2rem;
  font-weight: normal;
  text-transform: uppercase;
  margin-top: 1rem;
  user-select: none;
}
.popup-container .detalles-servicio-popup .carousel .slider section .section-content p {
  font-size: 17px;
color: white;
user-select: none;
width: 100%;
margin: 50px auto;
line-height: 23px;
text-align: left;
}
.popup-container .detalles-servicio-popup .carousel .left, .popup-container .detalles-servicio-popup .carousel .right {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  cursor: pointer;
}
.popup-container .detalles-servicio-popup .carousel .sucursal__arrow i {
  color: white;
  cursor: pointer;
  font-size: 1.7rem;
}
.popup-container .detalles-servicio-popup .carousel .left {
  left: -12px;
}
.popup-container .detalles-servicio-popup .carousel .right {
  right: -12px;
}
.popup-container .detalles-servicio-popup .carousel .control ul {
  list-style: none;
  display: flex;
  position: absolute;
  bottom: 0;
  left: 50%;
  margin: 0;
  padding: 0;
  transform: translate(-50%);
}
.popup-container .detalles-servicio-popup .carousel .control ul li {
  width: 10px;
  height: 10px;
  background: white;
  border: 2px solid white;
  border-radius: 50px;
  margin: 10px;
  cursor: pointer;
}
.popup-container .detalles-servicio-popup .carousel .control ul li.selected {
  background: transparent;
}
.popup-container .popup-backdrop {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 9999;
}

.popup-submitted {
  display: none;
}
.popup-submitted .submit-popup-container {
  display: flex;
  flex-direction: column;
  justify-content: center;
  position: fixed;
  top: 45%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  max-width: 580px;
  padding: 2rem 2rem;
  background-color: #025694;
  transition: 0.5s;
  overflow: hidden;
  z-index: 99999;
}
.popup-submitted .submit-popup-container .popup-text-details {
  color: white;
  padding: 0 2rem;
  margin-bottom: 20px;
  font-size: 20px;
}
.popup-submitted .submit-popup-container .popup-text-details h1 {
  text-align: center;
  font-size: 50px;
}
.popup-submitted .submit-popup-container button {
  width: 120px;
  margin: 0 auto;
  border: none;
  background-color: #025694;
  color: white;
  border: 1px solid white;
  padding: 1rem;
  font-size: 20px;
  cursor: pointer;
}
.popup-submitted .submit-popup-container button:hover {
  background-color: white;
  color: #025694;
}

@media screen and (min-width: 768px) {
  .detalles-servicio-popup {
    width: 70%;
    padding: 2rem 2rem;
  }
  .detalles-servicio-popup span {
    top: 0;
    right: 0;
  }
  .detalles-servicio-popup .carousel .slider section .section-content {
    color: white;
    padding: 0 4rem;
  }
  .detalles-servicio-popup .carousel .slider section .section-content h2 {
    font-size: 2rem;
    text-transform: uppercase;
    padding: 0.5rem;
    user-select: none;
  }
  .detalles-servicio-popup .carousel .slider section .section-content p {
    font-size: 20px;
    color: white;
    user-select: none;
    width: 100%;
    margin: 0 auto;
    padding: 2rem 0 5rem 0;
    line-height: 30px;
  }
  .detalles-servicio-popup .carousel .left, .detalles-servicio-popup .carousel .right {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    cursor: pointer;
  }
  .detalles-servicio-popup .carousel .sucursal__arrow i {
    color: white;
    cursor: pointer;
    font-size: 1.7rem;
  }
  .detalles-servicio-popup .carousel .left {
    left: -12px;
  }
  .detalles-servicio-popup .carousel .right {
    right: -12px;
  }
  .detalles-servicio-popup .carousel .control ul {
    list-style: none;
    display: flex;
    position: absolute;
    bottom: 0;
    left: 50%;
    margin: 0;
    padding: 0;
    transform: translate(-50%);
  }
  .detalles-servicio-popup .carousel .control ul li {
    width: 10px;
    height: 10px;
    background: white;
    border: 2px solid white;
    border-radius: 50px;
    margin: 10px;
    cursor: pointer;
  }
  .detalles-servicio-popup .carousel .control ul li.selected {
    background: transparent;
  }
}
/*.contenido-popup {

        width: 100%;
        position: relative;
        text-align: center;

        h2 {
            width: 100%;
            text-align: center;
            font-size: 1.8rem;
            font-weight: 700;
            text-transform: uppercase;
            margin: 1rem 0;
            user-select: none;
            color: white;
        }

        p {
            font-size: 25px;
            color: white;
            user-select: none;
            width: 100%;
            margin: 0 auto;
            padding-top: 1rem;
            line-height: 30px;
        }
    }
}
}*/
.detalles-servicio-popup.active {
  top: 50%;
  visibility: visible;
  opacity: 1;
  transition: 0.5s;
}

.popup.active {
  display: block;
}

/*# sourceMappingURL=effects.css.map */