@font-face {
font-family: 'Miso';
font-style: normal;
font-weight: normal;
src: local('Miso'), url('../fonts/miso.woff') format('woff');
}


@font-face {
font-family: 'Miso Light';
font-style: normal;
font-weight: normal;
src: local('Miso Light'), url('../fonts/miso-light.woff') format('woff');
}


@font-face {
font-family: 'Miso Bold';
font-style: normal;
font-weight: normal;
src: local('Miso Bold'), url('../fonts/miso-bold.woff') format('woff');
}


/*

	ON OFF SWITCHER FOR COOKIES
	https://proto.io/freebies/onoff/
	
	
*/



.onoffswitch {
	position: relative; width: 40px;
	-webkit-user-select:none; -moz-user-select:none; -ms-user-select: none;
}
.onoffswitch-checkbox {
	position: absolute;
	opacity: 0;
	pointer-events: none;
}
.onoffswitch-label {
	display: block; overflow: hidden; cursor: pointer;
	height: 20px; padding: 0; line-height: 20px;
	border: 2px solid #E3E3E3; border-radius: 20px;
	background-color: #E8E8E8;
	transition: background-color 0.3s ease-in;
}
.onoffswitch-label:before {
	content: "";
	display: block; width: 20px; margin: 0px;
	background: #FFFFFF;
	position: absolute; top: 0; bottom: 0;
	right: 16px;
	border: 2px solid #E3E3E3; border-radius: 20px;
	transition: all 0.3s ease-in 0s; 
}
.onoffswitch-checkbox:checked + .onoffswitch-label {
	background-color: #244C5A;
}
.onoffswitch-checkbox:checked + .onoffswitch-label, .onoffswitch-checkbox:checked + .onoffswitch-label:before {
   border-color: #244C5A;
}
.onoffswitch-checkbox:checked + .onoffswitch-label:before {
	right: 0px; 
}


.logo-color {
	display: inherit;
}

.logo-blanco {
	display: none;
}

body.home .logo-color {
	display: none;
}

body.home .logo-blanco {
	display: inherit;
}

body.home .uk-sticky-fixed.uk-active .logo-color {
	display: inherit;
}

body.home .uk-sticky-fixed.uk-active .logo-blanco {
	display: none;
}


/*


ESPECIFICAS


*/

.uk-nav-primary li ul {
	display: none;
	margin-left: 15px;
}

.uk-nav-primary li:hover ul {
	display: block;
}

.uk-nav-primary li:hover .fa-angle-down:before {
	content: "\f106";
}

.uk-nav-primary li .fa-angle-down, .uk-nav-primary li .fa-angle-up {
	font-size: 1rem;
}



.portada-eventos {
	position: relative;
	background-color: #244c5a;
	margin-bottom: 15px;
	border-radius: 12px;
	-moz-border-radius: 12px;
	-webkit-border-radius: 12px;
	overflow: hidden;
}

.portada-eventos img {
	opacity: 0.7;
}

.portada-eventos h3 {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translateX(-50%) translateY(-50%);
	text-align: center;
	color: white!important;
	margin: 0!important;
}

h3.bullet {
	font-size: 2.5rem;	
}

h3.bullet::before {
	content: "";
	display: inline-block;
	width: 25px;
	height: 25px;
	border-radius: 500px;
	margin-right: 16px;
}

#seccion-servicios .columna > .bloque-div, #seccion-actividades .columna > .bloque-div {
	background-color: #12242B;
}

#seccion-servicios img, #seccion-actividades img {
	transition: all linear 0.2s;
}

#seccion-servicios .columna > .bloque-div:hover img, #seccion-actividades .columna > .bloque-div:hover img {
	opacity: 0.5;
	transition: all linear 0.2s;
}

.bullet-A8D08D::before {
	background-color: #A8D08D;
}

#footer-color-12242B {
	background-color: #12242B;
}

#footer-bottom.uk-background-primary {
	background-color: #0e1e24!important;
}

.img-multiply {
	mix-blend-mode: multiply;
}

.div-tarifas {
	color: white;
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
}

.div-tarifas p {
	margin-bottom: 0;
}

p.p-nomargin, .p-nomargin p {
	margin-bottom: 0;
}

.check-icon::before {
	content: "\f00c";
	display: inline-block;
	margin-right: 15px;
	font-family: "Font Awesome 5 Pro";
	font-weight: 900;
}

.uk-divider-icon {
	background-image: none!important;
}

.uk-divider-icon::before, .uk-divider-icon::after {
	max-width: 50%!important;
}

.uk-divider-icon::before {
	right: 50%!important;
}

.uk-divider-icon::after {
	left: 50%!important;
}

.uk-section.uk-section-xsmall {
	padding-top: 0px;
	padding-bottom: 0px;
}

