@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,400;0,500;0,700;1,400&display=swap');

body {
  background: #eaeaea;
  font-family: "Roboto",Helvetica,Arial,sans-serif;
  font-size: 1rem;
  color: #333;
  overflow-x: hidden;
}

/* +++ === +++ === +++ === +++ === +++ === +++ === */
.bg-dark {
  border-top: 5px solid #157575;
  background-color: #157575 !important;
}

.nav-link:hover,
.nav-link.active {
	font-weight: 700;
}
/* +++ === +++ === +++ === +++ === +++ === +++ === */


/* +++ === +++ === +++ === +++ === +++ === +++ === */
.t-primary { color: #157575; }
.t-secondary { color: #25d2d2;}
.t-white { color: #fff;}
.bg-primary { background-color: #157575 !important;}
.bg-secondary { background-color: #25d2d2 !important;}
.bg-secondary-alt { background-color: #ecab3f;}

.o {
	display: none;
}
/* +++ === +++ === +++ === +++ === +++ === +++ === */

h1 {
  margin: 15px 0 24px;
  font-size: 2rem;
}

.badge {
  font-size: 1.05rem;
  font-weight: normal;
  white-space: inherit;
}



/* ======== ******* ======== ******* ======== *******  */
/* ASIDE . FORM CONTENT */
/* ======== ******* ======== ******* ======== *******  */
.form-content {
	background: #FAF8F5;
	border-radius: 5px;
	-webkit-box-shadow: inset 2px 0 10px rgba(0, 0, 0, 0.1);
	-moz-box-shadow: inset 2px 0 10px rgba(0, 0, 0, 0.1);
	box-shadow: inset 2px 0 10px rgba(0, 0, 0, 0.1);
  font-size: .85rem;
}

h2 {
	margin: 0;
	font-size: 1.85rem;
  line-height: 120%;
	color: #157575;
}

.formGracias {
	margin: 8% 0;
}

/* ======== ******* ======== ******* ======== *******  */
/* SERVICES */
/* ======== ******* ======== ******* ======== *******  */
.box-info {
	overflow: hidden;
	background: #FAF8F5;
	border-radius: 5px;

	-webkit-box-shadow: inset 2px 0 10px rgba(0, 0, 0, 0.1);
	-moz-box-shadow: inset 2px 0 10px rgba(0, 0, 0, 0.1);
	box-shadow: inset 2px 0 10px rgba(0, 0, 0, 0.1);
}

.services-box ul { list-style: none; padding: 0; margin: 0;}

.services-box ul li {
	float: left;
	width: 17%;
	height: 60px;
	margin-right: 25px;
	position: relative;
	padding: 8px 0 8px 50px;
	font-weight: bold;
	font-size: 12px;
	line-height: 100%;
}

.services-box ul li img {
	position: absolute;
	left: 0;
	top: 0;
}

.highlights {
	background: #FCF7ED;
	margin: 20px 0 0;
	padding: 20px 0;
}

.highlight h3 {
	color: #FCB245;
	font-size: 18px;
	margin: 8px 0 0px;
}

.highlight p {
	color: #544744;
}

.highlight .btn {
	padding: 4px 10px;
}


/* ======== ******* ======== ******* ======== *******  */
/* FOOTER */
/* ======== ******* ======== ******* ======== *******  */
footer {
  background: #157575;
}

footer p { color:rgba(255,255,255,.75); }

footer h4 { color: #25d2d2; }

.panel-contact,
.btn-wa,
.btn-phone {
	position: fixed;
	right: 1.2%;
	bottom: 2%;
	display: block;
	z-index: 999;
	/*-webkit-box-shadow: 0 0 4px rgba(0, 0, 0, 0.45);
    -moz-box-shadow: 0 0 4px rgba(0, 0, 0, 0.45);
    box-shadow: 0 0 4px rgba(0, 0, 0, 0.45);
    border-radius: 100%;*/
	width: 25%;
	max-width: 180px;
}

.panel-contact img {
	margin: 3px 0;
	border-radius: 15px;
	-webkit-box-shadow: 0 0 4px rgba(0, 0, 0, 0.45);
    -moz-box-shadow: 0 0 4px rgba(0, 0, 0, 0.45);
    box-shadow: 0 0 4px rgba(0, 0, 0, 0.45);
}

.btn-phone {
	bottom: 10%;
}

.btn-wa img,
.btn-reserva img,
.btn-phone img {
	width: 100%;
}

.btn-reserva {
  position: fixed;
  left: 1.2%;
  bottom: 2%;
  display: block;
  z-index: 999;
  -webkit-box-shadow: 0 0 4px rgba(0, 0, 0, 0.45);
  -moz-box-shadow: 0 0 4px rgba(0, 0, 0, 0.45);
  box-shadow: 0 0 4px rgba(0, 0, 0, 0.45);
  border-radius: 100%;
  width: 25%;
  max-width: 128px; /* reserva / chatbot */
}



/* ======== ******* ======== ******* ======== *******  */
/* UNIDADES */
/* ======== ******* ======== ******* ======== *******  */
.unidad-thumbs {
  padding: 0;
}

.unidad-thumbs li {
  width: 20%;
  max-width: 70px;
  height: 46px;
  display: inline-block;
  overflow: hidden;
}

.unidad-thumbs img {
  width: 100%;
}

.box-white {
	padding: 15px 0 5px;
	margin-bottom: 10px;
	background: #FAF8F5;
	border-radius: 5px;
	-webkit-box-shadow: inset 2px 0 10px rgba(0, 0, 0, 0.1);
	-moz-box-shadow: inset 2px 0 10px rgba(0, 0, 0, 0.1);
	box-shadow: inset 2px 0 10px rgba(0, 0, 0, 0.1);
}

.lista-equipamiento ul {
  padding: 0;
  margin: 0;
  list-style: none;
}

.lista-equipamiento ul svg {
  color: #3997c1;
  margin-right: 5px;
}

.contacto-highlight-top {
  box-shadow: inset 0 -10px 10px rgba(0, 0, 0, 10%)
}



/* ======== ******* ======== ******* ======== *******  */
/* HOME */
/* ======== ******* ======== ******* ======== *******  */
.intro-text h1,
.intro-text h2 {
  font-family: 'Roboto', sans-serif;
  font-weight: 500;
  color: #4d4d4f;
}

.intro-text h1 {
	font-size: 2.5rem;
  font-weight: 700;
}

/* ======== ******* ======== ******* ======== *******  */
/* FIX BOOTSTRAP */
/* ======== ******* ======== ******* ======== *******  */

.btn-primary:hover {
  background: #1a5978;
  border-color: #1a5978 !important;
}

.btn-primary {
  background: #157575 !important;
  background-color: #157575 !important;
  border-color: #157575 !important;
}


/* ======== ******* ======== ******* ======== *******  */
/* WIDGET - LLAMADA */
/* ======== ******* ======== ******* ======== *******  */
.panel-contact a:hover {
    opacity: 0.75;
}
#click2call_callbtn img {
    /*height: 200px;*/
    cursor: pointer;
}
#click2call_hupbtn img {
    /*height: 150px;*/
}
#click2call_msgdiv {
    font-size: 15px;
    font-weight: bold;
    display: none
}
/* ======== ******* ======== ******* ======== *******  */