#loading-indicator {

    z-index:1001;

    opacity:.75;

    -moz-opacity: 0.75;

    filter: alpha(opacity=75);

}

.modal-loading {

    display: none; /* Hidden by default */

    position: fixed; /* Stay in place */

    z-index: 1; /* Sit on top */

    padding-top: 100px; /* Location of the box */

    left: 0;

    top: 0;

    width: 100%; /* Full width */

    height: 100%; /* Full height */

    overflow: auto; /* Enable scroll if needed */

    background-color: rgb(0,0,0); /* Fallback color */

    background-color: rgba(0,0,0,0.9); /* Black w/ opacity */

}



/* Modal Content (image) */

.modal-loading-content {

    margin: auto;

    display: block;

}

/* Caption of Modal Image */

#caption {

    margin: auto;

    display: block;

    width: 80%;

    max-width: 700px;

    text-align: center;

    color: #ccc;

    padding: 10px 0;

    height: 150px;

}

/* Add Animation */

.modal-loading-content, #caption {    

    -webkit-animation-name: zoom;

    -webkit-animation-duration: 0.6s;

    animation-name: zoom;

    animation-duration: 0.6s;

}

/* 100% Image Width on Smaller Screens */

@media only screen and (max-width: 700px){

    .modal-loading-content {

        width: 100%;

    }

}

html {
    scroll-behavior: smooth;
}



:target:before {

    content: "";

    display: block;

    height: 100px;

    margin: -50px 0 0;

}



.error {

  position: relative;

  animation: shake .1s linear;

  animation-iteration-count: 3;

  border: 1px solid red;

  outline: none;

}

@keyframes shake {

  0% {

    left: -5px;

  }

  100% {

    right: -5px;

  }

}

.btn-link:hover{
  text-decoration: none;
}

.btn-link:focus{
  text-decoration: none !important;
  color: #12BBAD;
}


#beneficios a, #beneficios i, #beneficios h4{
   color: #003e6b;
   text-decoration: none !important;
}

#beneficios a:hover > *,#beneficios i:hover > *,#beneficios h4:hover > *{
   color:#5bc0de;
   text-decoration: none !important;
}

.linkFoot {
  color: #12bbad;
  text-decoration: none;
  background-color: transparent; }

.linkFoot:hover {
    color: #0b756c;
    text-decoration: none; }

.auto {
            height:auto;
            background-color:orange;
        }

#confetti-canvas {
  position:absolute;
  top:0;
}

.home-page .list-group-item {
    position: relative;
    display: block;
    padding: 0.45rem 1.25rem;
    margin-bottom: -1px;
    background-color: #fff;
    /*border: 1px solid rgba(0, 0, 0, 0.125);*/
}

#Adicionales .btn-secondary {
    color: #fff;
    /* background-color: #1754F1; */
    border-color: #1754F1;
    background-color: #6c7571;
}

#Adicionales .active {
    color: #fff;
    background-color: #1754F1;
    border-color: #1754F1;
}

/* Design */
*,
*::before,
*::after {
  box-sizing: border-box;
}

#simulador-productos h1 {
    font-size: 24px;
    font-weight: 400;
    text-align: center;
}

#simulador-productos img {
  height: 12vw;
  max-width: 100%;
  vertical-align: middle;
}

#simulador-productos .cards {
  display: flex;
  flex-wrap: wrap;
  list-style: none;
  margin: 0;
  padding: 0;
}

#simulador-productos .cards_item {
  display: flex;
  padding: 1rem;
}

@media (min-width: 40rem) {
  #simulador-productos .cards_item {
    width: 50%;
  }
}

@media (min-width: 56rem) {
  #simulador-productos .cards_item {
    width: 33.3333%;
  }
}

#simulador-productos .card {
  background-color: white;
  border-radius: 0.25rem;
  box-shadow: 0 20px 40px -14px rgba(0, 0, 0, 0.25);
  display: flex;
  flex-direction: column;
  overflow: hidden;
}

#simulador-productos .card_content {
  height:100%;
  padding: 1rem;
  background: linear-gradient(to bottom left, #b9e9ed 1%, #2596be 100%)
}

#simulador-productos .card_title {
  color: #ffffff;
  font-size: 1.1rem;
  font-weight: 700;
  letter-spacing: 1px;
  text-transform: capitalize;
  margin: 0px;
}

#simulador-productos .card_text {
  color: #ffffff;
  font-size: 0.875rem;
  line-height: 1.5;
  margin-bottom: 1.25rem;    
  font-weight: 400;
}

form-control-small {
    display: block;
    width: 100%;
    height: calc(1.5em + 0.75rem + 2px);
    padding: 0.375rem 0.75rem;
    font-size: 0.8rem;
    font-weight: 400;
    line-height: 1.5;
    color: #495057;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    border-radius: 0.25rem;
    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

.prueba{
  color:blue;
}