html,body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	font-family: 'Mulish', sans-serif;
	font-weight: 400;
	height:100%;
  background-color: #FBFDFF;
}

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

.Txt-linea{
  font-family: 'Montserrat Alternates';
  font-style: normal;
  font-weight: 700;
  font-size: 84.716px;
  line-height: 94px;
  -webkit-text-stroke: 1px #FBFDFF;
  color: transparent;
  opacity: .3 !important;
}

.Txt-linea-02{
  font-family: 'Montserrat Alternates';
  font-style: normal;
  font-weight: 700;
  font-size: 50px;
  line-height: 60px;
  -webkit-text-stroke: 1px #FBFDFF;
  color: transparent;
  opacity: .2 !important;
}

.Gral-var-02{
  font-family: 'Montserrat Alternates';
  font-style: normal;
  font-weight: 500;
  font-size: 20px;
  line-height: 32px;
}

.H1-var-01{
  font-family: 'Montserrat Alternates';
  font-style: normal;
  font-weight: 700;
  font-size: 84.716px;
  line-height: 94px;
}

.H2-var-01{
  font-family: 'Montserrat Alternates';
  font-style: normal;
  font-weight: 700;
  font-size: 52.3585px;
  line-height: 57px;
}

.H2-var-02{
  font-family: 'Montserrat Alternates';
  font-style: normal;
  font-weight: 300;
  font-size: 52.3585px;
  line-height: 57px;
}

.H3-var-01{
  font-family: 'Hind Madurai';
  font-style: normal;
  font-weight: 600;
  font-size: 32.36px;
  line-height: 41px;
}

.H3-var-02{
  font-family: 'Montserrat Alternates';
  font-style: normal;
  font-weight: 300;
  font-size: 32.4px;
  line-height: 41px;
}

.H3-var-03{
  font-family: 'Montserrat Alternates';
  font-style: normal;
  font-weight: 700;
  font-size: 32.4px;
  line-height: 41px;
}

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

  .Txt-linea{
  font-size: 30px;
  line-height: 45px;
  }

  .Txt-linea-02{
  font-size: 30px;
  line-height: 45px;
  }  

  .H1-var-01{
    font-size: 60px;
    line-height: 75px;
  }

  .H2-var-02{
    font-size: 40px;
    line-height: 45px;
    margin: 0px;
  }

  .H3-var-01{
    font-size: 25px;
    line-height: 35px;
  }

  .H3-var-02{
    font-size: 25px;
    line-height: 35px;
  }

  .H3-var-03{
    font-size: 25px;
    line-height: 35px;
  }

}

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

  .H1-var-01{
    font-size: 30px;
    line-height: 45px;
  }

  .H2-var-01{
    font-size: 35px;
    line-height: 45px;
  }

  .H3-var-03{
    font-size: 20px;
    line-height: 30px;
  }  

  .H3-var-03{
    font-size: 20px;
    line-height: 30px;
  }

}

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

.bk-lineas-01{
  background-image: url(../img/bk/hondas-01.png);
  background-position: top;
}

.bk-lineas-02{
  background-image: url(../img/bk/hondas-02.png);
  background-position: top;
  background-color: #61577B;
}


