@import url(https://fonts.googleapis.com/css2?family=Montserrat&display=swap);
@import url(https://fonts.googleapis.com/css2?family=Raleway:wght@700&display=swap);
html,
body {
    font-family: "Roboto" !important;
    height: 100%;
    min-width:400px;
    background: rgba(244, 245, 249, 1.0);
}

#d_cabeza {
    padding: 0;
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    z-index: 1030;
}


@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: url(../fonts/roboto-v30-latin-regular.eot); /* IE9 Compat Modes */
  src: url(../fonts/roboto-v30-latin-regular.eot?#iefix) format('embedded-opentype'), /* IE6-IE8 */
    url(../fonts/roboto-v30-latin-regular.woff2) format('woff2'), /* Super Modern Browsers */
    url(../fonts/roboto-v30-latin-regular.woff) format('woff'), /* Modern Browsers */
    url(../fonts/roboto-v30-latin-regular.ttf) format('truetype'), /* Safari, Android, iOS */
    url(../img/roboto-v30-latin-regular.svg#svgFontName) format('svg'); /* Legacy iOS */
}

/*-------------------------------------------------------------------------------*/
@media (min-width: 992px) {
  .navbar-scroll .navbar-brand,
  .navbar-scroll .nav-link,
  .navbar-scroll .fa-bars {
    color: #ffffff;
    font-size: 0.7rem !important;  
    border-radius: 5px ;
  }

  .nav-link:hover, .nav-link:focus{
    color: #111111!important;
    border-radius: 5px ;
    background-color: #f8bb00 ;
    background-image: var(--bs-gradient)!important;
  }

  .colormenu{
    border-bottom: 3px solid #f8bb00; 
    border-radius: 5px ;
    color: #FFFFFF!important;
  }
}

@media (max-width: 991px) {
    .navbar-toggler:focus { box-shadow: none !important}
    .btn-close:focus { box-shadow: none !important}
    .navbar-scroll .navbar-brand,
    .navbar-scroll .nav-link,
    .navbar-scroll .fa-bars {
      color: #ffffff;
      font-size: 0.7rem !important;  
      border-radius: 5px ;
    }

    .navbar-scroll .fa-bars:hover { color: #fdd001 !important;}
  
   .nav-link:hover, .nav-link:focus{
    color: #fdd001 !important;
    border-radius: 5px ;
    background-color: none !important;
  }

  .colormenu{
    border-radius: 5px ;
    color: #FFFFFF!important;
  }
}

.offcanvas-body li{
  margin-right: 10px !important;
}

/*-----[Logo y Texto Logo]---------------------------------------------*/
@media (max-width: 589px) {
    #textnv1g{
      color:#fdd001 !important;
      font-size:1.3rem;
      transition: all 2s;
    }

    #textnv2g{
      color:#fdd001 !important;
      font-size: 0.55rem;
      transition: all 2s;
    }
}

@media (max-width: 991px) {
  #barlogo{
    width: 63px;
    height: 64px;
    transition: all 2s;
  }
  #textnv1g{
    color:#fdd001 !important;
    font-size:1.2rem;
    transition: all 2s;
  }

  #textnv2g{
    color:#fdd001 !important;
    font-size: 0.7rem;
    transition: all 2s;
  }
}

@media (min-width: 992px) {
  #barlogo{
    width: 63px;
    height: 64px;
    transition: all 2s;
  }
}

/*-----[ texto de portada ]---------------------------------------------------*/
.S1 .btn-outline-light, .AA .btn-outline-light, .AD .btn-outline-light {
   font-family: 'Open Sans',sans-serif;
   font-size: 0.9rem !important;
  --bs-btn-color: #111111;
  --bs-btn-border-color: #f8bb00;
  --bs-btn-bg:#f8bb00;
  --bs-btn-hover-bg: #fdd001;
  --bs-btn-hover-border-color: #fdd001;
  --bs-btn-active-color: #111111;
  --bs-btn-active-bg: #fdd001;
}

.divtextoportadaposicion{
  border-radius: 5px;
  padding: 25px;
  background-color: #000000b3;
}

@media (max-width: 300px){
  .botonportada1, .botonportada2{ font-size: 3vmin!important; }
}

  @media (max-width: 599px){
    .divtextoportada{
      font-family: 'Roboto Condensed', sans-serif;
      margin-bottom: 2rem; 
      color:#FFFFFF; 
      font-size: 1.5rem !important; 
    }  
    .carousel-caption p{ font-size: 1rem;}
  }

