@import url('https://fonts.googleapis.com/css2?family=Rubik&display=swap');:root{  /* --color1: rgb(219,144,.5); */  --color1: rgb(0,0,0);  --color2: rgba(23, 180, 83, 0.877);  --color3: rgba(11,194,211, 0.623);  --fondo: #f0c8e4;  --titulos: 28px;  --subtitulos: 15px;  --margenes: 30px;  --espacios: 10px;  --espacios-contenido:45px;}* {  margin: 0;  padding: 0;  box-sizing: border-box;}body {  font-family: 'Rubik', 'Helvetica Neue', 'Helvetica', 'Arial', 'sans-serif'; /* Calibri */  background: var(--fondo);}img {  vertical-align: top;}.lista {	padding-top: 16px;}.lista ul {	list-style-type: none;	list-style-image: url(../images/checkmark16.png); 	list-style-position: outside;	margin-left: 23px;}.lista ul li {	display: list-item;}/* Preloader */.hidden{  overflow: hidden;}.centrado{  position: fixed;  width: 100vw;  height: 100vh;  background: #000;  z-index: 100;  display: flex;  justify-content: center;  align-items: center;}.lds-facebook {  display: inline-block;  position: relative;  width: 64px;  height: 64px;}.lds-facebook div {  display: inline-block;  position: absolute;  left: 6px;  width: 13px;  background: #cef;  animation: lds-facebook 1.2s cubic-bezier(0, 0.5, 0.5, 1) infinite;}.lds-facebook div:nth-child(1) {  left: 6px;  animation-delay: -0.24s;}.lds-facebook div:nth-child(2) {  left: 26px;  animation-delay: -0.12s;}.lds-facebook div:nth-child(3) {  left: 45px;  animation-delay: 0;}@keyframes lds-facebook {  0% {    top: 6px;    height: 51px;  }  50%,  100% {    top: 19px;    height: 26px;  }}/* Header */header{  width: 100%;  height:140px;  /* background: linear-gradient(to bottom,  rgba(211,135,20, .6),  rgba(29,241,171, .6),  rgba(7,109,150, .45)  ), url(images/home01.jpg); *//*  background: url(images/home01.jpg);  background-attachment: fixed;  background-position: center;  background-size: cover; */  /* margin: 0 0 var(--margenes) 0; */}.home {  width: 100%;  height:780px;  height:100vh;  /* background: linear-gradient(to bottom,  rgba(211,135,20, .6),  rgba(29,241,171, .6),  rgba(7,109,150, .45)  ), url(images/home01.jpg); */  background: url(../images/home01c.jpg);  background-attachment: scroll;  background-position: center;  background-size: cover;  /* margin: 0 0 var(--margenes) 0; */}nav{  width: 100%;  position: relative;/*  box-shadow: 0 0 10px 0 rgba(0,0,0,.5) *//*  z-index: 10; */}.nav1{  /* background: #ffccff; */  /* background: rgba(217,217,217,.5); */  /* background: rgba(223, 213, 202, .6); */  /* height: 80px; */  height: 100px;  color: #ffffff;}.nav2{  /* background: var(--fondo); */  background: rgb(217,217,217);  /* height:100px; */  height:80px;  color:#333333;}.nav1bhome{  /* background: transparent; */  /* background: rgba(217, 217, 217, 0.5); */  background: rgba(153, 153, 153, 0.5);  /* height: 80px; */  height: 40px;  /* color:#333333; */  /* background: rgba(42, 68, 97, 0.50); */  color: #ffffff;}.nav1b{  /* background: transparent; */  /* background: rgba(217,217,217,.5); */  background: rgba(153, 153, 153, 0.5);  /* height: 80px; */  height: 40px;  /* background: #999; */ /* rgba(42, 68, 97, 1); */  color: #ffccff; /* #ffffff; */}.nav2b{  /* background: var(--fondo); */  background: rgb(217,217,217);  /* height:100px; */  height:40px;  color:#333333;}.contenedor-nav{  display: flex;  margin: auto;  width: 100%;  justify-content: space-between;  align-items: center;  max-width:1200px;  height:inherit;  overflow: hidden;}.contenedor-nav2{  display: flex;  margin: auto;  width: 100%;  justify-content: right; /* space-between; */  align-items: center;  max-width:1200px;  height:inherit;  overflow: hidden;}nav .enlaces a{  display: inline-block;  padding: 5px 5px;  margin-right: 7px;  font-size: 16px;  font-weight: normal;  text-decoration: none;  border-bottom: 3px solid transparent;  color: #ffffff;}nav .enlaces a:hover{  background: #ffccff; /* rgba(42, 68, 97, 1); */  border-bottom: 3px solid #ffffff;  border-radius: 5px;  transition: 0.6s;}nav .enlaces-idioma a{  background: rgba(42, 68, 97, 1);  border-radius: 5px;  display: inline-block;  padding: 10px 5px;  margin-right: 7px;  font-size: 15px;  font-weight: normal;  text-decoration: none;  border-bottom: 3px solid transparent;  color: white;}nav .enlaces-idioma a:hover{  background: rgba(223, 213, 202, .6);  color: white;  border-bottom: 3px solid #ffffff;  border-radius: 5px;  transition: 0.6s;}nav .enlaces-idioma-2 a{  background: rgba(42, 68, 97, 1);  border-radius: 5px;  display: none; /* ; */  padding: 10px 5px;  margin-right: 7px;  font-size: 15px;  font-weight: normal;  text-decoration: none;  border-bottom: 3px solid transparent;  color: white;}nav .enlaces-idioma-2 a:hover{  background: rgba(223, 213, 202, .6);  color: white;  border-bottom: 3px solid #ffffff;  border-radius: 5px;  transition: 0.6s;}.logo, .logo img{ height:80px;}.icono{  display:none;  font-size: 24px;  color: #ffffff;  padding: 23.5px 20px;}.contenedor-circulo{  padding: 300px 0 0 100px;  width: 100%;  height: 100%;  height: 100vh;  display: flex;  justify-content: flex-start;  flex-direction: column;  align-items:flex-start;  /* background: salmon; */}.contenedor-reservas{  width: 100%;  height: 100%;  height: 100vh;  height: calc(100vh - 350px);  display:flex;  justify-content:flex-start;  flex-direction: column;  align-items:center;  /* background:salmon; */}.circulo{	width: 360px;	height: 180px; 	/* border-radius: 180px; */	/* background: rgba(255,255,255,.6); */  display:flex;  justify-content:left;  flex-direction: column;  align-items:flex-start;  color:#24251f;  overflow: hidden;  text-align: left;  /* text-shadow: 2px 2px 4px #000000; */  /* background: #ff0000; */}.texto-font {  font-family: 'Rubik', 'Helvetica Neue', 'Helvetica', 'Arial', 'sans-serif';  font-weight: normal;}.texto-color {  color: #ffffff;  text-shadow: 2px 2px 4px #333333;}.texto-color2 {  color: #ff0000;}.texto-normal {  font-weight: normal;}.texto-bold {  font-weight: bold;}.textos{  width: 100%;  height: 100%;  display:flex;  justify-content: center;  flex-direction: column;  align-items: center;  color:#fff;  overflow: hidden;  text-align: left;  text-shadow: 2px 2px 4px #000000;}.textos>h1{font-size:48px;}.textos>h2{font-size: 36px; font-weight: 360;}.textos>h3{font-size:36px;}.circulo>h1{font-size:32px;}.circulo>h2{font-size: 24px; font-weight: 240; margin: 20px 0;}.circulo>h3{font-size:21px;}.textos .blanca {  color:#fff;  font-size: 24px;}/* Main */.contenedor{  margin:auto;  padding: var(--margenes) 0;  width: 90%;  max-width: 1000px;  text-align: left;  overflow: hidden;}.contenedor h3{  font-size: var(--titulos);  color: var(--color1);  margin-bottom: var(--espacios);}.contenedor p{  font-size: var(--subtitulos);  font-weight: 300;  color: var(--color1);}.after::after{  content:'';  display: block;  margin: auto;  margin-top: var(--espacios);  width: 100px;  height: 2px;  background: var(--color1);  margin-bottom: var(--espacios-contenido);}.card{  display: flex;  justify-content: space-around;  flex-wrap: wrap;}.reverso{  flex-wrap: wrap-reverse;}.content-card{/*  background: #000080; */  width: 30%;  /* box-shadow: 0 0 6px 0 rgba(0,0,0,.5); */  overflow: hidden;  height:448px;  margin-bottom:var(--margenes);}.content-card-2{/*  background: #008000; */  width: 47%;/*   box-shadow: 0 0 6px 0 rgba(0,0,0,.5); */  overflow: hidden;  height:448px;  margin-bottom:var(--margenes);}  .content-card-3 {/*    background: #800000; */    width: 97%;/*   box-shadow: 0 0 6px 0 rgba(0,0,0,.5); */    overflow: hidden;    height: auto;     margin-bottom:var(--margenes);}.people{  height: 80%;}.people-2{  height: 100%;}.content-card img{  width: 100%;  height: 100%;  object-fit: cover;}.content-card-2 img{  width: 100%;  height: 100%;  object-fit: cover;}.texto-team{  height: 20%;  width: 100%;  padding: var(--espacios) 0;}.texto-team-2{  height: 20%;  width: 100%;  padding: var(--espacios) 0;}.about{  background: url(img/teclado.jpg);  height: auto;}.servicios{  display: flex;  color:#fff;  justify-content: space-between;  margin: auto;  flex-wrap: wrap;}.caja-servicios{  width: 30%;  margin: auto;  text-align: center;}.caja-servicios>h4{  margin-bottom: var(--espacios);}.caja-servicios>p{  text-align: center;}.botones-work{  overflow: hidden;}.botones-work li{  display: inline-block;  text-align: center;  margin-left: var(--espacios);  margin-bottom: var(--espacios-contenido);  padding: 6px 12px;  border: 1px solid var(--color1);  list-style: none;  color: var(--color1);}.botones-work li:hover{  background: var(--color1);  color:#fff;  cursor: pointer;}.botones-work .active{  background: var(--color1);  color:#fff;}.galeria-work{  display:flex;  flex-wrap: wrap;  justify-content: space-around;}.cont-work{  width: 31%;  box-shadow: 0 0 6px 0 rgba(0,0,0,.5);  height:300px;  overflow: hidden;  margin-bottom: var(--espacios-contenido);}.img-work{  height: 90%;  width: 100%;}.img-work img{  height: 100%;  width: 100%;  object-fit: cover;}.textos-work{  height: 10%;}.textos-work h4{  line-height: 30px;  font-weight: 300;}.contenedor-tecnologia{  width: 100%;  height:780px;  height:100vh;  /* background: linear-gradient(to bottom,  rgba(211,135,20, .6),  rgba(29,241,171, .6),  rgba(7,109,150, .45)  ), url(images/tecnologia01.jpg); */  background: url(../images/tecnologia01.jpg);  background-attachment: scroll;  background-position: center;  background-size: cover;  /* margin: var(--margenes) 0; */}  .contenedor-video{	position:relative;	overflow:hidden;    width: 100%;	padding-top:56.25%;/*	border: 3px solid red; */}  .contenedor-video iframe{	position:absolute;	top:0;	left:0;	width:100%;	height:100%;}.colum1b{  max-width: 380px;  min-width: 300px;  width: 34%;}.colum2b{  max-width: 370px;  min-width: 300px;  width: 33%;}.colum3b{  max-width: 370px;  min-width: 300px;  width: 33%;}/* Footer */footer{  width: 100%;  /* background: #d9d9d9; */ /* #D0D0D0; */  background: rgba(153, 153, 153, 0.5);  color:#333333;  font-size: 14px;}.container-footer-all{  width: 100%;  max-width: 1200px;  margin: auto;  padding: 20px;}.container-body{  display: flex;  justify-content: space-between;}.colum1{  max-width: 300px;  min-width: 300px;  width: 25%;}.colum1 h1{  font-size: 18px;}.colum1 p{/*  font-size: 14px; */  color: #333333;  margin-top: 20px;}.colum2{  max-width: 300px;  min-width: 300px;  width: 25%;}.colum2 h1{  font-size: 18px;}.row{  margin-top: 10px;  display: flex;}.row img{  width: 24px;  height: 24px;}.row label{  margin-top: 5px;  margin-left: 20px;  color: #333333;}.row a {	text-decoration: none;	color: #333333;}.row a:hover {	color: #FFFFFF;}.colum3{  max-width: 300px;  min-width: 300px;  width: 25%;}.colum3 h1{  font-size: 18px;}.row2{  margin-top: 10px;  display: flex;}.row2 img{  width: 24px;  height: 24px;}.row2 label{  margin-top: 5px;  margin-left: 20px;  max-width: 140px;}.row2 a {	text-decoration: none;	color: #333333;}.row2 a:hover {	color: #FFFFFF;}.colum4{  max-width: 300px;  min-width: 300px;  width: 25%;}.colum4 h1{  font-size: 18px;}.row3{  margin-top: 10px;  display: flex;}.row3 img{  height: 30px;  width: auto;}.container-footer{  width: 100%;    /* background: rgb(208, 208, 208); */ /* #d9d9d9; */  background: rgba(208, 208, 208, 0.5);}.footer{  max-width: 1200px;  margin: auto;  display: flex;  justify-content: space-between;    padding: 20px;}.copyright{  /* font-size:  */  color: #333333;  margin: auto;}.copyright a{  text-decoration: none;  color: #333333;  font-weight: bold;}.information a{  text-decoration: none;  color: #333333;}.marca-logo{  width: 40%;  margin: auto;  margin-bottom: var(--espacios);}.marca-logo img{  width: 100%;}.iconos{  display: flex;  margin: auto;  justify-content: space-around;  width: 100%;}.fab{  font-size:60px;  color: #FFF;  margin-bottom: var(--espacios);  display: inline-block;}footer p{  margin-top:var(--espacios);}.columnas {  column-count: 4;  column-gap: 20px;  column-rule: 1px solid lightgreen;}.gallery__item .texto-foto-gallery{				display:flex;				justify-content: right;				font-size: 18px;				text-transform: uppercase;				/*padding: 0 0; */				color: #fff;				margin-top: -33px;				padding: 5px;				text-shadow: 2px 2px 4px #000000;}@media screen and (max-width: 1200px){      .container-body{      flex-wrap: wrap;  }    .colum1,  .colum2{      max-width: 50%;      width: 50%;  }  .colum3,  .colum4{      margin-top: 40px;      max-width: 50%;      width: 50%;  }}@media screen and (max-width: 880px){  .nav2{    color: #fff;  }  .icono{    display:block;    cursor: pointer;  }    nav .enlaces{    position: fixed;     top:80px;    /* background: rgba(42, 68, 97, .6); */    background: rgba(153, 153, 153, 0.6);    left: 0;    height: 100%;    transition: 1s;    width: 0;    overflow: scroll;  }  nav .enlaces a{    display: block;    width: 100%;    height: 50px;    padding: 15px;    text-align: center;    /* background: rgba(42, 68, 97, 1); */    background: rgba(153, 153, 153, 1);    color:#fff;  }  nav .enlaces a:hover{    /* background: rgba(223, 213, 202, 1); */    /* background: rgba(153, 153, 153, 0.5); */    background: #ffccff;    border-bottom: 3px solid #ffffff;    border-radius: 5px;    transition: 0.6s;  }  .contenedor-circulo{    padding: 290px 0 0 20px;  }  .circulo{    /* margin-top: -100px -100px 0 0; */    width: 270px;    height: 130px;     /* border-radius: 140px; */    /* background: rgba(255,255,255,.6); */    display:flex;    justify-content: left;    flex-direction: column;    align-items: flex-start;    color:#44546a;    overflow: hidden;    text-align: left;    /* text-shadow: 2px 2px 4px #000000; */  }  .texto-color {    text-shadow: 2px 2px 4px #333333;  }  .textos>h1{font-size: 36px;}  .textos>h2{font-size:30px; font-weight: 300;}  .textos>h3{font-size:26px;}  .circulo>h1{font-size:26px;}  .circulo>h2{font-size: 20px; font-weight: 200; margin: 16px 0;}  .circulo>h3{font-size:20px;}  .content-card{    width: 48%;    margin-bottom:var(--margenes);  }  .content-card-2{    width: 48%;    margin-bottom:var(--margenes);    height: auto;  }  .content-card-3{    margin-bottom:var(--margenes);    height: auto;  }  :root{    --margenes: 30px;  }  .columnas {    column-count: 2;  }  }@media screen and (max-width: 700px){  .enlaces{    height: calc(100% - 80px);    overflow: scroll;  }  .colum1{	  max-width: 96%;    width: 96%;  }    .colum2,  .colum3,  .colum4{    margin-top: 40px;    max-width: 96%;    width: 96%;  }}@media screen and (max-width: 550px){  :root{    --espacios-contenido: 25px;  }nav .enlaces-idioma a{/*  background: rgba(42, 68, 97, 1);  border-radius: 5px; */  display: none; /* inline-block; */  padding: 5px 5px;  margin-right: 3px;  font-size: 14px;  font-weight: normal;  text-decoration: none;  border-bottom: 3px solid transparent;  color: white;}nav .enlaces-idioma-2 a{  background: rgba(42, 68, 97, 1);  border-radius: 5px;  display: inline-block; /* none; */  padding: 5px 5px;  margin-right: 5px;/*  font-size: 15px;  font-weight: normal;  text-decoration: none;  border-bottom: 3px solid transparent;  color: white; */}.textos>h1{font-size:36px;;}.textos>h2{font-size: 30px; font-weight: 300;}.textos .blanca {  color:#fff;  font-size: 16px;}  .content-card{    width: 96%;  }  .content-card-2{    width: 96%;	height: auto;  }  .content-card-3{    width: 96%;	height: auto;  }  .caja-servicios{    width: 96%;    margin-bottom: var(--margenes);  }  .cont-work{    width: 85%;  }  .marca-logo{    width: 80%;  }  .iconos{    margin: auto;  }  footer{    width: 100%;    background: #D0D0D0;    color:#333333;    margin: auto;  }.columnas {  column-count: 2;}.container-body{  justify-content: center;}  .colum1{	  max-width: 96%;    width: 96%;  }    .colum2,  .colum3,  .colum4{    margin-top: 40px;    max-width: 96%;    width: 96%;  }    .colum1b{	max-width: 100%;	width: 100%;}.colum2b{	max-width: 100%;	width: 100%;}.colum3b{	max-width: 100%;	width: 100%;}}@media screen and (max-width: 500px){  .logo, .logo img{ width:100%; height:auto;}}