.Bk-gradiente-animada {
  background: linear-gradient(300deg,#000000,#1d3e5d,#8f5ec9);
  background-size: 180% 180%;
  animation: gradient-animation 18s ease infinite;
}

@keyframes gradient-animation {
  0% {
    background-position: 0% 50%;
  }
  50% {
    background-position: 100% 50%;
  }
  100% {
    background-position: 0% 50%;
  }
}

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

/*a.Btn-episodios{
  font-family: 'Hind Madurai';
  font-style: normal;
  font-weight: 600;
  font-size: 20px;
  line-height: 28px;
  display: block;
  width: 267px;
  height: 56px;
  background-color: #8F5EC9;
  color: #FBFDFF;
  text-decoration: none;
  border-radius: 8px;
  padding: 0px 32px;
  box-sizing: border-box;
  display: flex;
  align-items: center;
  margin-top: 40px;
  justify-content: space-between;
}*/

a.Btn-01 {
 --color: #6028a2;
  font-family: 'Hind Madurai';
  font-style: normal;
  font-weight: 600;
  font-size: 20px;
  line-height: 28px;
  display: inline-block;
  width: 267px;
  height: 56px;
  position: relative;
  overflow: hidden;
  background-color: #8F5EC9;
  color: #FBFDFF;
  transition: all .5s;
  z-index: 1;
  border-radius: 8px;
  display: flex;
  align-items: center;
  margin-top: 40px;
  justify-content: space-between;
  padding: 0px 32px;
  text-decoration: none;
  border: 1px solid #c192f9;
}

a.Btn-01:before {
 content: "";
 position: absolute;
 z-index: -1;
 background: var(--color);
 height: 190px;
 width: 300px;
 border-radius: 50%;
}

a.Btn-01:hover {
 color: #fff;
 box-shadow: 0px 0px 32px rgba(93, 15, 186, 0.72);
}

a.Btn-01:before {
 top: 100%;
 left: 100%;
 transition: all .7s;
}

a.Btn-01:hover:before {
 top: -30px;
 left: -30px;
}

a.Btn-01:active:before {
 background: #3a0ca3;
 transition: background 0s;
}

a.Btn-02 {
 --color: #6028a2;
  font-family: 'Hind Madurai';
  font-style: normal;
  font-weight: 600;
  font-size: 16px;
  line-height: 28px;
  display: inline-block;
  width: 170px;
  height: 45px;
  position: relative;
  overflow: hidden;
  background-color: #8F5EC9;
  color: #FBFDFF;
  transition: all .5s;
  z-index: 1;
  border-radius: 8px;
  display: flex;
  align-items: center;
  margin-top: 22px;
  justify-content: space-between;
  padding: 0px 16px;
  text-decoration: none;
  border: 1px solid #c192f9;
}

a.Btn-02:before {
 content: "";
 position: absolute;
 z-index: -1;
 background: var(--color);
 height: 150px;
 width: 195px;
 border-radius: 50%;
}

a.Btn-02:hover {
 color: #fff;
 box-shadow: 0px 0px 32px rgba(93, 15, 186, 0.72);
}

a.Btn-02:before {
 top: 100%;
 left: 100%;
 transition: all .7s;
}

a.Btn-02:hover:before {
 top: -30px;
 left: -30px;
}

a.Btn-02:active:before {
 background: #3a0ca3;
 transition: background 0s;
}

a.Btn-03 {
 --color: #ff9b59;
  font-family: 'Hind Madurai';
  font-style: normal;
  font-weight: 600;
  font-size: 20px;
  line-height: 28px;
  display: inline-block;
  width: 267px;
  height: 56px;
  position: relative;
  overflow: hidden;
  background-color: #FFDE59;
  color: #61577B;
  transition: all .5s;
  z-index: 1;
  border-radius: 8px;
  display: flex;
  align-items: center;
  margin-top: 40px;
  justify-content: space-between;
  padding: 0px 32px;
  text-decoration: none;
  border: 0px solid #ff9b59;
}

a.Btn-03:before {
 content: "";
 position: absolute;
 z-index: -1;
 background: var(--color);
 height: 190px;
 width: 300px;
 border-radius: 50%;
}

a.Btn-03:hover {
 color: #61577B;
 box-shadow: 0px 0px 32px rgba(86, 3, 67, 0.72);
}

a.Btn-03:before {
 top: 100%;
 left: 100%;
 transition: all .7s;
}

a.Btn-03:hover:before {
 top: -30px;
 left: -30px;
}

a.Btn-03:active:before {
 background: #3a0ca3;
 transition: background 0s;
}

a.Btn-paginar{
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 150px;
  height: 35px;

  font-family: 'Mulish';
  font-style: italic;
  font-weight: 400;
  font-size: 16px;
  line-height: 32px;
  color: #ADD5E6;
  padding: 0px 16px;
  text-decoration: none;
  margin-left: 5px;
  margin-right: 5px;
  border: 1px solid #ffffff;
  border-radius: 8px;
  transition: all .7s;
}

a.Btn-paginar:hover{
  background-color: #1D3D5D;
}

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

.typing-a{
  width:100%;
  animation: typing 2s steps(23), blink .5s step-end infinite alternate;
  white-space: nowrap;
  overflow: hidden;
}

@keyframes typing{
  from{
    width:0;
  }
}

@keyframes blink{
  50%{
    border-color:transparent;
  }
}

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

.Sombra-01{
  box-shadow: 0px 0px 32px rgba(0, 0, 0, 0.32);
}

.Sombra-02{
  box-shadow: 0px 0px 32px rgba(0, 0, 0, 0.08);
}

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

.Envolvente-01{
  width: 100%;
  background-color: #fff;
  border-radius: 16px;
}

/*=====================*/
.Tarjeta-blog-01{
  box-sizing: border-box;
  padding: 24px;
  margin-bottom: 54px;
  box-shadow: 0px 0px 32px rgba(0, 0, 0, 0.08);
}

.Tarjeta-blog-01-img img{
  width: 100%;
  height: auto;
  border-radius: 8px !important;
}

.Tarjeta-blog-01-titulo{
  font-family: 'Hind Madurai';
  font-style: normal;
  font-weight: 600;
  font-size: 24px;
  line-height: 28px;
  color: #61577B;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  height: 55px;
  overflow: hidden;
  margin-bottom: 0px;
  margin-top:16px;
}

.Tarjeta-blog-01-descripcion{
  font-family: 'Mulish';
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 22px;
  color: #61577B;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  height: 65px;
  overflow: hidden;
}

.Tarjeta-blog-01-fecha{
  font-family: 'Mulish';
  font-style: normal;
  font-weight: 400;
  font-size: 12px;
  color: #61577B;
  margin-bottom: 15px;
}

@media only screen and ( max-width: 992px ){
  .Tarjeta-blog-01-titulo{
    margin-top: 40px;
  }
}

@media only screen and ( max-width: 576px ){
  .Tarjeta-blog-01 .Btn-02{
    right: 0px !important;
    margin-right: 0px !important;
    float: right !important;
  }
}

.Tarjeta-platicas{
  margin-top: -112px;
  background-color: #61577B;
  border-radius: 16px;
  overflow: hidden;
  margin-bottom: 112px;
  box-shadow: 0px 0px 32px rgba(0, 0, 0, 0.32);
  position: relative;
}

.Tarjeta-platicas-img img{
  width: 100%;
  height: auto;
}

.Tarjeta-platicas-txt{
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  text-align: center;
  color: #FBFDFF;
  font-family: 'Montserrat Alternates';
  font-style: normal;
  font-weight: 500;
  font-size: 20px;
  line-height: 32px;
  box-sizing: border-box;
  padding-right: 30px;
}

.Tarjeta-platicas .Txt-linea-02{
  margin-top: 45%;
  margin-left: 15%;
  position: absolute;
}

@media only screen and ( max-width: 576px ){
.Tarjeta-platicas-txt{
  padding: 30px;
  padding-bottom: 100px;
}

.Tarjeta-platicas-txt .Btn-03{
  width: 100%;
}

.Tarjeta-platicas .Txt-linea-02{
  bottom: 0;
  margin-left: 0%;
}
}

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

.Correo{
  background-image: url(../img/bk/bk-correo.png);
  padding: 120px 0px 120px;
  color: #FBFDFF;
  background-size: cover;
  background-position: center;
}

.Correo b{
  font-family: 'Mulish';
  font-style: italic;
  font-weight: 700;
  font-size: 20px;
  line-height: 32px;
  color: #FFDE59;
}

.Correo-btn{
  display: flex;
  align-items: center;
  justify-content: center;
}

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

.Pie{
  background: linear-gradient(121.41deg, #1D3D5D 6.49%, #000000 96.03%);
  box-sizing: border-box;
  padding: 80px 20px;
}

.Pie-img img{
  width: 197px;
  filter: brightness(1000%);
}

.Pie-txt p{
  font-family: 'Montserrat Alternates';
  font-style: normal;
  font-weight: 700;
  font-size: 32.4px;
  line-height: 41px;
  color: #FFDE59;
}

.Pie-btn a{
  margin-left: 16px;
}

.Pie-derechos{
  background-color: #000000;
  color: #FBFDFF;
  font-family: 'Mulish';
  font-style: normal;
  font-weight: 400;
  font-size: 12.3609px;
  line-height: 0px;
  height: 60px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.Pie-derechos p{
  margin: 0px;
}

@media only screen and ( max-width: 576px ){
 
  .Pie-img{
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 40px;
  }

  .Pie-img img{
    width: 150px;
  }

  .Pie-txt{
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
  }  

  .Pie-txt p{
  font-size: 25px;
  line-height: 30px;
}

}

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

.Hero-home{
  width: 100%;
  background-image: url(../img/hero-home.png);
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}

.Hero-home-contenido{
  height: 780px;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  box-sizing: border-box;
  padding-bottom: 104px;
}

.Hero-home-contenido .H3-var-03{
  color: #FBFDFF;
  margin-bottom: 16px;
}

.Hero-home-contenido .H1-var-01{
  color: #FFDE59;
    font-size: 74.716px;
  line-height: 84px;
}

.Hero-home-contenido .H1-var-01 mark{
  background-color: #61577B;
  color: #FFDE59;
  border-radius: 8px;
  padding: 0px 10px !important;
}

.Hero-home-contenido .Txt-linea{
  position: absolute;
  right: 10px;
}

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

  .Hero-home-contenido{
  padding-bottom: 50px;
  }

  .Hero-home-contenido .H1-var-01{
    margin-bottom: 50px;
    font-size: 60px;
    line-height: 75px;
  }


  .Hero-home-contenido .Txt-linea{
    position: relative;
    right: 10px;
  }

}

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

  .Hero-home-contenido .H1-var-01{
    font-size: 35px;
    line-height: 45px;
  }  

}

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

.Home-presentacion{
  padding: 112px 0px 232px;
  box-sizing: border-box;
}

.Home-presentacion-cuadro{
  width: 100%;
  height: 400px;
  border-radius: 16px;
  background-color: #61577B;
  padding: 32px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #FBFDFF;
  text-align: end;
  flex-direction: column;

}

.Home-presentacion-cuadro p{
  margin: 0px;
}

.Home-presentacion-cuadro strong{
  color: #FFDE59;
}

.Home-presentacion-txt{
  width: 100%;
  height: 400px;
  padding: 32px;
  display: flex;
  align-items: start;
  justify-content: center;
  flex-direction: column;
  color: #61577B;
}

@media only screen and ( max-width: 992px ){
  .Home-presentacion{
    padding: 112px 0px 112px;
  }
}

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

  .Home-presentacion{
    padding: 112px 0px 0px;
  }  

  .Home-presentacion-txt{
    align-items: center;
    text-align: center;
  }

}

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