@media (min-width: 600px){
    .divtextoportada{
      font-family: 'Roboto Condensed', sans-serif;
      margin-bottom: 2rem; 
      color:#FFFFFF; 
      font-size: 2rem !important;
    }  

    .botonportada1, .botonportada2{ font-size: 2vmin!important; }

    .carousel-caption p{ font-size: 1.5rem;}
}

@media (min-width: 1024px){

    .divtextoportada{
      font-family: 'Roboto Condensed', sans-serif;
      margin-bottom: 2rem; 
      color:#FFFFFF; 
      font-size: 3rem !important;
    }  

  .botonportada1, .botonportada2{font-size: 2vmin!important; }

  .carousel-caption p{ font-size: 2rem; }
}



/*-------[ Imagenes de Portada ]------------------------------------------------*/
.aaa{
  background-image: url(../img/shakinghands_v2.jpg);
  background-repeat: no-repeat;
  min-height:700px;
  background-position: 50% 50%;
  animation-name: bgimgI ;
  animation-iteration-count:infinite;
  animation-timing-function: ease-out;
}


@media (max-width: 1024px){
    .aaa{    
        animation-duration: 20s;
    }
}

@media (min-width: 1025px){
    .aaa{    
        animation-duration: 10s;
        background-size: cover;
    }
}

@keyframes bgimgI {
    0% { background-position: 40% 40%;}
    50% {  background-position: 60% 60%;}

    51% { background-position: 60% 60%;}
    100% {  background-position: 40% 40%;}
}






.carousel-caption{
  position: absolute !important;
  top: 490px;
  padding-top: 0.3rem!important;
  text-align: center!important;
  z-index:100!important;
  
}

.carousel-caption p{ 
  font-family: 'Roboto Condensed', sans-serif;
  font-weight: 300;
  letter-spacing: 0.1rem; 
  border-radius: 5px;
  padding: 25px;
  color:#FFFFFF;
  background-color: #000000b3;
  z-index:100!important;
  width: auto;
}

@media (min-width: 1025px){
  .aaa{ background-size: cover;}
  .carousel-item{  height: 100vt; min-height:300px }
}


/*---[For movimiento Scroll]-----------------------------------------------------------------*/
.navbar{
    background-color:#000000b3;  
}

.nav-colored { 
    background-color:rgb(0, 0, 0); 
    transition: all 2s;
}

.nav-transparent { 
    background-color:#000000b3; 
    background-position: 0 0;
    transition: all 2s;
}

.imagelogoG{
    width: 80px;
    height: 82px;
    transition: all 2s;
}

.imagelogoP{
    width: 63px;
    height: 64px;
    transition: all 2s;
}

.textoNavbardiv1G{
    font-size: 2rem;
    color:#fdd001;
    transition: all 2s;
}

.textoNavbardiv1P{
    font-size: 1.1rem;
    color:#fdd001;
    transition: all 2s;
}

.textoNavbardiv2G{
    font-size: 1rem;
    /*color:#F2F2F2;*/
    color:#fdd001;
    transition: all 2s;
}

.textoNavbardiv2P{
    font-size: 0.7rem;
    color:#fdd001;
    transition: all 2s;
}

/*-----[Mascara]-----*/
.lizq{ 
  background-image: linear-gradient(rgba(0, 0, 0, 1) ,
  rgb(1, 1, 1 ,0.5), rgba(2, 2, 2,0.3), rgba(255, 254, 254, 0.03));
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  height: 90%;
  width: 100%;
  z-index: 10;
}

.offcanvas{
  background-color: #141b22 !important;
}

#textnv3{
    color:#fdd001!important;
    font-size:1.3rem;
    transition: all 2s;
}

#textnv4{
    color:#fdd001!important;
    font-size: 0.55rem;
    transition: all 2s;
}

.btn-close{ 
    background-image:  url(../img/xsquare.svg) !important;
    width: 0.7rem !important;
    height: 0.7rem !important;
    font-weight: bold;
}

.dropdown-menu{
  background-color: #f8bb00 !important;
  background-image: var(--bs-gradient)!important;    
  box-shadow: 0px 0px 3px #a8a8a892 !important;
  --bs-gradient: linear-gradient(180deg, rgba(255, 255, 255, 0.220), rgba(255, 255, 255, 0.220));
}

