card-iAcard-iAcard-iAcard-iAcard-iAcard-iA* {
    scroll-behavior: smooth;
    margin: 0;
    padding: 0;
    box-sizing: border-box;
  }
  
  
  body {
    font-family: 'Open Sans';
    align-items: center;
    justify-content: center;
    background-color: #F7F7F7;
  }
  
  
  .redondeado{
      border-radius: 2em; 
  }
  
  
  .font-iA{
      font-family: 'Century Gothic';
  }
  
  
  .mb-0-iA{
    font-size: 35px;
    color: #2E2E2E;
    font-family: 'Century Gothic';
    margin-top: 10px;
  
  }

  .contenedor{
    width: 60%; 
    height: auto; 
    background-color: #efefef; 
    color: #1a1a1a; 
    margin-top: 0%; 
    padding-bottom: 30px; 
    margin-bottom: 60px; 
    border-radius: 45px;
    box-shadow: 0px 3px 6px rgba(0, 0, 0, .2);
}
  
  .card-header-iA{
    padding: 28px 28px 4px 28px;
  }
  
  /* ------------------------------- Barra de Buasqueda ----------------------------------------*/
  
  .search-iA{
    width: 100%;
    margin-top: 20px;
    padding: 8px 15px 8px 15px;
    border-color: rgba(000, 000, 000, 0.2);
    background: #FFF;
    font-size: 16px;
    outline-color: rgba(255, 104, 1, 0.8);
    border-radius: 25px;
    margin-bottom: 10px;
    font-family: 'Century Gothic'
  }
  
  
  /* --------------------------------------- Pestañas -------------------------------------------------*/
  
  .btn-arriba{
      background-color: #fff;
      color: #A1A1A1;
      font-size: 14px;
      line-height: 1;
      text-align: center;
      padding: 8px 16px;
        font-weight: 200;
      border: none;
      box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.3), 0 1px rgba(255, 255, 255, 0.1);*/
      transition: all 0.2s ease-in-out;
  }
  
  
  .btn-arriba:hover {
      cursor: pointer;
        transition: 0.2s;
  }
  
  
  .btn-arriba[aria-selected="true"] {
    background-color: #ff6801;
        color: #fff;
        border: 1ps solid #E6E6E6;
        font-weight: 600;
      box-shadow: none;
        box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3), 0 1px rgba(255, 255, 255, 0.1);
        transition: 0.4s;
  }
  
  
  .btn-arriba:first-of-type {
      border-radius: 25px 0px 0px 25px;
  }
  
  
  .btn-arriba:last-of-type {
      border-radius: 0px 25px 25px 0px;
  }
  
  
  
  /* ---------------------------------------------------   Swicht  -------------------------------------------------------*/
  
  .switch-field {
  display: flex;
  background-color:none;
  
  }
  
  .switch-field .input01-iA{
  position: absolute !important;
  clip: rect(0, 0, 0, 0);
  height: 1px;
  width: 1px;
  border: 0;
  overflow: hidden;
  }
  
  .switch-field .boton01-iA {
  background-color: #fff;
  color: #A1A1A1;
  font-size: 16px;
  line-height: 1;
  text-align: center;
  padding: 8px 16px;
  font-weight: 200;
  border: none;
  box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.3), 0 1px rgba(255, 255, 255, 0.1);
  transition: all 0.2s ease-in-out;
  }
  
  .switch-field .boton01-iA:hover {
  cursor: pointer;
  transition: 0.2s;
  }
  
  .switch-field .input01-iA:checked + .boton01-iA {
  background-color: #ff6801;
  color: #fff;
  border: 1ps solid #E6E6E6;
  font-weight: 600;
  box-shadow: none;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3), 0 1px rgba(255, 255, 255, 0.1);
  transition: 0.4s;
  }
  
  .switch-field .boton01-iA:first-of-type {
  border-radius: 25px 0px 0px 25px;
  
  }
  
  .switch-field .boton01-iA:last-of-type {
  border-radius: 0px 25px 25px 0px;
  
  }
  
  
  
  
  /* --------------------------------------- Botones -------------------------------------------------*/
  
  .btn-primary-Anterior-iA{
    background-color: #E6E6E6;
    color: #2E2E2E;
    font-family: 'Century Gothic';
    border-radius: 25px;
    border: none;
    font-size: 16px;
    padding: 8px 35px 8px 35px;
    margin-left: 10px;
    
  
  }
  
  .btn-primary-Anterior-iA:hover{
    transform: translateY(-1px) ;
    transition: 0.3s;
    box-shadow: 0px 2px 4px 2px rgba(0,0,0, .2);
  }
  
  
  
  .btn-primary-Siguiente-iA{
    background-color: #ff6801;
    color: #fff;
    font-family:'Century Gothic';
    font-weight: 600;
    border: none;
    font-size: 16px;
    padding: 8px 35px 8px 35px;
    border-radius: 25px;
    margin-left: 10px;
    text-decoration: none;
  }
  
  
  .btn-primary-Siguiente-iA:hover{
    transform: translateY(-1px) ;
    transition: 0.3s;
    box-shadow: 0px 2px 4px 2px rgba(0,0,0, .2);
    text-decoration: none;
    color: #fff;
  
  }
  
  
  
  
  
  /* -------------------------------------- Botones Grandes ---------------------------------------------------------*/
  
  
  .btn-primary-AnteriorG-iA{
  background-color: #E6E6E6;
  color: #2E2E2E;
  font-family: 'Century Gothic';
  border-radius: 25px;
  border: none;
  font-size: 16px;
  padding: 8px 35px 8px 35px;
  margin-left: 10px;
  margin-bottom: 5px;
  
  
  }
  
  .btn-primary-AnteriorG-iA:hover{
  transform: translateY(-1px) ;
  transition: 0.2s;
  box-shadow: 0px 2px 4px 2px rgba(0,0,0, .2);
  }
  
  
  
  .btn-primary-SiguienteG-iA{
  background-color: #ff6801;
  color: #fff;
  font-family:'Century Gothic';
  font-weight: 600;
  border: none;
  font-size: 16px;
  padding: 8px 35px 8px 35px;
  border-radius: 25px;
  margin-left: 10px;
  margin-top: 5px;
  }
  
  
  .btn-primary-SiguienteG-iA:hover{
  transform: translateY(-1px) ;
  transition: 0.3s;
  box-shadow: 0px 2px 4px 2px rgba(0,0,0, .2);
  
  }
  
  
  /*----------------------------------------------------------------------------------------------------------------------------------*/
  
  
  
  /* -------------------------------------------------------- Botones acciones ------------------------------------------*/
  
  .boton-accion-iA{
  background-color: #E6E6E6;
  color: #2E2E2E;
  font-family: 'Century Gothic';
  border-radius: 25px;
  border: none;
  font-size: 16px;
  padding: 8px 35px 8px 35px;
  margin-left: 10px;
  margin-top: 20px;
  font-weight: 500;
  transition: 0.2s;
  
  }
  
  .boton-accion-iA:hover{
  color: #FFF;
  transform: translateY(-1px) ;
  transition: 0.3s;
  box-shadow: 0px 2px 4px 2px rgba(0,0,0, .2);
  background-color: #ff6801;
  font-weight: 600;
  }
  
  .boton-accion-iA:active{
  box-shadow:  0px 2px 4px 2px rgba(255,104,1, .2);
  outline: #ff6801;
  border-color: #ff6801;
  font-weight: 600;
  }
  
  /********************************************************************************/
  
  .boton-accion-iA-C{
  background-color: #E6E6E6;
  color: #2E2E2E;
  font-family: 'Century Gothic';
  border-radius: 25px;
  border: none;
  font-size: 16px;
  padding: 8px 35px 8px 35px;
  margin-left: 10px;
  /*margin-top: 20px;*/
  font-weight: 500;
  transition: 0.2s;
  
  }
  
  .boton-accion-iA-C:hover{
  color: #FFF;
  transform: translateY(-1px) ;
  transition: 0.3s;
  box-shadow: 0px 2px 4px 2px rgba(0,0,0, .2);
  background-color: #ff6801;
  font-weight: 600;
  }
  
  .boton-accion-iA-C:active{
  box-shadow:  0px 2px 4px 2px rgba(255,104,1, .2);
  outline: #ff6801;
  border-color: #ff6801;
  font-weight: 600;
  }
  
  
  /* ------- Boton PDF ------*/
  
  
  .boton-pdf-iA{
  background-color: #E6E6E6;
  color: #2E2E2E;
  font-family: 'Century Gothic';
  border-radius: 25px;
  border: none;
  font-size: 16px;
  padding: 5px 35px 5px 35px;
  margin-left: 10px;
  margin-top: 20px;
  font-weight: 500;
  transition: 0.1s;
  }
  
  .boton-pdf-iA:hover{
  background-color: #FF3E3E;
  color:#FFF;
  box-shadow: 0px 2px 4px 2px rgba(0,0,0, .2);
  font-weight: 600;
  
  }
  
  /*-----------------------------------------*/
  
  
  
  /* ------- Boton Editar ------*/
  
  
  .boton-editar-iA{
  background-color: #E6E6E6;
  color: #2E2E2E;
  font-family: 'Century Gothic';
  border-radius: 25px;
  border: none;
  font-size: 16px;
  padding: 5px 35px 5px 35px;
  margin-left: 10px;
  margin-top: 20px;
  font-weight: 500;
  transition: 0.1s;
  }
  
  .boton-editar-iA:hover{
  background-color: #00DCA8;
  color:#FFF;
  box-shadow: 0px 2px 4px 2px rgba(0,0,0, .2);
  font-weight: 600;
  
  }
  
  /*-----------------------------------------*/
  
  /* ------- Boton Salir ------*/
  
  
  .boton-salir-iA{
  background-color: #E6E6E6;
  color: #2E2E2E;
  font-family: 'Century Gothic';
  border-radius: 25px;
  border: none;
  font-size: 16px;
  padding: 5px 35px 5px 35px;
  margin-left: 10px;
  margin-top: 20px;
  font-weight: 500;
  transition: 0.1s;
  }
  
  .boton-salir-iA:hover{
  background-color: #D40000;
  color:#FFF;
  box-shadow: 0px 2px 4px 2px rgba(0,0,0, .2);
  font-weight: 600;
  
  }
  
  /*-----------------------------------------*/
  
  
  /* ------- Boton Timbrar ------*/
  
  .boton-timbrar-iA{
  background-color: #E6E6E6;
  color: #2E2E2E;
  font-family: 'Century Gothic';
  border-radius: 25px;
  border: none;
  font-size: 16px;
  padding: 5px 35px 5px 35px;
  margin-left: 10px;
  margin-top: 20px;
  font-weight: 500;
  transition: 0.1s;
  margin: 4px;
  }
  
  .boton-timbrar-iA:hover{
  background-color: #FCC100;
  color:#FFF;
  box-shadow: 0px 2px 4px 2px rgba(0,0,0, .2);
  font-weight: 600;
  
  }
  
  /*-------------------------------*/
  
  /* ------- Boton XML ------*/
  
  .boton-XML-iA{
  background-color: #E6E6E6;
  color: #2E2E2E;
  font-family: 'Century Gothic';
  border-radius: 25px;
  border: none;
  font-size: 16px;
  padding: 5px 35px 5px 35px;
  margin-left: 10px;
  margin-top: 20px;
  font-weight: 500;
  transition: 0.1s;
  margin: 4px;
  }
  
  .boton-XML-iA:hover{
  background-color: #075122;
  color:#FFF;
  box-shadow: 0px 2px 4px 2px rgba(0,0,0, .2);
  font-weight: 600;
  
  }
  
  /*-------------------------------*/
  
  
  /* ------- Boton Enviar por coreo ------*/
  
  .boton-correo-iA{
  background-color: #E6E6E6;
  color: #2E2E2E;
  font-family: 'Century Gothic';
  border-radius: 25px;
  border: none;
  font-size: 16px;
  padding: 5px 35px 5px 35px;
  margin-left: 10px;
  margin-top: 20px;
  font-weight: 500;
  transition: 0.1s;
  margin: 4px;
  }
  
  .boton-correo-iA:hover{
  background-color: #0E76FF;
  color:#FFF;
  box-shadow: 0px 2px 4px 2px rgba(0,0,0, .2);
  font-weight: 600;
  
  }
  
  /*-------------------------------*/
  
  /* ------- Boton Enviar por CLonar------*/
  
  .boton-clonar-iA{
  background-color: #E6E6E6;
  color: #2E2E2E;
  font-family: 'Century Gothic';
  border-radius: 25px;
  border: none;
  font-size: 16px;
  padding: 5px 35px 5px 35px;
  margin-left: 10px;
  margin-top: 20px;
  font-weight: 500;
  transition: 0.1s;
  margin: 4px;
  }
  
  .boton-clonar-iA:hover{
  background-color: #0edbff;
  color:#FFF;
  box-shadow: 0px 2px 4px 2px rgba(0,0,0, .2);
  font-weight: 600;
  
  }
  
  /*-------------------------------*/
  
  
  /* ------- Boton Agregar------*/
  
  .boton-agregar-iA{
  background-color: transparent;
  color: #ff6801;
  font-family: 'Century Gothic';
  border-radius: 25px;
  border: solid #ff6801;
  font-size: 16px;
  padding: 8px 35px 8px 35px;
  margin-left: 10px;
  margin-top: 20px;
  font-weight: 500;
  transition: 0.1s;
  margin: 4px;
  }
  
  .boton-agregar-iA:hover{
  background-color: #ff6801;
  color:#FFF;
  box-shadow: 0px 2px 4px 2px rgba(0,0,0, .2);
  font-weight: 600;
  
  }
  
  /*-------------------------------*/
  
  
  
  
  
  
  
  /* --------------------------------------------- Campo de Texto ------------------------------------------------------------------------*/
  
  .form-label-desact-iA{
      display:block;
      width: 100%;
      padding: .3125rem 1rem;
      border-color: rgba(000, 000, 000, 0.2);
      background: #E6E6E6;
      font-family: 'Century Gothic';
      font-size: 16px;
      font-weight: 400;
      line-height: 1.5;
      outline-color:  rgba(255, 104, 1, 0.8);
      border-radius: 2em;
      background-clip:padding-box;
      -webkit-appearance:none;
      -moz-appearance:none;
      appearance:none;
      -webkit-box-shadow:var(--falcon-box-shadow-inset);
      box-shadow:var(--falcon-box-shadow-inset);
      -webkit-transition:border-color .15s ease-in-out,-webkit-box-shadow .15s ease-in-out;
      transition:border-color .15s ease-in-out,-webkit-box-shadow .15s ease-in-out;
      -o-transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out;
      transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out;
      transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out,-webkit-box-shadow .15s ease-in-out
  }
  
  .form-label-iA{
    font-size: 16px;
    font-weight: 700;
    color: #2E2E2E;
    margin-bottom: 0px;
    margin-left: 0px;
    margin-top: 15px;
  
  }
  
  .form-label-iA-Gr{
    font-size: 20px;
    font-weight: bold;
    color: #2E2E2E;
    margin-bottom: 0px;
    margin-left: 15px;
    margin-top: 15px;
  
  }
  
  .form-label-iA-Pe{
    font-size: 15px;
    font-weight: bold;
    color: #2E2E2E;
    margin-bottom: 0px;
    margin-left: 15px;
    margin-top: 15px;
  
  }
  
  
  .form-control-iA{
    width: 100%;
    padding: 8px 15px 8px 15px;
    border-color: rgba(000, 000, 000, 0.2);
    background: #FFF;
    font-size: 16px;
    outline-color:  rgba(255, 104, 1, 0.8);
    border-radius: 25px;
  }
  
  .form-control-iA-def{
    width: 100%;
    padding: 8px 15px 8px 15px;
    border-color: rgba(000, 000, 000, 0.2);
    background: #E6E6E6;
    font-size: 16px;
    outline-color:  rgba(255, 104, 1, 0.8);
    border-radius: 25px;
  }
  
  .form-select-iA{
    width: 100%;
    padding: 8px 15px 8px 15px;
    border-color: rgba(000, 000, 000, 0.2);
    background: #FFF;
    font-size: 16px;
    outline-color:  rgba(255, 104, 1, 0.8);
    border-radius: 25px;
  }
  
  /*.form-control-line-iA{
  width: 100%;
  padding: 4px 15px 4px 15px;
  border-color: rgba(000, 000, 000, 0.2);
  background: #FFF;
  font-size: 16px;
  outline-color:  rgba(255, 104, 1, 0.8);
  border-radius: 25px;
  }
  */
  
  
  .form-label-line-iA{
      display: inline-block;
      font-size: 16px;
      font-weight: 700;
      
      color: #2E2E2E;
      margin-bottom: 8px;
          
  
  }
  
  
  .from-control-line-iA{
      font-size: 14px;
      font-weight: 400;
      
      border: 0px 0px 0px 1px;
      color: #2E2E2E;
      border-color: #2E2E2E;
      
      
  }
  /*--------------------------------*/
  
  .form-select-iA{
    border-radius: 25px;
  }
  
  
  /* ----------------------------------------------- Desplegable iA -----------------------------------------*/
  
  .choices__inner-iA {
  display: inline-block;
  vertical-align: top;
  width: 100%;
  background-color: #f9f9f9; 
  padding: 4px 15px 4px 15px;
  border: 1px solid #dddddd;
  /*border-radius: 2.5px;*/
  border-radius:2em;	
  font-size: 14px;
  min-height: 44px;
  overflow: hidden;
  font-family: "Century Gothic";
  outline-color: #ff6801;
  
  }
  
  .is-focused .choices__inner-iA,
  .is-open .choices__inner-iA {
  border-color: #b7b7b7 ;
  }
  
  .is-open .choices__inner-iA {
  /*border-radius: 2.5px 2.5px 0 0;*/
  border-radius:25px 25px 0 0;	
  }
  
  .is-flipped.is-open .choices__inner-iA {
  /*border-radius: 0 0 2.5px 2.5px;*/
  border-radius: 0 0 25px 25px;	
  }
  
  
  /* ----------------------------------------------- Iconos en Input -----------------------------------------*/
  
  .input-group-text-iA{
      text-align: center;
        width: 100%;
        border: 0.16px solid rgba(000, 000, 000, 0.2);
        padding: 11px 15px 10px 15px;
        border-radius: 0px 25px 25px 0px;
      background-color: #FFF;
      position: relative;
        bottom: -10px;
      font-size: 16px;
  }
  
  

  .logo-head{
    width: 400px; 
    margin-top: 30px;
  }
  

  .tiulo01{
    width: 600px; 
    font-size: 40px; 
    font-weight: 600; 
    padding: 20px 10px 20px 10px; 
    margin-top: 60px; 
    margin-bottom: 10px;
}