.Home-historia{
  padding-top: 88px;
  box-sizing: border-box;
  color: #FBFDFF;
}

.Home-historia .H2-var-01{
  color: #FFDE59;
  margin-bottom: 40px;
}

.Home-historia .H3-var-02{
  margin-bottom: 40px;
}

.Home-historia .Btn-01{
  float: right;
}

.Home-historia-img img{
  border-radius: 16px;
  width: 100%;
  margin-top: -200px;
  box-shadow: 0px 0px 32px rgba(0, 0, 0, 0.32);
}

@media only screen and ( max-width: 992px ){
  .Home-historia-img img{
    margin-top: 0px;
  }
}

@media only screen and ( max-width: 576px ){
  .Home-historia-img img{
    margin-top: 70px;
  }
}

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

.Home-podcast{
  padding: 112px 0px 0px;
  box-sizing: border-box;
}

.Home-podcast .H2-var-01{
  color: #1D3E5D;
  margin: 0px;
}

.Home-podcast .Envolvente-01{
  margin-top: 112px;
  box-sizing: border-box;
  padding: 89px;
}

.Home-podcast-btn{
  width: 100%;
  border-top: 1px solid #FFDE59;
  margin-top: 40px;
  box-sizing: border-box;
  padding-top: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}

.Home-podcast-btn .Btn-01{
  margin-bottom: 40px;
}