.uk-section:not(.uk-section-xsmall):not(.uk-section-small) {
	padding-top: 110px;
	padding-bottom: 110px;
}

ul li {
	line-height: 2;
}

ul.uk-list-disc {
  list-style: none; /* Remove default bullets */
}

ul.uk-list-disc li::before {
  content: "\2022";  /* Add content: \2022 is the CSS Code/unicode for a bullet */
  color: #244C5A; /* Change the color */
  font-weight: bold; /* If you want it to be bold */
  display: inline-block; /* Needed to add space between the bullet and the text */
  width: 1em; /* Also needed for space (tweak if needed) */
  margin-left: -1em; /* Also needed for space (tweak if needed) */
}

.uk-navbar-nav>li>a {
	min-height: 80px!important;
	text-transform: none!important;
}

.uk-navbar-dropdown {
	min-width: 360px;
	max-width: 100vw;
}

a, .uk-text-primary {
	color: #244C5A!important;
}

a:hover {
	color: #226B86;
}

.uk-button {
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	text-transform: none!important;
	border-radius: 500px;
	-moz-border-radius: 500px;
	-webkit-border-radius: 500px;	
}

.uk-button-primary {
	background-color: #8fcbba!important;
	color: #244c5a!important;
	transition: all linear 0.2s;
}

.uk-button-primary:hover {
	background-color: #77ac9d!important;
}

.uk-background-primary, .uk-section-primary {
	background-color: #244C5A;
}

.uk-background-primary.dark, .uk-section-primary.dark {
	background-color: #247290;
}

.uk-light a {
	color: white!important;
}

.uk-background-muted {
	background-color: #f4fcf9;
}

.bullet-servicios .icono-bullet-servicios {
	padding: 0 20px;
	background-color: #f2f2f2;
	padding-bottom: 100%;
	position: relative;
	transition: all linear 0.4s;
}

.icono-bullet-servicios:hover {
	transition: all linear 0.4s;
	background-color: #244C5A;
}

.icono-bullet-servicios:hover img {
	filter: invert(1);
}


.bullet-servicios .icono-bullet-servicios img {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translateX(-50%) translateY(-50%);
}

.heading-line {
	position: relative;
}


h1 p, .uk-h1 p, h2 p, .uk-h2 p, h3 p, .uk-h3 p, h4 p, .uk-h4 p, h5 p, .uk-h5 p, h6 p, .uk-h6 p, .uk-heading-large p, .uk-heading-xlarge p {
	margin: 0!important;
}

.uk-heading-large {
	font-size: 3rem;
	font-weight: 600;
	line-height: 1.25;
}

.uk-padding-xlarge {
	padding: 100px;
}

.uk-overlay-primary {
	background: rgba(34,34,34,.3);
}

.uk-flex-basis-5-12\@m {
	flex-basis: calc(5/12*100%);
}

a:hover {
	text-decoration: none;
}

.conversation {
  height: calc(100% - 12px);
  position: relative;
  transform: translateX(-40%);
  width: 66%;
}

.conversation ::-webkit-scrollbar {
  transition: all .5s;
  width: 5px;
  height: 1px;
  z-index: 10;
}

.conversation ::-webkit-scrollbar-track {
  background: transparent;
}

.conversation ::-webkit-scrollbar-thumb {
  background: #b3ada7;
}

.conversation .conversation-container {
  height: calc(100% - 68px);
  padding: 0 16px;
  margin-bottom: 5px;
}

.conversation .conversation-container:after {
  content: "";
  display: table;
  clear: both;
}

.message {
  color: #000;
  clear: both;
  line-height: 18px;
  font-size: 15px;
  padding: 8px;
  position: relative;
  margin: 8px 0;
  max-width: 85%;
  word-wrap: break-word;
}

.message:after {
  position: absolute;
  content: "";
  width: 0;
  height: 0;
  border-style: solid;
}

.metadata {
  display: inline-block;
  float: right;
  padding: 0 0 0 7px;
  position: relative;
  bottom: -4px;
}

.metadata .time {
  color: rgba(0, 0, 0, .45);
  font-size: 11px;
  display: inline-block;
}

.metadata .tick {
  display: inline-block;
  margin-left: 2px;
  position: relative;
  top: 4px;
  height: 16px;
  width: 16px;
}

.metadata .tick svg {
  position: absolute;
  transition: .5s ease-in-out;
}

.metadata .tick svg:first-child {
  -webkit-backface-visibility: hidden;
		  backface-visibility: hidden;
  -webkit-transform: perspective(800px) rotateY(180deg);
		  transform: perspective(800px) rotateY(180deg);
}

