:root{
  /*Fuentes Davivienda Condensed*/
    --regular-condensed: 'davcondensedRegular', sans-serif;
    --bold-condensed: 'davcondensedCnBold', sans-serif;
    --italic-condensed: 'davcondensedItalic', sans-serif;
    --italicBold-condensed: 'davcondensedCnBold', sans-serif;
    --semiBold-condensed: 'davcondensedCnSBd', sans-serif;
    --ItalicSemiBold-condensed: 'davcondensedCnSBdIt', sans-serif;
    --ExtraBold-condensed: 'davcondensedExtraBold', sans-serif;
    --ItalicExtraBold-condensed: 'davcondensedExtraBoldItalic', sans-serif;
     /*Fuentes Davivienda Regulares*/
    --regular: 'davregular', sans-serif;
    --bold: 'davextrabold', sans-serif;
    --italic: 'davitalic', sans-serif;
    --italicBold: 'davbold_italic', sans-serif;
    --semiBold: 'davsemibold', sans-serif;
    --ItalicSemiBold: 'davsemibold_italic', sans-serif;
    --ItalicExtraBold: 'davextrabold_italic', sans-serif;
}

/* Como cada peso/estilo es una familia propia del kit Davivienda,
   se neutraliza la negrita e itálica sintética que aplican
   el navegador y Bootstrap (h1-h6: 500, b/strong: bolder) */
h1, h2, h3, h4, h5, h6, strong, b {
  font-weight: normal;
}

em, i {
  font-style: normal;
}


html, body{
  margin: 0px;
  padding: 0px;
  scroll-behavior: smooth;
}
  
body { 
  font-family: var(--regular-condensed);
  background-color: #f2f2f2;
  margin: 0px;
  padding: 0px;
}

/*****MENU-INICIAL******/
.navbar .nav-item .nav-link {
  color: #545454;
  font-family: var(--italic-condensed);
  font-size: 18px;
 }

.navbar-light .navbar-toggler {
  border-color: rgba(0,0,0,0);
}


/********LOGOS-LEGAL********/
.logo-superior {
  position: fixed;
  z-index: 100;
  width: 120px;
  margin: 0%;
}
    
.legal-lateral {
  position: absolute;
  top: 80px;
  right: 10px;
  width: 9px;
  z-index: 100;
}

/************************************************BODY*************************************/

/*********AUTOGESTION********/
.Autogestion{
  justify-content: center;
  text-align: center;
}

.Autogestion b{
  font-size: 45px;
  font-family: var(--ItalicExtraBold-condensed);
  color: #ed1c27;
}

.Autogestion p{
  font-size: 25px;
  font-family: var(--italic-condensed);
  color: #545454;
  text-align: center;
}

/*******PASO-A-PASO*********/

.Paso .Card{
  background-color: #fafafa;
  border-radius: 20px;
  display: flex;
  margin:5px;
  padding: 0;
  box-shadow: 2px 2px 10px rgb(205, 205, 205);
}

.Paso .Card b{
  font-size: 18px;
  font-family: var(--ItalicSemiBold-condensed);
  color: #545454;
  text-align: left;
}

.Paso .Card p{
  font-size: 15px;
  font-family: var(--italic-condensed);
  color: #545454;
  justify-content: center;
  text-align: left;
  padding-top: 5px;
}

.Paso .Card p a{
  color: #ed1c27;
  text-decoration: #ed1c27 underline;
  cursor: pointer;
}

.Paso .Card .imgcard{
  background: linear-gradient(151deg, rgba(215,0,0,1) 0%, rgba(255,68,68,1) 100%);
  border-radius: 15px 0 0 15px;
  width: 20%;
  display: flex;
  align-items: center;
}

.Paso .Card .imgcard img{
  width: 50px;
  margin: 0 auto;
}


/*****FORMULARIO******/

.Formulario{
  background: linear-gradient(151deg, rgba(215,0,0,1) 0%, rgba(255,68,68,1) 100%);
}

.Formulario b{
  font-size: 40px;
  font-family: var(--ItalicExtraBold-condensed);
  color: #fff;
  text-align: center;
}

.Formulario strong{
  font-size: 25px;
  font-family: var(--ItalicExtraBold-condensed);
  color: #fff;
  text-align: center;
}

.Formulario p {
  color: #fff;
  font-size: 18px;
  font-family: var(--italic-condensed);
}

.Formulario label{
  color: #fff;
  font-family: var(--italic-condensed);
}

.Formulario input{
  border-radius: 50px;
}


.video iframe{
  border-radius: 30px;
  box-shadow: 2px 2px 10px rgb(92, 92, 92);
}

.Datos{
  margin-top: 40px;
  margin-bottom: 40px;
}

.Datos{
  justify-content: center;
  text-align: center;
}

.Datos b{
  font-size: 50px;
  font-family: var(--ItalicExtraBold-condensed);
  color: #ed1c27;
  text-align: center;
}

.Datos strong{
  font-size: 35px;
  font-family: var(--ItalicExtraBold-condensed);
  color: #545454;
  text-align: center;
}


.Datos p{
  font-size: 25px;
  font-family: var(--italic-condensed);
  color: #545454;
  text-align: center;
}

.Datos p a{
  color: #ed1c27;
  cursor: pointer;
  text-decoration: underline;
}

.Datos  img{
  width: 250px;
  padding-bottom: 30px;
}

 .iconDatos img{
  width: 100px;
  padding-bottom: 30px;
}

.Datos .TextDatos{
  padding-top: 30px;
}

.Datos .TextDatos img{
  width: 250px;
}

.Datos .TextDatos a{
  cursor: pointer;
}


/******FOOTER************/

.bg-footer{
  font-size: 15px;
  font-family: var(--italic-condensed);
  color: #ffffff;
  text-align: center;
  background-color: #545454;
}