@media only screen and ( max-width: 992px ){
  .Home-podcast .Envolvente-01{
    padding: 30px;
    margin-top: 40px;
  }
}

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

.Home-blog{
  margin-top: -168px;
  padding: 335px 0px 168px;
  box-sizing: border-box;
}

.Home-blog .H2-var-01{
  color: #FFDE59;
  margin-bottom: 112px;
}

.Home-blog-btn{
  display: flex;
  align-items: center;
  justify-content: center;
}

@media only screen and ( max-width: 992px ){
  .Home-blog{
    margin-top: -168px;
    padding: 280px 0px 112px;
    box-sizing: border-box;
  }

  .Home-blog .H2-var-01{
    margin-bottom: 40px;
  }
}

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

.Top-podcast{
  padding: 212px 0px 192px;
}

.Top-podcast .H2-var-01{
  margin: 0px;
  color: #1D3E5D;
}

.Top-podcast .Gral-var-02{
  color: #61577B;
  margin-top: 32PX;
}

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

.Podcast-ultimo{
  background-color: #61577B;
  height: auto;
  padding-bottom: 168px;
  box-sizing: border-box;
}

.Podcast-ultimo .Envolvente-01{
  margin-top: -112px;
  box-sizing: border-box;
  padding: 89px;
}

.Podcast-ultimo-fecha{
  margin-top: 112px;
  color: 0px;
}