.dropdown-item{
  color:#141b22 !important;
  --bs-dropdown-link-hover-bg: #f8bb00!important;  
  --bs-dropdown-link-active-bg: #fbe554!important;
  font-size: 0.7rem !important;
}


#sec1{
  min-height: auto;
}


/*-----[ SECCION 2]---------------------------------------------------------------*/

#sec2{
  padding: 5px;
  background-image:linear-gradient(90deg, #ffc600 , #ffc600 ) ;
  min-height: 800px;
}

#sec3{
  padding: 5px;   
  background-color:#E5E5E5;
  background-image: linear-gradient(90deg, #E5E5E5, #E5E5E5C0);
}

#sec4{
  background-image:linear-gradient(90deg, #ffc600 , #ffc600 ) ;
  padding: 5px; 
}

#sec5{
  /*background-image:linear-gradient(180deg, #e5e5e5be, #e5e5e596), url(../img/fondonaranja.jpg);*/
  padding: 5px; 
}

#sec6{
  background-image:linear-gradient(180deg, #e5e5e5be, #e5e5e596);
  padding: 5px; 
}

.row1secion2div{
  align-items: center;
  letter-spacing: 3px;
  font-weight:bold;
  color: #111111!important;
  margin: auto !important;
  padding-top: 50px;
  min-height: 150px;
}

.row2secion2div{
  margin-top: 30px !important;
}

.row1secion3div{
  align-items: center;
  letter-spacing: 3px;
  font-weight:bold;
  margin: auto !important;
  padding-top: 50px;
  min-height: 150px;
}

.carimage1{
  background-color: #ffffff;
  border-radius: 20px;
  margin: auto;
}

.carimage1 img{
    width: 100%;    
    height: auto;
    background-size: cover;
}

@media (max-width: 543px) {  
  h1 {
    font-size: 2rem !important;
    padding-bottom: 30px !important;
    padding-top: 30px !important;
  } 
  .li_1, .li_2, .li_3{ font-size: 1rem !important;  }

  .carimage1 img{ 
    min-width: 150px;
    min-height: 153px;
     max-width: 300px;
    max-height: 407px;
  }

  .afiliatexto{ 
    font-size: 1.2rem !important;
  }
}

@media (min-width: 544px) {  
  h1 {
    font-size: 2rem !important;
    padding-bottom: 30px !important;
    padding-top: 30px !important;
  } /*1rem = 16px*/

  .li_1, .li_2, .li_3{ font-size: 1rem !important;  }

  .carimage1 img{ 
    min-width: 150px;
    min-height: 153px;
    max-width: 300px;
    max-height: 407px;
  }
}

@media (min-width: 768px) {  
    h1 {font-size:2.7rem !important;}
}

@media (min-width: 991px) { 
  h1 {font-size:2.5rem !important; } 
}

@media (min-width: 1200px) {  
  h1 {
    font-size:3rem !important;
  }   
}

/*-----Listas-----*/
.list-group{
  background-color: transparent!important;
  padding-bottom:9%;
}

.list-group-item {
  background-color: transparent!important;
  border: 0 !important;
  color: #999999 !important;
  padding: 0;
}

.card-img-top{
   margin-top:3% !important;
   width:20%;
   height: 20%;
}

.card-body {
  margin-top:5% !important;
}


/*-----[ANIMACIÓN]-------*/

.animate{
  animation-name: textright ;
  animation-duration: 4s;
  padding: 5px;
  border-radius: 5px;
}

@keyframes textright{
  from { 
    background:transparent;
  }
  to {
    background: #222222;
    color:#f8bb00;
  }
}

/*-----[ SECCION 2]------*/

.cardimgI{
  position: relative !important;
  visibility: visible !important;
  opacity: 1 !important; 
  transition-property: opacity;
  transition:2s;
  box-shadow: 5px 5px 20px 0 rgb(0 0 0 / 20%);
  animation-name: imgcard ;
  animation-duration: 2s;
  animation-timing-function: ease-out;
}

.cardl11I {
  position: relative !important;
  visibility: visible !important;
  opacity: 1 !important; 
  transition-property: opacity;
  transition: 2s;
  box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.477);
  animation-name: anicard ;
  animation-duration: 2s;
  animation-timing-function: ease-out;
 /* background-color: #FFFFFF !important;*/
}

