@font-face{
  font-family: "Ubuntu";
  src: local("Ubuntu Light"), local("Ubuntu-Light"),
       url("./type/Ubuntu-Light.woff2") format("woff2"),
       url("./type/Ubuntu-Light.ttf") format("ttf");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face{
  font-family: "Quinzey";
  src: local("Quinzey"), local("Quinzey"),
       url("./type/quinzey.woff2") format("woff2"),
       url("./type/quinzey.ttf") format("ttf");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
html{
  -ms-text-size-adjust: 100%;
  -webkit-texts-size-adjust: 100%;
  -webkit-backface-visibility: hidden;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;;
}
body{
  font-family: "Ubuntu", arial;
  text-rendering: optimizeLegibility;
  background: #fdfbf9;
}
html, body{
  height: 100%; position: relative;
}
body.is-active{
  overflow: hidden;
}
*{
  margin: 0; box-sizing: border-box;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
*:before, *:after{
  box-sizing: border-box;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
a, img{
  border: 0 none; outline: none;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
a, a:link, a:visited, a:focus, a:active, a:hover{
  text-decoration: none; cursor: pointer;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
.hide{
  display: none;
}


/* --------- Preloader -------- */

.preload{
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1000;
  background: #fff;
}
.preload-logo{
  position: absolute;
  top: 50%;
  margin-top: -95px;
  left: 50%;
  width: 130px;
  transform: translate(-50%);
  -webkit-transform: translate(-50%);
}

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

  .preload-logo{
    width: 115px;
  }

}

/* ------- End Preloader ------ */


main{
  min-height: 100vh; /* will cover the 100% of viewport */
  top: 0;
  overflow: hidden;
  display: block;
  position: relative;
  padding-bottom: ; /* height of your footer */
}


/* --------- Top Menu --------- */

nav{
  position: fixed;
  top: 0;
  width: 100%;
  height: 60px;
  background: #fdfbf9;
  box-shadow: 0px 0px 3px 1px rgba(0,0,0,0.2);
  transition: top 0.5s;
  z-index: 80;
}
#nav{
  top: -65px;
}
.inner{
  position: absolute;
  width: 100%;
  max-width: 1250px;
  height: 100%;
  margin: 0 auto;
  padding: 0 15px 0 15px;
  left: 50%;
  transform: translate(-50%);
  -webkit-transform: translate(-50%);
  background: url("../img/bg-nav.jpg") no-repeat 50% 50%;
  background-size: auto 60px;
  z-index: 85;
}
.logo img{
  position: absolute;
  top: 3px;
  left: 50%;
  transform: translate(-50%);
  -webkit-transform: translate(-50%);
  background: #fff;
  border-radius: 2px;
  width: 54px;
  z-index: 86;
}
.blog-logo{
  position: absolute;
  width: 32px;
  left: 50%;
  transform: translate(-50%);
  -webkit-transform: translate(-50%);
  margin-left: 37px;
  top: 9px;
  z-index: 87;
}
.cortina-menu{
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(255, 255, 255, 0.93);
  backdrop-filter: blur(1px);
  -webkit-backdrop-filter: blur(1px);
  visibility: hidden;
  opacity: 0;
  transition: visibility 0s 0.1s, opacity 0.2s linear;
  z-index: 84;
}
.cortina-menu.is-active{
  visibility: visible;
  opacity: 1;
  transition: opacity 0.2s linear;
}
body.is-active{
  overflow: hidden;
}
.content-menu{
  position: absolute;
  top: 24%;
  left: 50%;
  width: 340px;
  transform: translate(-50%, -25%);
  -webkit-transform: translate(-50%, -25%);
  display: flex;
  flex-direction: column;
  align-items: center;
}
.content-menu a{
  padding: 15px 40px 0 40px;
  font-size: calc(1.1em + 0.5vw);
  color: #000;
}
.content-menu a.active, .content-menu a:hover{
  border-bottom: 1px solid #000;
}


.menu-action{
  margin: 13px 15px;
  width: 35px;
  height: 34px;
  padding: 6px 4px;
  display: inline-block;
  cursor: pointer;
  transition-property: opacity, filter;
  transition-duration: 0.15s;
  transition-timing-function: linear;
  font: inherit;
  color: inherit;
  text-transform: none;
  border: 0;
  float: right;
  overflow: visible;
  border-radius: 25px;
  background: rgba(255, 255, 255, 0.85);
  box-shadow: 0px 0px 10px 6px #fff;
  -webkit-tap-highlight-color: rgba(0,0,0,0);
}
@media only screen and (max-width: 760px){
  .menu-action{
    margin: 13px 0;
  }
}
.menu-action:hover{
  opacity: 1;
}
.menu-action.is-active:hover{
  opacity: 1;
}
.menu-action.is-active .menu-action-inner,
.menu-action.is-active .menu-action-inner::before,
.menu-action.is-active .menu-action-inner::after{
  background: #000;
}
.menu-action-box{
  width: 40px;
  height: 24px;
  display: inline-block;
  position: relative;
  z-index: 99;
}
.menu-action-inner{
  display: block;
  top: 50%;
  margin-top: -2px;
}
.menu-action-inner,
.menu-action-inner::before,
.menu-action-inner::after{
  width: 27px;
  height: 2px;
  background: #000;
  border-radius: 4px;
  position: absolute;
  transition-property: transform;
  transition-duration: 0.15s;
  transition-timing-function: ease;
}
.menu-action-inner::before,
.menu-action-inner::after{
  content: "";
  display: block;
}
.menu-action-inner::before{
  top: -8px;
}
.menu-action-inner::after{
  bottom: -8px;
}

/* Animation menu */

.spin .menu-action-inner{
  transition-duration: 0.22s;
  transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
.spin .menu-action-inner::before{
  transition: top 0.1s 0.25s ease-in, opacity 0.1s ease-in;
}
.spin .menu-action-inner::after{
  transition: bottom 0.1s 0.25s ease-in, transform 0.22s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
.spin.is-active .menu-action-inner{
  transform: rotate(225deg);
  transition-delay: 0.12s;
  transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
.spin.is-active .menu-action-inner::before{
  top: 0;
  opacity: 0;
  transition: top 0.1s ease-out, opacity 0.1s 0.12s ease-out;
}
.spin.is-active .menu-action-inner::after{
  bottom: 0;
  transform: rotate(-90deg);
  transition: bottom 0.1s ease-out, transform 0.22s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1);
}

/* Reverse */

.spin-r .menu-action-inner{
  transition-duration: 0.22s;
  transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
.spin-r .menu-action-inner::before{
  transition: top 0.1s 0.25s ease-in, opacity 0.1s ease-in;
}
.spin-r .menu-action-inner::after{
  transition: bottom 0.1s 0.25s ease-in, transform 0.22s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
.spin-r.is-active .menu-action-inner{
  transform: rotate(-225deg);
  transition-delay: 0.12s;
  transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
.spin-r.is-active .menu-action-inner::before{
  top: 0;
  opacity: 0;
  transition: top 0.1s ease-out, opacity 0.1s 0.12s ease-out;
}
.spin-r.is-active .menu-action-inner::after{
  bottom: 0;
  transform: rotate(90deg);
  transition: bottom 0.1s ease-out, transform 0.22s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1);
}

/* end animation */

.share-icons-menu{
  position: absolute;
  top: 75%;
  height: 40px;
  left: 50%;
  transform: translate(-50%, 0);
  -webkit-transform: translate(-50%, 0);
}
.share-icons-menu ul{
  position: absolute;
  left: 50%;
  padding: 0;
  margin: 0;
  transform: translate(-50%);
  display: flex;
}
.share-icons-menu ul li{
  list-style: none;
  margin: 0 5px;
}
.share-icons-menu ul li a{
  position: relative;
  display: block;
  width: 32px;
  height: 32px;
}

/* -------- End Top Menu ------ */



section{
  position: relative;
  width: 100%;
  max-width: 1250px;
  left: 50%;
  transform: translate(-50%, 0);
  -webkit-transform: translate(-50%, 0);
  height: auto;
  padding: 85px 0 0 0;
  margin: 0 0 150px 0;
}
section.gral{
  padding: 60px 0 0 0;
}

.logo-gr{
  position: absolute;
  width: 160px;
  height: 160px;
  top: 2px;
  left: 50%;
  transform: translate(-50%);
  -webkit-transform: translate(-50%);
  z-index: 9;
}


.fullwidth{
  width: 100%;
  /*height: calc(90vh - 80px);*/
  height: 76vh;
  border-bottom: 1px solid rgba(0,0,0,0.2);
}
.parallax-image-wrapper { 
  width: 100%;
  height: 100%;
  overflow: hidden;
  -webkit-tap-highlight-color: rgba(0,0,0,0);
}
.parallax-image-wrapper img{
  width: 100%;
  height: 100%;
  object-fit: cover;
  -webkit-tap-highlight-color: rgba(0,0,0,0);
}

.img-gall{
height: 89vh;
}
.img-vert{
height: 99vh;
}
.padd-right{
  object-position: 70% 50%;
}
.padd-left{
  object-position: 30% 50%;
}
.head{
  height: calc(90vh - 60px);
}
.fullwidth h1{
  position: relative;
  bottom: 150px;
  width: 100%;
  padding-top: 10px;
  left: 50%;
  transform: translate(-50%);
  -webkit-transform: translate(-50%);
  text-align: center;
  font-weight: 100;
  font-family: "Quinzey", arial;
  font-size: calc(2.3em + 1vw);
  color: #fff;
  text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5);
  z-index: 10;
}
.parallax-text{
  position: relative;
  z-index: 20;
  width: 100%;
  height: 205px;
  bottom: 205px;
  background-image: linear-gradient(to bottom, rgba(0,0,0,0), rgba(0,0,0,0.35), rgba(0,0,0,0.7));
}
.parallax-text h1{
  padding-top: 0;
  bottom: 0;
  top: 0;
}
.parallax-text p{
  position: absolute;
  width: 96%;
  max-width: 680px;
  bottom: 65px;
  font-size: calc(0.85em + 0.5vw);
  left: 50%;
  transform: translate(-50%);
  -webkit-transform: translate(-50%);
  color: #fff;
  text-align: center;
}
.parallax-text ul{
  position: absolute;
  width: 96%;
  max-width: 680px;
  bottom: 105px;
  text-align: center;
  left: 50%;
  transform: translate(-50%);
  -webkit-transform: translate(-50%);
  color: #fff;
  list-style:none;
  padding-left:0;
}
.parallax-text ul li:first-child{
  font-weight: 100;
  font-family: "Quinzey", arial;
  font-size: calc(2em + 1vw);
  text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5);
}
.parallax-text ul li:nth-child(2){
  font-size: calc(0.85em + 0.5vw);
  text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5);
}
.parallax-text .btn{
  position: absolute;
  bottom: 40px;
  left: 50%;
  transform: translate(-50%);
  -webkit-transform: translate(-50%);
  color: #000;
  text-align: center;
  font-size: calc(0.7em + 0.5vw);
  border: 2px solid #fff;
  border-radius: 4px;
  padding: 8px 16px;
  display:inline-block;
  text-decoration: none;
  background: #fff;
  box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.2);
}
.index-blog{
  height: 235px;
  bottom: 235px;
}
.parallax-text p{
  position: relative;
  width: 96%;
  top: 0px;
  font-size: calc(0.8em + 0.5vw);
  left: 50%;
  transform: translate(-50%);
  -webkit-transform: translate(-50%);
  color: #fff;
  text-align: center;
  text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5);
}
.cita{
  height: 370px;
  margin-bottom: 0px;
}
.cita .marco{
  position: relative;
  width: 80%;
  max-width: 1000px;
  height: 240px;
  bottom: 290px;
  border: 2px solid #fff;
  left: 50%;
  transform: translate(-50%);
  -webkit-transform: translate(-50%);
  background: rgba(0,0,0,0.5);
  z-index: 30;
}
.text-cita ul li:nth-child(2){
  color: #fff;
  font-size: calc(0.80em + 0.5vw);
}


.arrow{
  position: absolute;
  bottom: 25px;
  left: 50%;
  margin-left:-17.5px;
  width: 35px;
  height: 35px;
  z-index: 25;
  background: url("../img/arrow-down.svg");
  background-size: contain;
  opacity: 0.3;
}
.bounce{
  animation: bounce 2.5s infinite;
}
@keyframes bounce{
  0%, 20%, 50%, 80%, 100%{
    transform: translateY(0);
  }
  40%{
    transform: translateY(-10px);
  }
  60%{
    transform: translateY(-7px);
  }
}


.text-opinion{
  position: relative;
  top: 30px;
  width: 96%;
  max-width: 680px;
  height: auto;
  left: 50%;
  transform: translate(-50%);
  -webkit-transform: translate(-50%);
  font-size: calc(0.7em + 0.5vw);
  font-style: italic;
  text-align: justify;
  padding: 10px 15px 50px 15px;
  margin-bottom: 40px;
  border-bottom: 1px dashed #ddd;
}
.text-opinion span{
  font-style: normal;
  position: relative;
  line-height: 0;
  top: 7px;
  font-size: 1.9em;
  font-family: "Times New Roman", Times, serif;
}
.text-opinion p{
  position: absolute;
  right: 7%; 
  bottom: -3px;
  font-size: calc(1.4em + 0.5vw);
  font-family: "Quinzey", arial;
  text-align: right;
}
.text-extra{
  position: relative;
  top: 30px;
  width: 96%;
  max-width: 680px;
  height: auto;
  left: 50%;
  transform: translate(-50%);
  -webkit-transform: translate(-50%);
  font-size: calc(0.7em + 0.5vw);
  font-style: italic;
  text-align: justify;
  padding: 10px 15px 10px 15px;
  margin-bottom: 40px;
}
.text-extra a{
  color: #000;
  border-bottom: 1px solid #000;
}

.autor-foto{
  position: relative;
  left: 50%;
  transform: translate(-50%);
  -webkit-transform: translate(-50%);
  width: auto;
  height: auto;
  text-align: center;
  font-size: calc(0.7em + 0.5vw);
  top: 30px;
  color: #000;
}
.autor-foto a{
  color: #000;
  border-bottom: 1px solid #000;
}


.share-title{
  position: relative;
  width: 250px;
  top: 60px;
  left: 50%;
  transform: translate(-50%);
  -webkit-transform: translate(-50%);
  font-size: calc(0.7em + 0.5vw);
  text-align: center;
}

.share-icons{
  position: relative;
  height: 150px;
  top: 70px;
}
.share-icons ul{
  position: absolute;
  left: 50%;
  padding: 0;
  margin: 0;
  transform: translate(-50%);
  display: flex;
}
.share-icons ul li{
  list-style: none;
  margin: 0 5px;
}
.share-icons ul li a{
  position: relative;
  display: block;
  width: 32px;
  height: 32px;
}


#show-mobile{
  display: none;
}
@media only screen and (max-width: 760px){
  #show-mobile{
    display: inline;
  }

}

.facebook-icon{
  background: url("../img/facebook.svg") no-repeat 50% 50%;
}
.x-icon{
  background: url("../img/x.svg") no-repeat 50% 50%;
}
.whatsapp-icon{
  background: url("../img/whatsapp-2.svg") no-repeat 50% 50%;
}
.telegram-icon{
  background: url("../img/telegram.svg") no-repeat 50% 50%;
}
.instagram-icon{
  background: url("../img/instagram.svg") no-repeat 50% 50%;
}
.google-icon{
  background: url("../img/google.svg") no-repeat 50% 50%;
}




/* ----- Carousel Opinion ----- */

.carousel{
  position: relative;
  width: 94%;
  max-width: 560px;
  height: 240px;
  left: 50%;
  transform: translate(-50%);
  -webkit-transform: translate(-50%);
  font-size: calc(0.75em + 0.5vw);
  font-style: italic;
  text-align: justify;
}
@keyframes in-out{
  0%  {opacity:0;}
  1%  {opacity:1;}
  19% {opacity:1;}
  20% {opacity:0;}
}
.carousel div{
  position: absolute;
  width: 100%;
  padding: 70px 2px 60px 2px;
  animation: in-out 40s linear infinite;
  opacity: 0;
}
.carousel div:nth-child(2){animation-delay:8s;}
.carousel div:nth-child(3){animation-delay:16s;}
.carousel div:nth-child(4){animation-delay:24s;}
.carousel div:nth-child(5){animation-delay:32s;}
.carousel p{
  width: 120px;
  margin: 20px 20px 5px 0;
  padding-left: 5px;
  float: right;
  line-height: 1.2em;
  font-size: calc(1.7em + 0.5vw);
  font-family: "Quinzey", arial;
}
@media only screen and (max-width: 760px){
  .carousel{
    font-size: 0.9em;
  }

}

/* -------- End Carousel ------ */


/* --------- Contacto --------- */

.contact{
  position: relative;
  width: 100%;
  margin: -120px auto 130px auto;
  border-bottom: 1px solid #ddd;
}
.tabs{
  position: relative;
  width: 98%;
  text-align: center;
  top: 1px;
  left: 50%;
  transform: translate(-50%);
  -webkit-transform: translate(-50%);
  padding: 0;
  list-style: none;
  font-size: 1.1em;
  z-index: 10;
}
.tabs li{
  background: none;
  display: inline-block;
  padding: 10px 15px;
  cursor: pointer;
}
.tabs li.current{
  background: #fff;
  color: #000;
  border: 1px solid #ddd;
  border-bottom: none;
  border-radius: 3px 3px 0 0;
  -moz-border-radius: 3px 3px 0 0;
  -webkit-border-radius: 3px 3px 0 0;
}
.tab-content{
  position: relative;
  height: auto;
  top: 0;
  display: none;
  background: #fff;
  padding-bottom: 15px;
  border-top: 1px solid #ddd;
}
.tab-content.current{
  display: inherit;
}
/*  */
.content-form{
  position: relative;
  width: 100%;
  max-width: 760px;
  margin-bottom: 50px;
  padding: 15px;
  left: 50%;
  transform: translate(-50%);
  -webkit-transform: translate(-50%);
  display: flex; 
  flex-direction: column;
}
.contact .content{
  width: 100%;
  padding: 10px 0 25px 0;
  display: flex;
  flex-direction: column;
  text-align: center;
  border-bottom: 1px dashed #ddd;
}
.contact .title{
  margin-top: 10px;
  font-size: 1.1em;
  text-align: center;
}
.contact .title-form{
  position: relative;
  margin-top: 15px;
  padding-bottom: 20px;
  font-size: 1.1em;
  text-align: center;
  left: 50%;
  transform: translate(-50%);
  -webkit-transform: translate(-50%);
}
.contact .option{
  margin-top: 15px;
  font-size: 1.0em;
}
.contact .option a{
  margin-left: 10px;
  font-size: 1.0em;
  color: #000;
  border-bottom: 1px solid #000;
}
.contact iframe{
  margin-top: 35px;
  box-shadow: 0px 0px 3px 1px rgba(0,0,0,0.2);
}
hr{
  border: 0;
  border-bottom: 1px dashed #ddd;
  margin: 20px 0 15px 0;
}

/* Formulario */
form{
  margin-top: 20px;
}
.hide-label{
  font-size: 0px;
}
input, textarea{
  width: 100%;
  -webkit-appearance: none;
  -webkit-border-radius: 0; 
  border-radius: 0;
  font-family: "Ubuntu", arial;
  color: #707070;
  background: rgba(0, 0, 0, 0.02);
  font-size: 1.0em;
  -webkit-appearance:none;
  -moz-appearance: none;
  appearance: none;
  user-select: none;
  outline: none;
}
input{
  border: 0 none;
  margin-bottom: 5px;
  padding: 9px;
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  box-shadow: 0px 0px 2px 0px rgba(0,0,0,0.4);
  -webkit-box-shadow: 0px 0px 2px 0px rgba(0,0,0,0.4);
  -moz-box-shadow: 0px 0px 2px 0px rgba(0,0,0,0.4);
  -webkit-appearance:none;
  -moz-appearance: none;
  appearance: none;
  user-select: none;
  outline: none;
}
textarea{
  height: 180px;
  margin: 40px 0 8px 0;
  border: none;
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  box-shadow: 0px 0px 2px 0px rgba(0,0,0,0.4);
  -webkit-box-shadow: 0px 0px 2px 0px rgba(0,0,0,0.4);
  -moz-box-shadow: 0px 0px 2px 0px rgba(0,0,0,0.4);
  padding: 9px;
  resize: none;
  -webkit-appearance:none;
  -moz-appearance: none;
  appearance: none;
  user-select: none;
  outline: none;
}
.selectcheckbox{
  position: relative;
  display: inline-block;
  padding: 0 10px 0 25px;
  top: 15px;
  left: 0px;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  color: #707070;
  font-size: 1.0em;
}
.selectcheckbox input{
  position: absolute;
  opacity: 0;
  width: 50px;
  -webkit-appearance:none;
  -moz-appearance: none;
  appearance: none;
  user-select: none;
  outline: none;
}
.selectcheckbox a{
  color: #707070;
  text-decoration: underline;
}
.checkmark{
  position: absolute;
  top: 0;
  left: 0;
  margin-left: 1px;
  height: 20px;
  width: 20px;
  background: white;
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  box-shadow: 0px 0px 2px 0px rgba(0,0,0,0.4);
  -webkit-box-shadow: 0px 0px 2px 0px rgba(0,0,0,0.4);
  -moz-box-shadow: 0px 0px 2px 0px rgba(0,0,0,0.4);
  background: rgba(0, 0, 0, 0.02);
}
.selectcheckbox:hover input ~ .checkmark{}
.selectcheckbox input:checked ~ .checkmark{}
.checkmark:after{
  content: "";
  position: absolute;
  display: none;
}
.selectcheckbox input:checked ~ .checkmark:after{
  display: block;
}
.selectcheckbox .checkmark:after{
  left: 8px;
  top: 4px;
  width: 5px;
  height: 10px;
  border: solid black;
  border-width: 0 2px 2px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}
input[type=submit]{
  width: 100%;
  padding: 9px;
  color: #fff;
  letter-spacing: 0.1em;
  font-style: normal;
  text-align: center;
  border: none;
  background: rgba(28, 27, 23, 1);
  /*font-size: 18px;*/
  cursor: pointer;
  margin: 40px 0 0 0;
  -webkit-appearance:none;
  -moz-appearance: none;
  appearance: none;
  user-select: none;
  outline: none;
}
input[type=submit]:hover{ 
  background: rgba(0, 0, 0, 0.8);
  color: #fff;
}
form label.error{
  position: relative;
  display: inline-block;
  font-size: 13px;
  color: red;
  top: -5px;
  left: 2px;
  width: 100%;
}
.msg-envio{
  text-align: center;
  left: 50%;
  transform: translate(-50%);
  -webkit-transform: translate(-50%);
  position: relative;
}

@media only screen and (max-width: 760px){
  .tabs, .contact .title{
    font-size: 1.0em;
  }
  .contact .option{
    font-size: 0.9em;
  }
}

/* ------- Fin Contacto ------- */


/* ---------- Blog ---------- */

/*
.content{
  padding: 0 5% 0 5%;
}*/

.cuerpo-blog{
  position: relative;
  top: 35px;
  width: 90%;
  max-width: 800px;
  left: 50%;
  transform: translate(-50%);
  -webkit-transform: translate(-50%);
  margin-bottom: 40px;
  text-align: justify;
}
.cuerpo-blog p, .cuerpo-blog figure{
  margin-bottom: 20px;
}
.cuerpo-blog a{
  color: #000;
  border-bottom: 1px solid #000;
  font-style: italic;
}


.tag--share{
  position: relative;
  width: 95%;
  max-width: 800px;
  height: 30px;
  top: 20px;
  left: 50%;
  transform: translate(-50%);
  -webkit-transform: translate(-50%);
}
.tags{
  position: relative;
  top: 10px;
  display: flex;
  width: 80%;
  left: 50%;
  transform: translate(-50%);
  -webkit-transform: translate(-50%);
}
.tag-post{
  position: relative;
  width: auto;
  left: 50%;
  transform: translate(-50%);
  -webkit-transform: translate(-50%);
  flex-wrap: wrap;
  display: flex;
  color: #000;
}
.tag-post a{
  color: #fff;
  background: #000;
  padding: 4px 8px 4px 8px;
  text-transform: uppercase;
  margin-bottom: 3px;
  border-radius: 4px;
  font-size: 0.9em;
  margin-right: 3px;
  position: relative;
}
.tag-post a:before{
  /* content: "#"; */
}


.share-title-blog{
  position: relative;
  width: 250px;
  top: 90px;
  left: 50%;
  transform: translate(-50%);
  -webkit-transform: translate(-50%);
  font-size: calc(0.7em + 0.5vw);
  text-align: center;
}


.share-icons-blog{
  position: relative;
  height: 150px;
  top: 100px;
}
.share-icons-blog ul{
  position: absolute;
  left: 50%;
  padding: 0;
  margin: 0;
  transform: translate(-50%);
  display: flex;
}
.share-icons-blog ul li{
  list-style: none;
  margin: 0 5px;
}
.share-icons-blog ul li a{
  position: relative;
  display: block;
  width: 32px;
  height: 32px;
}


.pie-post{
  position: relative;
  width: 90%;
  max-width: 450px;
  left: 50%;
  transform: translate(-50%);
  -webkit-transform: translate(-50%);
  padding-bottom: 30px;
  opacity: 0.8;
}


.head-tag{
  position: relative;
  left: 50%;
  text-align: center;
  transform: translate(-50%);
  -webkit-transform: translate(-50%);
  font-family: "Quinzey", arial;
  font-size: calc(1.5em + 1vw);
  margin-top: 20px;
  padding-bottom: 25px;
}
.head-tag span{
  text-transform: capitalize;
}


.wp-block-image img{
  width: 100%;
  height: auto;
}
.wp-block-image figcaption, .blog-post sub{
 /* font-size: 0.85em;*/
  font-style: italic;
}
.wp-block-image figcaption a, .blog-post sub a{
  color: #000;
  border-bottom: 1px solid #000;
}
.alignleft{
  float: left;
  padding: 12px 12px 12px 0;
}
.aligncenter{
  text-align: center;
  padding: 12px;
}
.alignright{
  float: right;
  padding: 12px 0 12px 12px;
}
.alignleft img, .alignright img, .aligncenter img{
  box-shadow: 0px 4px 13px -7px #000;
}


.date-blog{
  position: absolute;
  top: -25px;
  left: 6px;
  color: grey;
  font-style: italic;
}
.cite-blog{
  opacity: 0;
}
.more-read{
  position: relative;
  bottom: 15px;
  text-align: right;
  right: 25px;
  color: #666;
  margin-top: -20px;
}


.rel-title{
  position: relative;
  width: 90%;
  height: 30px;
  left: 50%;
  transform: translate(-50%);
  -webkit-transform: translate(-50%);
  margin-bottom: 30px;
  font-family: "Quinzey", arial;
  font-size: calc(1.5em + 1vw);
  text-align: center;
}
.rel-content{
  width: 90%;
  max-width: 800px;
  margin: 0 auto;
  display: grid;
  grid-template-columns: repeat(auto-fit,minmax(15rem,1fr));
  grid-gap: 1.2rem;
  border-bottom: 1px dashed #ddd;
  padding-bottom: 25px;
  margin-bottom: 40px;
}
.rel-box{
  padding: 0rem 0rem;
  display: flex;
  flex-direction: column;
  align-items: center;
  /*justify-content: center;*/
  background: #fff;
}
.rel-img{
  position: relative;
  width: 100%;
  height: 0;
  padding-bottom: 72%;
  overflow: hidden;
  background: #F5F5F5;
  background-size: cover;
  background-position: center;
}

.rel-img img{ 
  position: absolute;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.rel-box span{
  color: #000;
  margin: 10px 0;
  font-family: "Quinzey", arial;
  font-size: 1.6em;
}
.rel-box p{
  width: 90%;
  height: 40px;
  text-align: center;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  color: #000;
}


.screen-reader-text{
  text-align: center;
  font-size: 1.4em;
  padding-top: 20px;
  margin-bottom: 20px;
  font-weight: 100;
  font-style: normal;
}
.navigation{
  position:relative;
  clear:both;
  text-align: center;
  margin-bottom: 50px;
  background: transparent;
  box-shadow: none;
}
.nav-links .page-numbers{
  display: inline-block;
  font-size: 1.1em;
  width: 36px;
  height: 36px;
  padding-top: 5px;
  background: #000;
  border: solid 1px #000;
  border-radius: 3px;
  color: #fff;
}
.nav-links .current{
  background: #fff;
  color: #000;
}
.nav-links .prev, .nav-links .next{
  display: inline-block;
  width: auto;
  padding-left: 10px;
  padding-right: 10px;
}


.searchform{
  position: relative;
  width: 340px;
  left: 50%;
  transform: translate(-50%);
  -webkit-transform: translate(-50%);
  margin-bottom: 40px;
}
.searchform input[type=text]{
  position: relative;
  width: 290px;
  height: 40px;
  background: #fff;
  font-size: 1.1em;
  border: solid 1px #000;
  padding: 6px 0 4px 8px;
  -webkit-appearance:none;
  -moz-appearance: none;
  appearance: none;
  user-select: none;
  outline: none;
  box-shadow: none;
  border-radius: 0;
  border-top-left-radius: 3px;
  border-bottom-left-radius: 3px;
}
.searchform input[type=submit]{
  position: absolute;
  width: 50px;
  height: 40px;
  right: 0;
  top: 0;
  margin: 0;
  background: url("../img/buscar.svg") #000 no-repeat;
  background-size: 28px;
  background-position: center center;
  font-size: 1.1em;
  box-shadow: none;
  border-radius: 0;
  border-top-right-radius: 3px;
  border-bottom-right-radius: 3px;
}


/* --------- End Blog --------- */



/* ---------- Footer ---------- */

footer{
  position: absolute;
  bottom: 0px;
  width: 100%;
  height: 110px;
  text-align: center;
  background: url("../img/bg-footer.jpg") no-repeat 50% bottom;
  background-size: auto 100px;
}

.share-icons-foot{
  position: relative;
  height: 40px;
  top: 40px;
}
.share-icons-foot ul{
  position: absolute;
  left: 50%;
  padding: 0;
  margin: 0;
  transform: translate(-50%);
  display: flex;
}
.share-icons-foot ul li{
  list-style: none;
  margin: 0 5px;
}
.share-icons-foot ul li a{
  position: relative;
  display: block;
  width: 32px;
  height: 32px;
}


}
#only-mobile, #only-mobile-menu{
  display: none;
}
footer span{
  position: relative;
  width: 99%;
  top: 40px;
  font-size: 0.9em;
  color: #000;
}
footer span a{
  color: #000;
  border-bottom: 1px solid #000;
}

/* -------- End Footer -------- */