@import url('https://fonts.googleapis.com/css2?family=Fredoka+One&family=Noto+Sans+JP:wght@100;300;500;700&display=swap');

body{font-family: 'Noto Sans JP', sans-serif; font-weight: 300}
p{padding-bottom: 7px}
.anima, .noticias .card-noticia, .social a img{-moz-transition:all 300ms ease; -webkit-transition:all 300ms ease; -o-transition:all 300ms ease; transition:all 300ms ease}
h1, h2, h3{padding-bottom: 15px;font-family: 'Fredoka One', cursive; font-weight: normal}
h3{line-height: 1.3em}
.title{text-align: center; font-size: 2em; padding: 20px 0 65px}

.btn-negro{background: #000; color: #FFA21D; transform: scale(1); font-weight: 500; padding: 15px 35px; margin-top: 20px; display: inline-block; border-radius: 30px}
.btn-negro:hover{background: #000; color: #FFA21D; transform: scale(1.05);}
.btn-naranja{background: #FFA21D; color: #000; border: 0; transform: scale(1); font-weight: 500; padding: 15px 35px; margin-top: 20px; display: inline-block; border-radius: 30px}
.btn-naranja:hover{background: #000; color: #FFA21D; transform: scale(1.05);}

.col-center{margin: 0 auto; max-width: 750px; padding: 50px}

.header-home{position: relative; height: 740px; overflow: hidden;}
.header-home nav{ text-align: center; }
.logo-home{width:160px; left:calc(50% - 80px);  top: 110px; position: sticky;}
.nubes-home{position: absolute; bottom: -1px; left: 0; width: 100%}
.video-home{width: 100%; position: absolute;}
.social{position: absolute; right: 30px; top: 30px; z-index: 12}
.social a img{width: 37px; padding-left: 10px}
.social a img:hover{transform: scale(1.1);}

.header-seccion{background: url(../img/bg-nubes-secciones.jpg) bottom center no-repeat; background-size: cover;}
.menu-seccion nav ul li a{border-bottom:2px solid; border-color: rgba(0, 0, 0, 0);}
.menu-seccion nav ul li a:hover{color: #000; border-bottom:2px solid #000;}
.logo-chico{width: 42px; margin: 7px 20px;}

nav {position: relative; z-index: 11; width: 80%; margin: 0 auto}
nav ul{padding: 25px 15px; margin-bottom: -92px; text-align: center;}
nav ul li a{padding: 10px 13px; color: #000; font-family: 'Fredoka One', cursive; display: inline-block}
nav ul li a:hover{color: #FFA21D}

.circulos{text-align: center; margin-top: -140px;}
.circulos img{width: 100%}
.circulos a{position: relative; display: inline-block; width:calc((100% / 4) - 20px); margin: 10px}
.circulos a:hover{transform: scale(1.05);}
.circulos h2{color: #FFF; position: absolute; left: 0; top: 42%; width: 100%}

.nosotros{margin: 60px auto; display: inline-block}
.nosotros [class*="col-"]{padding: 0 15px}

.noticias{display: flex; align-items: stretch}
.noticias div{display: inline-block; position: relative}
.noticias div .borde{position: absolute; width: 100%; bottom: 3px; left: 0}
.noticias .card-noticia{overflow:hidden; max-width: calc(100% / 3); z-index: 1; background: url(../img/flecha.png) bottom right no-repeat #FFF; flex: 1; margin: 15px; border-radius: 15px; -webkit-box-shadow: 0px 0px 16px 0px rgba(0,0,0,0.15); -moz-box-shadow: 0px 0px 16px 0px rgba(0,0,0,0.15); box-shadow: 0px 0px 16px 0px rgba(0,0,0,0.15)}
.noticias .card-noticia:hover{transform: scale(1.03)}
.noticias .card-noticia a:hover{color: #000}
.noticias img{width: 100%}
.noticias h3{padding: 10px 15px 3px; color:#FFA21D; font-family: 'Noto Sans JP', sans-serif;}
.noticias p{padding: 5px 15px 30px}

.naranja{background: url(../img/bg-home-naranja.jpg) center center; text-align: center; background-size: cover; background-attachment: fixed; margin-top: -70px; padding: 170px 20px 100px}
.naranja section{max-width: 600px; margin: auto}	
.naranja h2{color: #fff; font-weight: 500}
.naranja p{color: #fff}

.noticias-seccion{flex-wrap: wrap; margin: 30px 0}
.noticias-seccion .card-noticia{flex: 1 1 24%;}

.back-gris{background: #f6f6f6; display: flex;}
.back-blanco{background: #fff; display: flex;}

.back-gris .col-flex{flex: 1; padding: 70px}
.back-gris .col-flex img{width: 100%}
.back-gris .img-full{padding: 0}
.contacto {display: flex; flex-direction: row; flex-wrap: wrap; max-width: 1000px; margin: 30px auto}

.img-emp01{background: url(../img/img-empresa-1.jpg) left center no-repeat; background-size: cover}
.img-emp02{background: url(../img/img-empresa-2b.jpg) left center no-repeat; background-size: cover}
.img-emp03{background: url(../img/img-empresa-3.jpg) left center no-repeat; background-size: cover}
.img-tur01{background: url(../img/img-turismo-1.jpg) left center no-repeat; background-size: cover}
.img-tur02{background: url(../img/img-turismo-2.jpg) left center no-repeat; background-size: cover}
.img-tur03{background: url(../img/img-turismo-3.jpg) left center no-repeat; background-size: cover}
.img-soc01{background: url(../img/img-sociales-1.jpg) left center no-repeat; background-size: cover}
.img-soc02{background: url(../img/img-sociales-2.jpg) left center no-repeat; background-size: cover}
.img-soc03{background: url(../img/img-sociales-3.jpg) left center no-repeat; background-size: cover}
.img-cua01{background: url(../img/img-cuarentena-1.jpg) left center no-repeat; background-size: cover}
.img-cua02{background: url(../img/img-cuarentena-2.jpg) left center no-repeat; background-size: cover}

.header-noticia{min-height: 130px}
.noticias-ampliada{max-width: 800px; margin: 0 auto 50px}
.noticias-ampliada img{width: 100%; padding: 20px 0}
.noticias-ampliada h1{font-size: 2em}

footer{display:flex; color: #FFF; background: url(../img/bg-footer.png) bottom center no-repeat #2a2a2a; background-size: cover; min-height: 280px}
footer article{display: flex; flex-direction: row; flex-wrap: wrap; padding: 30px 20px}
footer p{padding-bottom: 20px}
footer strong{color: #FFA21D}
footer nav{width: 100%}
footer nav ul{padding: 0; color: #fff}
footer nav ul li{display: block; text-align: left;}
footer nav ul li a{padding: 0 0 10px; color: #fff; font-family: 'Noto Sans JP', sans-serif; display: block;}
footer nav ul li:last-child{display: none}
.social-footer{padding: 20px 0}
.social-footer a{ display: inline-block; float: left; padding: 0 15px 0 0 }
.social-footer a:hover{transform: scale(1.0);}
.col-flex{display: flex; padding: 20px; flex-direction: column; flex-basis: 100%; flex: 1;}
.col-flex-2{flex:2}
.col-flex-3{flex:3}



/* de menos de 1280px*/
@media only screen and (max-width: 1279px) {
}

/* de menos de 1024px*/
@media only screen and (max-width: 1023px) {
	.circulos h2{font-size: 1em}
}

/* de menos de 768px (480)*/
@media only screen and (max-width: 767px) {
	.circulos a{width:calc((100% / 2) - 20px)}
	.circulos{margin-top: -60px}
	.noticias, .back-gris{flex-direction: column}
	.noticias div {display: initial}
  .noticias .card-noticia{overflow:hidden; max-width:100%}
	.hide-mo{display: none}
	.header-home{height: 400px; background: url(../img/video-fijo.jpg) center center; background-size: cover}
	.nubes-home{width: 140%; left:-75px;}
	.logo-home {width: 110px; left: calc(50% - 55px); top: 74px; position: absolute;}
  .col-center, .back-gris .col-flex{padding: 45px 25px}
  .back-gris .img-full{padding: 150px}  
  .img-emp02{order: 2}
  .naranja{background-attachment: initial; }
  .nosotros{margin: 30px auto}

.nav {
  -webkit-transition: left 0.5s ease;
  -moz-transition: left 0.5s ease;
  -ms-transition: left 0.5s ease;
  -o-transition: left 0.5s ease;
  transition: left 0.5s ease;
  background: #FFA21D;
  color: black;
  cursor: pointer;
  font-size: 2rem;
  height: 100vh;
  left: -100vw;
  position: fixed;
  top: 0;
  width: 100vw;
  z-index: 2;
}

.nav.expanded { left: 0; }
.nav ul {  position: absolute;  top: 275px; width: 100%;  -webkit-transform: translateY(-50%);  -ms-transform: translateY(-50%);  transform: translateY(-50%);  list-style: none;  margin: 0;  padding: 0;}
.nav ul li{display: block; width: 100%}
.nav-toggle {  -webkit-user-select: none;  -moz-user-select: none;  user-select: none;  cursor: pointer;
  height: 1rem;
  left: 2rem;
  position: absolute;
  top: 2rem;
  width: 2rem;
  z-index: 3;
}

.nav-toggle:hover { opacity: 0.8; }

.nav-toggle .nav-toggle-bar,  .nav-toggle .nav-toggle-bar::after,  .nav-toggle .nav-toggle-bar::before {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
  background: black;
  content: '';
  height: 0.2rem;
  width: 100%;
}

.nav-toggle .nav-toggle-bar { margin-top: 0; }

.nav-toggle .nav-toggle-bar::after { margin-top: 0.5rem; }

.nav-toggle .nav-toggle-bar::before { margin-top: -0.5rem; }

.nav-toggle.expanded .nav-toggle-bar { background: transparent; }

.nav-toggle.expanded .nav-toggle-bar::after, .nav-toggle.expanded .nav-toggle-bar::before {
  background: white;
  margin-top: 0;
}

.nav-toggle.expanded .nav-toggle-bar::after {
  -ms-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}

.nav-toggle.expanded .nav-toggle-bar::before {
  -ms-transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
.open-menu{left: 0}


.logo-chico {width: 53px;    padding-top: 13px;    margin: 0px auto;    display: block;}

footer{background: url(../img/bg-footer.png) bottom right no-repeat #2a2a2a;}
}


/* de menos de 480px, minimo 320px (320)*/
@media only screen and (max-width: 479px) {
	footer article{display: flex; flex-direction: column; text-align: center;}
	.social-footer a{float: none; padding: 0 5px}
	footer .col-flex-2, footer .col-flex-3{flex: 1}
}