.cardl12I{
  position: relative !important;
  visibility: visible !important;
  opacity: 1 !important; 
  transition-property: opacity;
  transition: 2s;
  box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.477);
  animation-name: anicard2 ;
  animation-duration: 2s;
  animation-timing-function: ease-out;
  /*background-color: #FFFFFF !important;*/
}

.cardl13I{
  position: relative !important;
  visibility: visible !important;
  opacity: 1 !important; 
  transition-property: opacity;
  transition: 2s;
  box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.477);
  animation-name: anicard3 ;
  animation-duration: 2s;
  animation-timing-function: ease-out;
  /*background-color: #ff0000 !important;*/
}

.cardimgIcierre{
  position: relative !important;
  visibility:hidden !important;
  opacity: 0 !important;
  transition-property: opacity;
  transition: 2s;
  animation-name: imgcardcierre ;
  animation-duration: 2s;
  animation-timing-function: ease-out;
}

.cardl11Icierre{
  position: relative !important;
  visibility:hidden !important;
  opacity: 0 !important;
  transition-property: opacity;
  transition: 2s;
  animation-name: anicardcierre1 ;
  animation-duration: 2s;
  animation-timing-function: ease-out;
}

.cardl12Icierre{
  position: relative !important;
  visibility:hidden !important;
   opacity: 0 !important;
  transition-property: opacity;
  transition: 2s;
  animation-name: anicardcierre2 ;
  animation-duration: 2s;
  animation-timing-function: ease-out;
}

.cardl13Icierre{
  position: relative !important;
  visibility:hidden !important;
  opacity: 0 !important;
  transition-property: opacity;
  transition: 2s;
  animation-name: anicardcierre3 ;
  animation-duration: 2s;
  animation-timing-function: ease-out;
}

.cardl11F{
  position: relative !important;
  visibility:hidden !important;
}

.cardimgtopI{
   width:25% !important;
   height: 25% !important;;
   transition: all 2s;
}

.cardimgtopF{
   width:5%;
   height: 5%;
   transition: all 0.5s;
}


@keyframes imgcard {
  from {left: -250px; box-shadow: 0px 0px 0px rgba(0, 0, 0, 0);}
  to {left: 0px; box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.477);}
}

@keyframes imgcardcierre {
  from {left: 0px; box-shadow: 0px 0px 0px rgba(0, 0, 0, 0);}
  to {left: -250px; box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.477);}
}

@keyframes anicard {
  from {bottom: 150px; box-shadow: 0px 0px 0px rgba(0, 0, 0, 0); }
  to {bottom: 0px; box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.477); }
}

@keyframes anicardcierre1 {
  from {bottom: 0px; box-shadow: 0px 0px 0px rgba(0, 0, 0, 0); }
  to {bottom: 150px; box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.477); }
}

@keyframes anicard2 {
  from {top: 200px; box-shadow: 0px 0px 0px rgba(0, 0, 0, 0);}
  to { top: 0px; box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.477);}
}

@keyframes anicardcierre2  {
  from {top: 0px; box-shadow: 0px 0px 0px rgba(0, 0, 0, 0);}
  to { top: 200px; box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.477);}
}

@keyframes anicard3 {
  from {right: -250px; box-shadow: 0px 0px 0px rgba(0, 0, 0, 0);}
  to { right: 0px; box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.477);}
}  

@keyframes anicardcierre3 {
  from {right: 0px; box-shadow: 0px 0px 0px rgba(0, 0, 0, 0);}
  to { right: -250px; box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.477);}
}  

.A .texto1{
  font-family: 'Open Sans',sans-serif;
  color:#111111;
  margin: auto; 
  font-weight: 300;
  text-align: center;
  letter-spacing:1.5px;
  font-style: normal;
  padding:20px;
}

.A .card {
  width: auto !important;
  min-width: 50px!important;
  max-width: 400px!important; 
  height: 200px !important;
  min-height: 450px!important; 
  background-color: #FFFFFF!important;
  border-radius: 5px !important;
  box-shadow: 5px 5px 20px 0 rgb(0 0 0 / 20%);  
}

.A .card-body {
  margin-top:0 !important;
  letter-spacing:0px;
}