.Podcast-ultimo-fecha .H3-var-03{
  margin: 0px;
  color: #FBFDFF;
}

.Podcast-ultimo-fecha .H2-var-01{
  margin: 0px;
  color: #FFDE59;
}

.Podcast-listado{
  margin-bottom: 168px;
}

.Podcast-listado .Envolvente-01{
  margin-top: -70px;
  box-sizing: border-box;
  padding: 89px;
}

@media only screen and ( max-width: 992px ){
  .Podcast-ultimo .Envolvente-01{
    padding: 30px;
  }

  .Podcast-listado{
    margin-bottom: 112px;
  }

  .Podcast-listado .Envolvente-01{
    padding: 30px;
  }
}

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

.Top-article{
  padding: 212px 0px 192px;
}

.Top-article .H2-var-01{
  margin: 0px;
  color: #FFDE59;
}

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

.Articles-listado{
  margin-top: -112px;
}

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

.Banner-podcast{
  margin-top: 168px;
  background-image: url(../img/bk/bk-banner-podcast.png);
  background-position: right;
  background-size: cover;
  padding: 112px 0px;
  color: #FBFDFF;
}

.Banner-podcast .H2-var-01{
  color: #FFDE59;
}

@media only screen and ( max-width: 576px ){
  .Banner-podcast{
    background-position: center;
  }
  .Banner-podcast-cont{
    background-position: center;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    padding: 0px 15px;
  }
}

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

.Top-article-cont{
  height: auto;
  box-sizing: border-box;
  margin-top: 130px;
}

.Top-article-cont-img{
  width: 100%;
  height: 500px;
  overflow: hidden;
}

.Top-article-cont-img img{
  width: 100%;
  height: auto;
}

.Top-article-cont .H2-var-01{
  color: #1D3E5D;
  margin-top: 60px;
}