.metadata .tick svg:last-child {
  -webkit-backface-visibility: hidden;
		  backface-visibility: hidden;
  -webkit-transform: perspective(800px) rotateY(0deg);
		  transform: perspective(800px) rotateY(0deg);
}

.metadata .tick-animation svg:first-child {
  -webkit-transform: perspective(800px) rotateY(0);
		  transform: perspective(800px) rotateY(0);
}

.metadata .tick-animation svg:last-child {
  -webkit-transform: perspective(800px) rotateY(-179.9deg);
		  transform: perspective(800px) rotateY(-179.9deg);
}

.message:first-child {
  margin: 16px 0 8px;
}

.message.received {
  background: #f5f5f5;
  border-radius: 0px 5px 5px 5px;
  float: left;
}

.message.received .metadata {
  padding: 0 0 0 16px;
}

.message.received:after {
  border-width: 0px 10px 10px 0;
  border-color: transparent #f5f5f5 transparent transparent;
  top: 0;
  left: -10px;
}

.message.sent {
  background: rgb(30,135,240);
  background: linear-gradient(180deg, rgba(30,135,240,1) 0%, rgba(19,192,244,1) 100%);
  border-radius: 5px 0px 5px 5px;
  float: right;
}

.message.sent:after {
  border-width: 0px 0 10px 10px!important;
  border-color: transparent transparent transparent rgb(30,135,240);
  top: 0;
  right: -10px;
}


	




/*


GENERALES


*/

body{
	font-family: 'Quicksand', sans-serif;
	font-size: 16px;
	color: #244c5a;
}

.font-miso {
	font-family: 'Miso', sans-serif!important;
}

.font-miso.uk-text-large {
	line-height: 1.1;
	margin-top: -30px;
}

.uk-h1, .uk-h2, h1, h2 {
	font-family: 'Miso', sans-serif!important;
	color: #244c5a;
}

.uk-text-lead {
	color: #244c5a;
}

.uk-button {
	letter-spacing: 1.1px;
}

.uk-button-default {
	border: 1px solid #244c5a;
	color: #244c5a;
}

.uk-navbar ul.uk-navbar-nav > li > a {
	font-family: 'Miso', sans-serif!important;
	text-transform: uppercase!important;
	font-size: 1.3rem;
	line-height: 20px;
}

#seccion-servicios .uk-h3, #seccion-actividades .uk-h3 {
	color: white;
	margin: 0;
	font-size: 1.75rem;
	text-shadow: 2px 2px 2px rgba(0,0,0,.15);
}

.uk-navbar ul.uk-navbar-nav {
	position: relative;
	top: -6px;
}

.uk-navbar ul.uk-navbar-nav > li > a > i {
	position: relative;
	top: 6px;
}

.uk-h3, .uk-h4, .uk-h5, .uk-h6, h3, h4, h5, h6 {
	font-family: 'Quicksand', sans-serif!important;
	color: #244c5a;
}

h1.uk-position-center.uk-margin-remove-top {
	margin-top: -25px!important;
}


element.style {
}
h1 p, .uk-h1 p, h2 p, .uk-h2 p, h3 p, .uk-h3 p, h4 p, .uk-h4 p, h5 p, .uk-h5 p, h6 p, .uk-h6 p, .uk-heading-large p, .uk-heading-xlarge p {
	margin: 0!important;
}
address, dl, fieldset, figure, ol, p, pre, ul {
	margin: 0 0 20px 0;
}
user agent stylesheet
p {
	display: block;
	margin-block-start: 1em;
	margin-block-end: 1em;
	margin-inline-start: 0px;
	margin-inline-end: 0px;
}

h1, .uk-h1 {
	font-size: 65px;
	font-weight: bold;
	line-height: 1;
	margin-bottom: 2rem;
}

h2, .uk-h2 {
	font-size: 46px;
	font-weight: bold;
	line-height: 1;
	margin-bottom: 2rem;
}

h3, .uk-h3 {
	font-size: 18px;
	font-weight: bolder;
	line-height: 1;
}

.uk-text-center {
	text-align: center!important;
}
.uk-text-uppercase {
	text-transform: uppercase!important;
}
.uk-text-bold {
	font-weight: bolder;
}
@media (min-width: 960px)


body.uk-offcanvas-container, body.preloading {
	overflow: hidden!important;
}

.pointer {
	cursor: pointer;
}

.uk-button-default.uk-background-default:hover {
	background-color: #dadada!important;
}

#header.uk-background-primary {
	background-color: #8fcbba;
}

.uk-background-secondary {
	background-color: #8FCBB0;
}

.home header.uk-background-secondary {
	transition: all linear 0.25s;
}

.home header.uk-background-secondary:not(.uk-active) {
	background-color: transparent!important;
}