.A .card-title{
  font-family: 'Open Sans',sans-serif;
  color:#111111;
  font-size: 1rem!important;
  text-align:center;
  letter-spacing:0px;
  font-weight: 300;
}

.A .card-text{
  color: #1111117f !important;
  font-family: 'Open Sans',sans-serif;
  padding-left: 10px !important;
  padding-right: 10px !important;
  font-weight: 300;
  font-size: 0.8rem!important;
  font-style: normal;
  word-wrap: break-word;
  line-height: 1.6;
}

.AA .row, .AB .row{
  margin-top: 5rem !important;
  margin-bottom: 5rem !important;
  max-width: 75%;
}

.AA .card {
  width: auto !important;
  min-width: 50px!important;
  max-width: 800px!important; 
  min-height: 400px!important; 
  background-color: #FFFFFF!important;
  border-radius: 5px !important;
  box-shadow: 5px 5px 20px 0 rgb(0 0 0 / 20%);
}

.AA .card-img-top{
  width: auto;
  height: auto;
}

.AA .card-title{
  color: #111111 !important;
  font-weight: 300;
  font-family: 'Montserrat',sans-serif !important;
  padding-left: 10px !important;
}

.AA .card-text, .AB .card-text, .AC .card-text, AD .card-text{
  color: #1111117f !important;
  font-family: 'Open Sans',sans-serif;
  padding-left: 10px !important;
  padding-right: 10px !important;
  font-weight: 300;
  font-size: 0.9rem!important;
  font-style:normal;
  word-wrap: break-word;
  /*line-height: 1.6;*/
}

/*-----[SECCION 4]-----*/


.AB .card-title{ 
  color:#f7bc08 !important;
  font-weight: bolder;
  font-family: "Raleway", sans-serif !important;
  padding-left: 10px !important;
  font-size: 24px;
}

.AB .card-subtitle{
  color: #B3B3B3 !important;
  font-weight: 600;
  font-family: 'Open Sans',sans-serif;
  padding-left: 10px !important;
  font-size: 1rem;
}

.AB .card-img-top {
  width:10rem;
  height:10rem;
}

.afiliatexto{
  color: #111111 !important;
  font-size: 1.2rem !important;
  font-weight: 600;
  font-family:'Montserrat',sans-serif !important;
}

/*-----[ANIMATION SECCION 4]-------------------------------*/

.afiliatexI{
  position: relative !important;
  visibility: visible;
  animation-name: afiliatexto_ani ;
  animation-duration: 1s;
  animation-timing-function: ease-out;
  overflow: hidden;
}

.afiliatexF{
  position: relative !important;
  visibility:hidden;
}

.piezaI{
  position: relative !important;
  visibility: visible;
  animation-name: pieza_ani ;
  animation-duration: 1s;
  animation-timing-function: ease-out;
}

.piezaF{
  position: relative !important;
  visibility:hidden;
}

.AB .card{
  visibility:hidden;
  min-width: 220px!important; 
  max-width: 400px!important; 
  min-height: 400px!important; 
  border-radius: 5px !important;
  box-shadow: 5px 5px 20px 0 rgb(0 0 0 / 20%);
}

.Testimonio1I{
  position: relative !important;
  visibility: visible !important;
  opacity: 1 !important; 
  transition-property: opacity;
  transition: 3s;
  animation-name: Testimonio1 ;
  animation-duration: 1s;
  animation-timing-function: ease-out;
}

.Testimonio2I{
  position: relative !important;
  visibility: visible !important;
  opacity: 1 !important; 
  transition-property: opacity;
  transition: 3s;
  animation-name: Testimonio2 ;
  animation-duration: 1s;
  animation-timing-function: ease-out;

}

.Testimonio3I{
  position: relative !important;
  visibility: visible !important;
  opacity: 1 !important; 
  transition-property: opacity;
  transition: 3s;
  animation-name: Testimonio3 ;
  animation-duration: 1s;
  animation-timing-function: ease-out;
}

.Testimonio4I{
  position: relative !important;
  visibility: visible !important;
  opacity: 1 !important; 
  transition-property: opacity;
  transition: 3s;
  animation-name: Testimonio4 ;
  animation-duration: 1s;
  animation-timing-function: ease-out;
}

.TestimonioF{
  position: relative !important;
  visibility:hidden !important;
  opacity: 0 !important;
  transition-property: opacity;
  transition: 2s;
}

