@charset "utf-8";
/* CSS Document */


@import url('https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300..800;1,300..800&display=swap');




/* ------ SMOOTH SCROLLING ------ */
html {
	scroll-behavior: smooth;
}

@media screen and (prefers-reduced-motion: reduce) {
	html {
		scroll-behavior: auto;
	}
}

/* ------ UP ARROW ------ */
.ir-arriba {
	padding:10px;
	display:inline-block;
	background-color: rgba(32, 54, 99, 0);
	color:#fff;
	position: fixed;
	font-size:20px;
	bottom:20px;
	left:20px;
	display:none;
	cursor:pointer;
	 border-radius: 50%;
	z-index:99999999;
}

/* ----- whatsapp Float icon -----*/
.whatsapp-float-icon{
    position: fixed;
    bottom: 20px;
    right: 20px;
    
}

.whatsapp-float-icon img{
    width: 70px;
    height: auto;
}


/* ----- PAGE -----*/
body{	
	overflow-x: hidden;
	min-height: 100%;
	font-family: "Open Sans", sans-serif;
	background-color: #004677 !important;
}


/* ----- INFO -----*/
.info{
	padding: 80px 10px 40px 10px;
}

.info .logo-size{
	width: 80%;
	height: auto;
	margin: 0 auto;
	display: table;
}

.info h1{
	color: #fff;
	text-align: center;
	font-size: 1.2em !important;
}

.info .construccion{
	color: #fff;
	text-align: center;
	font-size: 3em !important;	
	padding: 40px 10px;
}


.circle-buttons ul{
    list-style: none;
    margin: 0;
    padding: 0;
}

.circle-buttons li{
    display: inline-block;
    padding: 10px;
}

.c-button{
    display: inline-block;
      width: 80px;
      height: 80px;
      border-radius: 50%;
      background-color: #F2756B;
      color: #fff;
      text-align: center;
      line-height: 80px;
      text-decoration: none;
      font-size: 38px;
}