.lap-fac{
    width: 30%;
    margin-top: 10px;
}

.flecha-der{
    margin-top: 80px;
}

.cliente-logo{
    width: 60%;
    margin-top: 10px;
}

.textmini{
    font-size: 12px;
    color: #ff6801;
}
  

/*============================================================== footer =====================================================*/


/* footer */

footer{
  background: #181818;
  padding: 60px 0 30px 0;
  margin: auto;
  overflow: hidden;
}

.contenedor-footer{
  display: flex;
  width: 90%;
  justify-content: space-evenly;
  margin: auto;
  padding-bottom: 50px;
  border-bottom: 1px solid #ccc;
}

.content-foo{
  text-align: center;
}

.content-foo h4{
  color: #fff;
  border-bottom: 3px solid #FF6801;
  padding-bottom: 5px;
  margin-bottom: 10px;
}

.content-foo p{
  color: #ccc;
}

.titulo-final{
  text-align: center;
  font-size: 24px;
  margin: 20px 0 0 0;
  color: #9e9797;
}


.terminos-condiciones-t{
  text-align: left;
  max-width: 700px;
  font-size: 25px;
  color: #fff;
  text-decoration: none;
}

.terminos-condiciones-s{
  max-width: 700px;
  text-align: left;
  color: #fff;
  text-decoration: none;
}