.Article-cont{
  margin-top: 40px;
  margin-bottom: 112px;
  font-family: 'Mulish';
  font-style: normal;
  font-weight: 400;
  font-size: 20px;
  line-height: 32px;
  color: #61577B;
}

.Article-cont .col-10{
  border-bottom: 2px solid #FFDE59;
  padding-bottom: 40px;
}

.Article-cont h2{
  font-family: 'Hind Madurai';
  font-style: normal;
  font-weight: 600;
  font-size: 32.36px;
  line-height: 41px;
  color: #1D3E5D;
  margin-top: 80px;
  margin-bottom: 32px;
}

.Article-cont  strong{
  color: #8F5EC9;
}

.Article-cont img{
  border-radius: 16px;
  width: 100%;
  height: auto;
  margin-top: 60px;
  margin-bottom: 80px;
}

.Article-cont-blog{
  padding: 0px 0px 168px;
  box-sizing: border-box;
}

.Article-cont-blog-btn{
  display: flex;
  align-items: center;
  justify-content: center;
}

@media only screen and ( max-width: 992px ){
  .Article-cont-blog{
    padding: 0px 0px 112px;
    box-sizing: border-box;
  }

  .Article-cont img{
    border-radius: 8px;
    margin-top: 40px;
    margin-bottom: 60px;
  } 

  .Top-article-cont-img{
    height: auto;
  }  
}

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

.Top-contacto{
  background-position: center;
  background-size: cover;
  background-image: url(../img/bk/bk-contacto.png);
  background-position: 0px 100px;
}

.Top-contacto-info{
  height: 560px;  
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  text-align: center;
  color: #FBFDFF;
  box-sizing: border-box;
  padding-top: 112px;
}

.Top-contacto .H2-var-01{
  color: #FFDE59;
}

.Contacto-form{
  margin-top: 168px;
  color: #61577B;
}

.Contacto-form .H3-var-03{
  color: #1D3E5D;
}

.Contacto-form .Envolvente-01{
  width: 100%;
  height: auto;
  box-sizing: border-box;
  padding: 50px;
}

.wpcf7-form-control-wrap input{
  width: 100%!important;
  border:0px;
  border: 1px solid #61577B;
  border-radius: 8px;
  width:100%;
  box-sizing:border-box;
  padding-left:10px;
  font-size:17px;
  color:#000000 !important;
  min-height: 50px;
  margin-bottom: 16px;
  color: #61577B;
  transition: all .7s;
}

.wpcf7-form-control-wrap input:focus { 
border:0px solid #002060;	
box-shadow: 0px 0px 18px rgba(0, 134, 157, .70);
-moz-box-shadow: 0px 0px 18px rgba(0, 134, 157, .70);
-webkit-box-shadow: 0px 0px 18px rgba(0, 134, 157, .70);
}

.wpcf7-form-control-wrap textarea{
  width: 100%;
  border:0px;
  border: 1px solid #61577B;
  border-radius: 8px;
  width:100%;
  box-sizing:border-box;
  padding-left:10px;
  font-size:17px;
  color:#000000 !important;
  min-height: 50px;
  margin-bottom: 16px;
  color: #61577B;
  transition: all .7s;
  height: 110px;
}

.wpcf7-form-control-wrap textarea:focus { 
border:0px solid #002060;	
box-shadow: 0px 0px 18px rgba(0, 134, 157, .70);
-moz-box-shadow: 0px 0px 18px rgba(0, 134, 157, .70);
-webkit-box-shadow: 0px 0px 18px rgba(0, 134, 157, .70);
}

.wpcf7-submit{
  width: 100%;
  max-width: 267px;
  height: 56px;
  text-align:center;
  color:#FBFDFF;
  background: #8F5EC9;
  border-radius: 8px;
  display:block;
  text-decoration:none;
  font-size:24px;
  box-sizing:border-box;
  padding-top:3px;
  transition: all .7s;
}

