/* Estilos para pantallas "md" (768px o más) */

#cookie-consent-container {
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  background-color: #f0f0f0;
  padding: 10px;
  text-align: center;
  box-shadow: 0 -2px 10px rgba(0, 0, 0, 0.1);
  z-index: 1000;
}
.credit-card-group-twr {
background-color: #f0f0f0 !important;
}
.cookie-consent-accept,
.cookie-consent-decline {
  margin-top: 10px;
}
.pagoform{
  height: 300px;
}
@media (max-width: 992px) {
  /* Estilos para "md" y mayores */
  .terms {
    margin: 20px;  /* Agrega tus estilos para "md" y mayores aquí */
    max-height: 20vh;
  }
  .checktermsm {
    display: block !important;
    margin-top: 20px;
    margin-inline-end: 40px;
    margin-inline-start: 20px;
  }
  .checktermss {
    display: none !important;
  }
  .tita {
    font-size: 2rem!important;
    font-weight: 700!important;
    }
}


/* Estilos para pantallas mayores que "md" (992px o más) */
@media (min-width: 993px) {
  .terms {
    margin: 10px;  /* Agrega tus estilos para mayores que "md" aquí */
    max-height: 20vh;
  }
  .checktermss {
    display: block !important;
    margin: 40px
  }
  .checktermsm {
    display: none !important;
  }
  .cci{
    margin-top: 100px !important;
    }
  .tita{
    font-size: 3.5rem!important;
    font-weight: 700!important;
  }
}

.pasarela-modal-body {
  background-image: url(../img/carga.jpg);
  background-size: cover; /* Ocupa todo el ancho disponible */
  background-repeat: no-repeat; /* No se repite la imagen */
  max-height: 400px; /* Altura máxima de 200px */
  padding: 0px;

  /* Centrar vertical y horizontalmente */
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  text-align: center; /* Alinea el texto horizontalmente */

  /* Otras propiedades de estilo si es necesario */
}

.navbar-scroll {
  background-color: #ffffff !important;
  transition: background-color 0.3s ease; /* Agrega una transición suave para suavizar el cambio de color */
}

.custom-tooltip {
  --bs-tooltip-bg: var(--bs-primary);
}

.modal-body::-webkit-scrollbar {/* Estilo del scrollbar */
  width: 5px; /* Ancho del scrollbar */
}

    
.modal-body::-webkit-scrollbar-thumb {/* Estilo del scrollbar thumb (la parte que se arrastra) */
  background-color: #888; /* Color del thumb */
  border-radius: 6px; /* Borde redondeado */
}
        
.custom-progress {  /* Estilo del Barra de progresso en hover */
  height: 30px !important;
  position: relative;
}
.custom-progress .progress-bar {
  width: 0;
}

.text-percentage {
  font-size: 20px;
  font-weight: bold;
}
        
.percentage-text {
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  line-height: 30px;
  color: #000;
  font-size: 20px;
  font-weight: bold;
}

@keyframes progressAnimation {
  0% {
    width: 0;
  }
  100% {
    width: 100%;
  }
}  /* FIN Estilo del Barra de progresso en hover */


    .modal-body::-webkit-scrollbar-thumb:hover {    /* Estilo del scrollbar en hover */
      background-color: #555; /* Color en hover */
    }

      /* Variables */
      * {
        box-sizing: border-box;
      }

      .accordion-flush .accordion-item {
        margin-top: 30px;
      }


      .hidden {
        display: none;
      }

      #payment-message {
        color: rgb(105, 115, 134);
        font-size: 16px;
        line-height: 20px;
        padding-top: 12px;
        text-align: center;
      }

      #payment-element {
        margin-bottom: 24px;
      }

      /* Buttons and links */
      button {
        background: #5469d4;
        font-family: Arial, sans-serif;
        color: #ffffff;
        border-radius: 4px;
        border: 0;
        padding: 12px 16px;
        font-size: 16px;
        font-weight: 600;
        cursor: pointer;
        display: block;
        transition: all 0.2s ease;
        box-shadow: 0px 4px 5.5px 0px rgba(0, 0, 0, 0.07);
        width: 100%;
      }
      button:hover {
        filter: contrast(115%);
      }
      button:disabled {
        opacity: 0.5;
        cursor: default;
      }

      /* spinner/processing state, errors */
      .spinner,
      .spinner:before,
      .spinner:after {
        border-radius: 50%;
      }
      .spinner {
        color: #ffffff;
        font-size: 22px;
        text-indent: -99999px;
        margin: 0px auto;
        position: relative;
        width: 20px;
        height: 20px;
        box-shadow: inset 0 0 0 2px;
        -webkit-transform: translateZ(0);
        -ms-transform: translateZ(0);
        transform: translateZ(0);
      }
      .spinner:before,
      .spinner:after {
        position: absolute;
        content: "";
      }
      .spinner:before {
        width: 10.4px;
        height: 20.4px;
        background: #5469d4;
        border-radius: 20.4px 0 0 20.4px;
        top: -0.2px;
        left: -0.2px;
        -webkit-transform-origin: 10.4px 10.2px;
        transform-origin: 10.4px 10.2px;
        -webkit-animation: loading 2s infinite ease 1.5s;
        animation: loading 2s infinite ease 1.5s;
      }
      .spinner:after {
        width: 10.4px;
        height: 10.2px;
        background: #5469d4;
        border-radius: 0 10.2px 10.2px 0;
        top: -0.1px;
        left: 10.2px;
        -webkit-transform-origin: 0px 10.2px;
        transform-origin: 0px 10.2px;
        -webkit-animation: loading 2s infinite ease;
        animation: loading 2s infinite ease;
      }

      @-webkit-keyframes loading {
        0% {
          -webkit-transform: rotate(0deg);
          transform: rotate(0deg);
        }
        100% {
          -webkit-transform: rotate(360deg);
          transform: rotate(360deg);
        }
      }
      @keyframes loading {
        0% {
          -webkit-transform: rotate(0deg);
          transform: rotate(0deg);
        }
        100% {
          -webkit-transform: rotate(360deg);
          transform: rotate(360deg);
        }
      }

      @media only screen and (max-width: 600px) {
        form {
          
          min-width: initial;
        }
      }