.icon-redes{
  margin-right: 8px;
  width: 30px;
  align-items: flex-start;
}

.vm{
  text-align: left;
  margin-top: 15px;
  font-size: 16px;
  font-weight: 700;
  color: #fff;
  align-items: flex-start;
  justify-content: left;
  justify-items: left;
  text-decoration: none;
}

.vm:hover{
  color: #ff6801;
  text-decoration: none;
}


/*--------*/
@media screen and (max-width:900px) {
  .cards .card {
    height: 450px;
    display: flex;
    flex-direction: column;
    align-items: center;
  }

  .contenedor-footer {
    flex-direction: column;
    border: none;
  }


  .contenedor-footer {
    display: flex;
    width: 90%;
    justify-content: space-evenly;
    margin: auto;
    padding-bottom: 50px;
    border-bottom: 1px solid #ccc;
  }

  .paquetes-cards {
    margin-right: 30PX;
    width: 70%;
    justify-content: space-evenly;
    display: flex;
    flex-direction: column;
  }
}


/*------------------*/
@media screen and (max-width:500px) {
  .contenedor-footer {
    flex-direction: column;
    border: none;
  }

  .content-foo {
    margin-bottom: 20px;
    text-align: center;
  }

  .content-foo h4 {
    border: none;
  }

  .content-foo p {
    color: #ccc;
    border-bottom: 1px solid #f2f2f2;
    background-color: #343434 padding-bottom: 20px;
  }

  .titulo-final {
    font-size: 20px;
  }
}

/*========================================================================================================================*/


.video01{
    align-items: center;
    align-content: center;
    width: 25%;

}

.video{
    align-items: center;
    align-content: center;
    width: 70%;
    

}

.icon-footer{
    height: 20PX;
    align-content: center;
    margin-left: 90px;
    float: center;
    margin-top: 30px;
    max-width: 60%;
    

}

.cont-lap{
    background: linear-gradient(to left,#FFBA0B, #FF6909);
    
    
}


.titulo-laptop{
    margin-top: 30px;
    font-size: 60px;
    text-align: center;
}

.sub-laptop{
    text-align: center;
    font-size: 25px;
    letter-spacing: 4px;
}