.Testimonio1F{
  position: relative !important;
  visibility:hidden !important;
  opacity: 0 !important;
  transition-property: opacity;
  transition: 2s;
  animation-name: Testimonio1_rev ;
  animation-duration: 2s;
  animation-timing-function: ease-out;
}

.Testimonio2F{
  position: relative !important;
  visibility:hidden !important;
  opacity: 0 !important;
  transition-property: opacity;
  transition: 2s;
  animation-name: Testimonio2_rev ;
  animation-duration: 2s;
  animation-timing-function: ease-out;
}

.Testimonio3F{
  position: relative !important;
  visibility:hidden !important;
  opacity: 0 !important;
  transition-property: opacity;
  transition: 2s;
  animation-name: Testimonio3_rev ;
  animation-duration: 2s;
  animation-timing-function: ease-out;
}

.Testimonio4F{
  position: relative !important;
  visibility:hidden !important;
  opacity: 0 !important;
  transition-property: opacity;
  transition: 2s;
  animation-name: Testimonio4_rev ;
  animation-duration: 2s;
  animation-timing-function: ease-out;
}


@keyframes afiliatexto_ani {
  from {right: -400px;}
  to { right: 0px; }
}

@keyframes pieza_ani {
  from { transform: rotate(-360deg);;}
  to { transform: rotate(0deg);}
}



@keyframes Testimonio1 {
  from {left: -200px; box-shadow: 0px 0px 0px rgba(0, 0, 0, 0);}
  to { left: 0px; box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.477);}
}
@keyframes Testimonio1_rev {
  from {left: 0; box-shadow: 0px 0px 0px rgba(0, 0, 0, 0);}
  to { left: -200px; box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.477);}
}

@keyframes Testimonio2 {
  from{ right: -200px; box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.477);}
  to {  right: 0; box-shadow: 0px 0px 0px rgba(0, 0, 0, 0);}
}
@keyframes Testimonio2_rev {
  from{ right: 0; box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.477);}
  to {  right: -200px; box-shadow: 0px 0px 0px rgba(0, 0, 0, 0);}
}

@keyframes Testimonio3 {
  from {left: -200px; box-shadow: 0px 0px 0px rgba(0, 0, 0, 0);}
  to { left: 0px; box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.477);}
}
@keyframes Testimonio3_rev {
  from {left: 0; box-shadow: 0px 0px 0px rgba(0, 0, 0, 0);}
  to { left: -200px; box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.477);}
}

@keyframes Testimonio4 {
  from{ right: -200px; box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.477);}
  to {  right: 0; box-shadow: 0px 0px 0px rgba(0, 0, 0, 0);}
}

@keyframes Testimonio4_rev {
  from{ right: 0; box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.477);}
  to {  right: -200px; box-shadow: 0px 0px 0px rgba(0, 0, 0, 0);}
}
/*

@keyframes Testimonio5 {
  from{ top: 0px; box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.477);}
  to {  top: -200px; box-shadow: 0px 0px 0px rgba(0, 0, 0, 0);}
}

@keyframes Testimonio6 {
  from{ left: 0px; box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.477);}
  to {  left: -200px; box-shadow: 0px 0px 0px rgba(0, 0, 0, 0);}
}
*/
/*-----[ANIMATION SECCION 3]-------------------------------*/
.dineroI{
  animation-name: dinero_ani ;
  animation-duration: 1s;
  animation-timing-function: ease-out;
}

.dineroF{
  filter: opacity(20%) grayscale(100%);
  -webkit-filter: opacity(50%) grayscale(100%);
}

@keyframes dinero_ani {
   from { transform: rotateY(-70deg);}
  to { transform: rotateY(0eg);}
}

.AC .btn-primary, .AD .btn-primary  {
    --bs-btn-color: #111111;
    --bs-btn-bg:#f8bb00;
    --bs-btn-border-color: #f8bb00;
    --bs-btn-hover-color: #111111;
    --bs-btn-hover-bg: #fdd001;
    --bs-btn-hover-border-color: #fdd001;
    --bs-btn-focus-shadow-rgb: 49, 132, 253;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #f8bb00;
    --bs-btn-active-border-color: ##fdd001;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.816);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: #f8bb00;
    --bs-btn-disabled-border-color: #fdd001;
}

.AC, .AD{
  margin-top: 5rem;
  margin-bottom: 5rem;
}