.wpcf7-submit:hover{
  text-decoration: none;
  color: #FBFDFF;
  background-color: #61577B;
}

.wpcf7-not-valid-tip{
  color: red;
  margin-top: -25px !important;
}

.screen-reader-response ul{
  display: none;
}

.screen-reader-response p{
  color: red;
}

.wpcf7-response-output{
    display: none;
}

.Contacto-redes{
  margin-top: 168px;
  margin-bottom: 168px;
}

.Contacto-redes-cont{
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}

.Contacto-redes-cont .H3-var-03{
  color: #1D3E5D;
  margin: 0px;
}

.Contacto-redes-cont a{
  font-family: 'Mulish';
  font-style: normal;
  font-weight: 700;
  font-size: 20px;
  line-height: 32px;
  text-align: center;
  color: #61577B;
  text-decoration: none;
}

.Contacto-redes-cont-detalle{
  background-color: #ADD5E6;
  width: 85px;
  height: 3px;
  margin-top: 10px;
}

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

  .Contacto-form{
    margin-top: 112px;
  }

  .Contacto-redes{
    margin-top: 112px;
    margin-bottom: 112px;
  }
}

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

 .Top-contacto{
    background-position: -950px 100px;
  }

  .Contacto-form .Envolvente-01{
    margin-top: 32px;
    padding: 10px;
  }

}

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

.Top-about-us{
  height: 321px;
}

.About-01{
  color: #61577B;
}

.About-01 img{
  border-radius: 8px;
  width: 100%;
  height: auto;
  margin-top: -112px;
}

.About-01 .H2-var-01{
  color: #1D3E5D;
}

.About-01-txt{
  box-sizing: border-box;
  padding: 100px 100px 0px;
}

@media only screen and ( max-width: 992px ){
  .About-01-txt{
    padding: 40px 40px 0px;
  }
}

@media only screen and ( max-width: 576px ){
  .About-01-txt{
    padding: 32px 0px 0px;
  }
}

.About-02{
  margin-top: 112px;
  margin-bottom: 112px;
  color: #1D3E5D;
  font-family: 'Mulish';
  font-style: normal;
  font-weight: 300;
  font-size: 18px;
  line-height: 32px;
}

.About-03{
  color: #FBFDFF;
  font-family: 'Mulish';
  font-style: normal;
  font-weight: 300;
  font-size: 18px;
  line-height: 32px;
  padding: 112px 0px 40px;
}

.About-03 .H3-var-03{
  margin: 0px;
}

.About-03 .H2-var-01{
  margin: 0px;
  color: #FFDE59;
}

.About-03-b{
  margin-top: 112px;
}

.About-03-b img{
  margin-bottom: -112px;
  border-radius: 8px;
  width: 100%;
  height: auto;
}

.About-04{
  box-sizing: border-box;
  padding-top: 200px;
  padding-bottom: 200px;
  font-family: 'Mulish';
  font-style: normal;
  font-weight: 300;
  font-size: 18px;
  line-height: 32px;
  color: #1D3E5D;
}

.About-05{
  margin-top: 90px;
}

.About-05 .H3-var-02{
  margin: 0px;
  color: #61577B;
}

.About-05 .H3-var-01{
  margin: 0px;
  color: #1D3E5D;
}

.About-06{
  margin-top: 90px;
  font-family: 'Mulish';
  font-style: normal;
  font-weight: 300;
  font-size: 18px;
  line-height: 32px;
  color: #1D3E5D;
}

@media only screen and ( max-width: 992px ){
  .About-03-b img{
    margin-top: 40px;
  }
}

@media only screen and ( max-width: 576px ){
  .About-03{
    padding: 70px 0px 0px;
  }

  .About-02{
    margin-top: 60px;
    margin-bottom: 60px;
  }

  .About-03-b{
  margin-top: 60px;
  }

  .About-05{
  margin-top: 40px;
  }

  .About-06{
  margin-top: 40px;
  }
}