.tirastart {
  background: #0060b0;
  min-height: 100vh;
  display: flex;
  align-items: center;
}
.primertext {
  color: #fff;
  padding-bottom:50px;
}
.indextext {
  color: #fff;
  padding-top: 100px;
}
.phonedes {
  padding-bottom: 15px;
  padding-top: 15px;
}
.colpad {
  padding-top: 20px;
}
.noned {
  display: none;
}
.intromail {
  font-size: 16px;
  color: #fff;
  font-weight: 400;
}
.terms {
  font-size: 12px;
  overflow-y: auto;
  text-align: justify;
  background: #dfecff7d;
}
.text20 {
  font-size: 20px;
}
.text40 {
  font-size: 40px;
}
.text16{
  font-size: 16px;
}
.w100 {
  width: 100%;
}
.bghcusto {
  background: #0d6efdf2;

}
.pasarela1 {
  display:inline;
  font-size: 18px;
  color: #fff;
}
.trial {
  color:#698cbfd9 !important
}
.minprice {
  font-size: calc(2.3rem + .6vw);
}
.foconb {
  background: #fbfbfb;
}
.phoneloc {
 color: #fff;
 font-size: 22px;
}
.cvvhelp {
--bs-tooltip-bg: var(--bs-primary);
}
.buttongo {
  margin-top: 30px;
  border-radius: 10px;
}
.temperror {
  background-color: #ff001633;
  color: #ff001a80;
  box-shadow: inset 0px 0px 10px 0px rgb(255 0 0);
  text-shadow: 0px 0px 0px white;
}
.tarcard {
  width:32px;
}
.cdf {
  font-size: 12px;
  color: #cbcbcb !important;
}
.cuadros4 {
  background: #f8f9fa;
  min-height: 100vh;
  padding-top: 60px;
}
.cardw {
  max-width: 540px;
}
.bbttop {
  padding-top: 90px;
  padding-bottom: 90px;
}
.recbotop {
  box-shadow: 0 .5rem 1rem rgba(0,0,0,.15)!important;
  background-color: #0060b0  !important;
  box-shadow: 0 1px 9px 1px rgba(0,0,0,.15);
  -webkit-box-shadow: 0 1px 9px 1px rgba(0,0,0,.15);
  border-radius: 1.25rem!important;
}
.nemyl {
  color: #fff;
  font-weight: 400;
}
.supasect {
  background: #fff;
  min-height: 100vh;
  padding-top: 10px;
}
.rcmaep {
  font-size: 1.25rem;
  font-weight: 600 !important;
}
.paspsi {
  margin-top: 60px;
  padding-top: 50px;
}
.paso4 {
  width: 2rem;
  height: 2rem;
}
.dfaqs {
  background-color: rgba(var(--bs-light-rgb),var(--bs-bg-opacity))!important;
  --bs-bg-opacity: 1;
  height: auto;
  padding-top: 10px;
  padding-bottom: 80px;
}
.fasection {
  margin-top: 60px;
}
.clapris {
  background: #fff;
  min-height: 50vh;
  padding-top: 10px;
}
.npnpnp {
  margin-top: 0;
  margin-bottom: 0;
  font-weight: 400;
  font-size: 2.875rem;
}
.card {
  position: relative;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  min-width: 0;
  word-wrap: break-word;
  background-color: #fff;
  background-clip: border-box;
  border: 1px solid rgba(0,0,0,.125);
  border-radius: 0.25rem;
}
.pricingo {
  background: linear-gradient(#66717b,#646f79);
  color: #fff!important;
  padding-top: 50px;
  padding-bottom: 50px;
}
.pricingk {
  background: linear-gradient(white,#fff);
  color: #646f79!important;
  padding-top: 50px;
  padding-bottom: 50px;
}
.cpopup {
  position: fixed;
  z-index: 9999;
}
.toastpup {
  padding: 0px;
}
.termscheck {
  margin-bottom: 10px;
  border-color: #000;
  border-width: 2px;
}
.termslabel {
  margin-bottom: 10px;
  border-color: #000;
  border-width: 5px;
}
.modfoot {
  justify-content: flex-start;
}