.AC .card-title, .AD .card-title{
  color: #111111 !important;
  font-weight: 300;
  font-family: 'Montserrat',sans-serif !important;
  padding-left: 10px !important;
}

.AC .card{
  width: auto !important;
  min-width: 50px!important;
  max-width: 800px!important; 
  min-height: 400px!important; 
  background-color: #FFFFFF!important;
  border-radius: 5px !important;
  box-shadow: 5px 5px 20px 0 rgb(0 0 0 / 20%);
}

.AC .form-control {
  font-size: 0.8rem;
  font-weight: 300;
  color: #1111117f;
  font-style: italic;
}

.AC .navbar-nav{
  padding-left: 10px;
}

.AC li{
  color:#f8bb00!important;
  font-size: 1.1rem;
}

.AC .nav-link:hover, .AC .nav-link:focus {
    color: #111111!important;
    background-color: #FFFFFF;
    font-size: 1.1rem;
}


.me-lg-0 {
    padding-right: 1rem !important;
}


/*---[ SECCIÓN 6]----*/
.AC .row, .AD .row{
  margin-top: 5rem !important;
  margin-bottom: 5rem !important;
  max-width: 90%;
}

.AD1{
  background-image: url(../img/ADASTRA_FUNDADORES_v2.jpg);
  background-repeat: no-repeat;
  background-size: 100% ;
  background-attachment: fixed;
  background-position: center;
}

.AD .card{
  width: auto !important;
  min-width: 50px!important;
  max-width: 800px!important; 
  border-radius: 5px !important;
  box-shadow: 5px 5px 20px 0 rgb(0 0 0 / 20%);
}

.AD .fondo{
  background-color: transparent;
  background-image: linear-gradient(180deg,rgba(207, 207, 207, 0.838), rgb(255, 255, 255));
}

.AD .card-img-top {
  margin-top: 3% !important;
  width: 30%;
  height: 40%;
}

.AD .card-text{
    font-family: 'Open Sans',sans-serif !important;
    font-size: 0.9rem !important;
}


.F {
  border:1px solid #FFF;
  background-color: #4f6b88;
  padding: 5px;
}

.F .contenedorfooter{
   min-height: 200px;
}

.F .card{
  width: auto !important;
  min-width: 50px!important;
  max-width: 800px!important; 
  min-height: 200px!important; 
  /*--bs-card-bg: #44646d;*/
  --bs-card-bg: #4f6b88;
  --bs-card-border-width: 0;
  --bs-card-border-radius: 0;
}

.FF .card{
   --bs-card-bg: #ffffff;
}
.F .row{
  margin-top: 1rem !important;
  margin-bottom: 2rem !important;
  max-width: 80%;
}

.F .card-body{
  margin-top: 0 !important;
}

.F .card-title {
  color: #111111!important;
  font-weight: 600;
  font-family: 'Open Sans',sans-serif !important;
  padding-left: 10px !important;
  font-size: 0.7rem!important;
  --bs-card-title-spacer-y: 1.2rem;
}

.F .card-text{
  color: #111111!important;
  font-family: 'Open Sans',sans-serif;
  padding-left: 10px !important;
  padding-right: 10px !important;
  padding-bottom: 0 !important;
  font-weight: 300;
  font-size: 0.7rem!important;
  font-style: normal;
  word-wrap: break-word;
  line-height: 1.6 !important;

}

.F b{
   font-weight: 600;
   color: #111111!important;
}

.F li{
  color:111111!important;
  font-size: 1.5rem;
}

.F .nav-link:hover, .F  .nav-link:focus {
    color: #111111!important
}

.F .card-img-top {
  width:80px;
  height: 80px;
}

.F img{
  width:120px;
  height: 54px;
}

.F .Ftexto{
  font-size: 0.7rem!important;
}

.F .enlacesrapidos{
  width:100px
}

/*-----[]---------*/
.toast .btn-close {
    background-image: url(../img/close.svg) !important;
    width: 0.7rem !important;
    height: 0.7rem !important;
    font-weight: bold;
}

::placeholder {
  color: #1111114d !important;;
  opacity: 1; /* Firefox */
}

:-ms-input-placeholder { /* Internet Explorer 10-11 */
   color: #1111114d !important;;
}

::-ms-input-placeholder { /* Microsoft Edge */
   color: #1111114d !important;;
}