/*************************MODAL FORMULARIO***************************/

.modal-header{
  height: 1px;
}

.modal-header img{
  width:70px;
  margin-left: 450px;
  margin-top: -50px;
  z-index: 1;
  position: relative;
  cursor: pointer;
}

.modal-content{
  border-radius: 20px;
  padding: 0px;
}

.modal-body {
  justify-content: center;
  text-align: center;
}

.modal-body b {
  font-size: 40px;
  color: #ed1c27;
  font-family: var(--ItalicExtraBold-condensed);
  justify-content: center;
  text-align: center;
}

.modal-body p {
  font-size: 25px;
  color: #545454;
  font-family: var(--italic-condensed);
  justify-content: center;
  text-align: center;
  padding: 0 5px;
}



/******************************************MEDIAQUERY**************************************/


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

  

.logo-superior {
  position: fixed;
  z-index: 100;
  width: 80px;
  margin: 0%;
}

/*********AUTOGESTION********/
.Autogestion{
  justify-content: center;
  text-align: center;
}

.Autogestion b{
  font-size: 35px;
  font-family: var(--ItalicExtraBold-condensed);
  color: #ed1c27;
}

.Autogestion p{
  font-size: 18px;
  font-family: var(--italic-condensed);
  color: #545454;
  text-align: center;
}

.modal-header img{
  width:65px;
  margin-left: 295px;
  margin-top: -30px;
  z-index: 1;
  position: relative;
  cursor: pointer;
}
      
}

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

  .logo-superior {
    position: fixed;
    z-index: 100;
    width: 70px;
    margin: 0%;
  }
  
  /*********AUTOGESTION********/
  .Autogestion{
    justify-content: center;
    text-align: center;
  }
  
  .Autogestion b{
    font-size: 30px;
    font-family: var(--ItalicExtraBold-condensed);
    color: #ed1c27;
  }
  
  .Autogestion p{
    font-size: 18px;
    font-family: var(--italic-condensed);
    color: #545454;
    text-align: center;
  }
  
  
/*****FORMULARIO******/

.Formulario b{
  font-size: 35px;
  font-family: var(--ItalicExtraBold-condensed);
  color: #fff;
  text-align: center;
}

.Formulario strong{
  font-size: 25px;
  font-family: var(--ItalicExtraBold-condensed);
  color: #fff;
  text-align: center;
}

.Formulario p {
  color: #fff;
  font-size: 15px;
  font-family: var(--italic-condensed);
  text-align: center;
}


.modal-header img{
  width:65px;
  margin-left: 440px;
  margin-top: -30px;
  z-index: 1;
  position: relative;
  cursor: pointer;
}
      
  }

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

  

  .modal-header img{
    width:70px;
    margin-left: 445px;
    margin-top: -30px;
    z-index: 1;
    position: relative;
    cursor: pointer;
  }
}

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

  

  .modal-header img{
    width:60px;
    margin-left: 415px;
    margin-top: -35px;
    z-index: 1;
    position: relative;
    cursor: pointer;
  }
}

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

  

  .modal-header img{
    width:65px;
    margin-left: 335px;
    margin-top: -30px;
    z-index: 1;
    position: relative;
    cursor: pointer;
  }
}

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


  .modal-header img{
    width:65px;
    margin-left: 310px;
    margin-top: -30px;
    z-index: 1;
    position: relative;
    cursor: pointer;
  }
}

@media screen and (max-width: 375px) {
  
  .modal-header img{
    width:65px;
    margin-left: 295px;
    margin-top: -30px;
    z-index: 1;
    position: relative;
    cursor: pointer;
  }
}



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

.logo-superior {
  position: fixed;
  z-index: 100;
  width: 40px;
  margin: 0%;
}

/*********AUTOGESTION********/
.Autogestion{
  justify-content: center;
  text-align: center;
}

.Autogestion b{
  font-size: 30px;
  font-family: var(--ItalicExtraBold-condensed);
  color: #ed1c27;
}

.Autogestion p{
  font-size: 18px;
  font-family: var(--italic-condensed);
  color: #545454;
  text-align: center;
}

/*****FORMULARIO******/

.Formulario b{
  font-size: 20px;
  font-family: var(--ItalicExtraBold-condensed);
  color: #fff;
  text-align: center;
}

.Formulario strong{
  font-size: 17px;
  font-family: var(--ItalicExtraBold-condensed);
  color: #fff;
  text-align: center;
}

.Formulario p {
  color: #fff;
  font-size: 15px;
  font-family: var(--italic-condensed);
  text-align: center;
}

.modal-header{
  height: 1px;
}

.modal-header img{
  width:65px;
  margin-left: 220px;
  margin-top: -30px;
  z-index: 1;
  position: relative;
  cursor: pointer;
}
 
}


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

.logo-superior {
  position: fixed;
  z-index: 100;
  width: 40px;
  margin: 0%;
}
  
/*********AUTOGESTION********/
.Autogestion{
  justify-content: center;
  text-align: center;
}
  
.Autogestion b{
  font-size: 25px;
  font-family: var(--ItalicExtraBold-condensed);
  color: #ed1c27;
}
  
.Autogestion p{
  font-size: 15px;
  font-family: var(--italic-condensed);
  color: #545454;
  text-align: center;
}

/*****FORMULARIO******/

.Formulario b{
  font-size: 20px;
  font-family: var(--ItalicExtraBold-condensed);
  color: #fff;
  text-align: center;
}

.Formulario strong{
  font-size: 17px;
  font-family: var(--ItalicExtraBold-condensed);
  color: #fff;
  text-align: center;
}

.Formulario p {
  color: #fff;
  font-size: 15px;
  font-family: var(--italic-condensed);
  text-align: center;
}

        
}