.titulo-servicio {
	font-size: 2.5rem;
}

.text-white {
	color: white;
}

.viewport-height {
	height: calc(100vh - 80px);
}

.icon-estado {
	width: 10px;
	height: 10px;
	border-radius: 500px;
	display: inline-block;
	position: relative;
	top: 1px;
}

.form-error {
	font-size: 0.875rem;
}

.uk-heading-xlarge {
    font-size: 3.2rem;
    line-height: 1;
}

.logo {
	width:240px;
}

.home #header .uk-sticky-placeholder {
	height: 0!important;
}

.uk-button {
	text-transform: none;
}

.uk-border-rounded-xl {
	border-radius: 12px;
}

.uk-button-secondary {
	background-color: #244c5a;
}

.border-over-secondary {
	border: 1px solid #333;
}

.scroll-snap-viewport {
  	scroll-snap-type: y mandatory;
	  overflow-y: scroll;
	  display: flex;
  	
}

.scroll-snap-viewport .uk-width-expand\@s {
	min-width: 50%;
}

.scroll-snap-child {
  scroll-snap-align: center;
  scroll-padding: 0px;
  scroll-snap-stop: always;
}

#info .uk-form-label, #brochure .uk-form-label {
	display: none;
}

#info .uk-input, #info .uk-select, #info .uk-textarea, #brochure .uk-input, #brochure .uk-select, #brochure .uk-textarea {
	margin-bottom: 15px;
}

input::placeholder, textarea::placeholder {
  font-size: 1rem;
}

#info .uk-input:focus, #info .uk-select:focus, #info .uk-textarea:focus, #brochure .uk-input:focus, #brochure .uk-select:focus, #brochure .uk-textarea:focus {
    background-color: rgba(0,0,0, 0.025)!important;
    color: #666;
    border-color: #000!important;
}

body form input.uk-input:-internal-autofill-selected {
    background-color: transparent!important;
}

#info .btn-transparent, #brochure .btn-transparent {
	border-right: 1px solid #000!important;
	border-top: 0!important;
	border-radius: 0!important;
	background-color: transparent!important;
	color: inherit;
}


.idioma {
	width: 32px; 
	line-height: 22px;
	text-align: center;
}

.idioma img {
	opacity: 0.6;
}

.idioma.uk-active img {
	opacity: 1;
}

.wrapper {
	scroll-snap-type: y mandatory;
}

.wrapper .snap-stop {
	scroll-snap-stop: always;
	scroll-snap-align: center;
	scroll-padding: 0px;
}

/*

	Reviews
	
*/

.reviews-header {
	display: none!important;
}

.review .review-text p {
	margin-bottom: 0px;
}

.initials {
	background-color: black;
	width: 42px;
	line-height: 43px;
	text-align: center;
	font-weight: bolder;
	font-size: 1.25rem;
}

.puntos {
  display: flex; /* o flex */
  gap: 20px;  /* Espacio entre filas y columnas */
  column-gap: 3px;  /* Espacio entre columnas (horizontal) */
}

.punto {
	display: inline-block;
}

.punto::before {
	font-family: "Font Awesome 5 Pro";
	content: "\f005";
	display: block;
}

.punto-grande::before {
	font-weight: 900;
	color: #f7b603;
}

.img-servicio .uk-margin-medium-top {
	margin-top: 20px!important;
}


@media (max-width: 1024px) {
	#offcanvas-nav-primary li.menu:hover::before {
		left: 7%;
		transform: translateX(-65%) translateY(-50%);
		position: absolute;
		top: 60%;
	}
	
	.uk-button:not(.uk-button-small) {
		font-size: 1rem;
	}
	
	.uk-flex-basis-5-12\@m {
		flex-basis: calc(100%);
	}
	
}

@media (max-width: 640px) {
	
	#btn-reservar-header {
		font-size: 0.75rem!important;
		padding: 0 10px;
	}
	
	.titulo-servicio {
		font-size: 1.8rem;
	}
	
	.logo {
		width:180px;
	}
	
	.img-mobile {
		padding: 15px;
	}
	
	.link-whatsapp img {
		width: 50px;
	}
	
	.uk-section:not(.uk-section-small):not(.uk-section-xsmall) {
		padding-top: 60px;
		padding-bottom: 60px;
	}
		
	#offcanvas-nav-primary li.menu a {
		font-size: 3.4rem;
		line-height: 1.05;
	}
	
	.uk-grid-margin {
		margin-top: 0!important;
	}
			
	#offcanvas-nav-primary li {
		padding-left: 0%;
	}
	
	#offcanvas-nav-primary li.menu:hover::before {
		left: 9%;
		transform: translateX(-65%) translateY(-50%);
		position: absolute;
		top: 71%;
	}
		
}