


	img.wp-smiley, img.emoji {
		display: inline !important;
		border: none !important;
		box-shadow: none !important;
		height: 1em !important;
		width: 1em !important;
		margin: 0 0.07em !important;
		vertical-align: -0.1em !important;
		background: none !important;
		padding: 0 !important;
	}

	



/*! This file is auto-generated */
.wp-block-button__link {
	color: #fff;
	background-color: #32373c;
	border-radius: 9999px;
	box-shadow: none;
	text-decoration: none;
	padding: calc(0.667em + 2px) calc(1.333em + 2px);
	font-size: 1.125em;
}

.wp-block-file__button {
	background: #32373c;
	color: #fff;
	text-decoration: none;
}


body {
	--wp--preset--color--black: #000000;
	--wp--preset--color--cyan-bluish-gray: #abb8c3;
	--wp--preset--color--white: #ffffff;
	--wp--preset--color--pale-pink: #f78da7;
	--wp--preset--color--vivid-red: #00cfff;
	--wp--preset--color--luminous-vivid-orange: #ff6900;
	--wp--preset--color--luminous-vivid-amber: #fcb900;
	--wp--preset--color--light-green-cyan: #7bdcb5;
	--wp--preset--color--vivid-green-cyan: #00d084;
	--wp--preset--color--pale-cyan-blue: #8ed1fc;
	--wp--preset--color--vivid-cyan-blue: #0693e3;
	--wp--preset--color--vivid-purple: #9b51e0;
  
	--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple: linear-gradient(135deg, rgba(6,147,227,1) 0%, rgb(155,81,224) 100%);
	--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan: linear-gradient(135deg, rgb(122,220,180) 0%, rgb(0,208,130) 100%);
	--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange: linear-gradient(135deg, rgba(252,185,0,1) 0%, rgba(255,105,0,1) 100%);
	--wp--preset--gradient--luminous-vivid-orange-to-vivid-red: linear-gradient(135deg, rgba(255,105,0,1) 0%, rgb(207,46,46) 100%);
	
  }
  
  /* Ejemplos de clases */
  .has-black-color {
	color: var(--wp--preset--color--black) !important;
  }
  
  .has-vivid-red-color {
	color: var(--wp--preset--color--vivid-red) !important;
  }
  
  .wp-block-navigation a:where(:not(.wp-element-button)) {
	color: inherit;
  }
  
  .wp-block-pullquote {
	font-size: 1.5em;
	line-height: 1.6;
  }
  


/*! elementor - v3.16.0 - 17-10-2023 */
.elementor-widget-image {
	text-align: center;
  }
  .elementor-widget-image a {
	display: inline-block;
  }
  .elementor-widget-image a img[src$=".svg"] {
	width: 48px;
  }
  .elementor-widget-image img {
	vertical-align: middle;
	display: inline-block;
  }
  
  .elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap {
	background-color: #69727d;
	color: #fff;
  }
  .elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap {
	color: #69727d;
	border: 3px solid;
	background-color: transparent;
  }
  .elementor-widget-text-editor:not(.elementor-drop-cap-view-default) .elementor-drop-cap {
	margin-top: 8px;
  }
  .elementor-widget-text-editor:not(.elementor-drop-cap-view-default) .elementor-drop-cap-letter {
	width: 1em;
	height: 1em;
  }
  .elementor-widget-text-editor .elementor-drop-cap {
	float: left;
	text-align: center;
	line-height: 1;
	font-size: 50px;
  }
  .elementor-widget-text-editor .elementor-drop-cap-letter {
	display: inline-block;
  }

  .elementskit-section-title {
	color: #35b7ff !important; /* celeste o el color que quieras */
  }
  
 /* Animación para cambiar el color de cada letra */
.dynamic-text-letter {
    color: #00b8ff; /* Cambia este color al que desees para las letras */
    animation: colorChange 4s ease-in-out infinite; /* Efecto de animación */
}

/* Definición de la animación de color */
@keyframes colorChange {
    0% { color: #00b8ff; }  /* Inicialmente color rojo */
    100% { color: #00b2f8; } /* Al final color verde */
}

#menu-item-437 a {
    color: #00b8ff; /* Aplica el color celeste a la letra */
}

/* Estilo del botón */
.jkit-button-wrapper {
    background-color: #27718f !important; /* Color celeste */
    color: white; /* Color de la letra */
    padding: 10px 20px; /* Tamaño del botón */
    border-radius: 5px; /* Bordes redondeados */
    text-decoration: none; /* Sin subrayado en el enlace */
    display: inline-block; /* Asegura que se comporte como un bloque en línea */
}

/* Estilo cuando el cursor pasa por encima */
.jkit-button-wrapper:hover {
    background-color: #072f41 !important; /* Color más oscuro cuando se pasa el ratón */
}

/* Cambiar el color del texto */
.jkit-icon-box .title {
    color: #00b8ff !important; /* Color celeste para el texto */
}

/* Estilo del icono */
.jkit-icon-box .icon i {
    font-size: 30px; /* Tamaño del icono */
    color: #00b8ff !important; /* Color celeste para el icono */
    margin-right: 10px; /* Espacio entre el icono y el texto */
}

a:hover {
    color: #00b8ff !important; /* Celeste */
}

.whatsapp-float {
    position: fixed; /* Mantiene el botón fijo en la pantalla */
    bottom: 20px; /* Ajusta la distancia desde la parte inferior */
    right: 20px; /* Ajusta la distancia desde el lado derecho */
    width: 60px; 
    height: 60px;
    background-color: #25d366;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.2);
    transition: transform 0.3s ease-in-out;
    z-index: 1000; /* Asegura que esté sobre otros elementos */
}

.whatsapp-float img {
    width: 40px;
    height: 40px;
}

.whatsapp-float:hover {
    transform: scale(1.1);
}

/* Estilo para el contenedor del mapa */
.map-container {
    width: 500px;
    height: 350px; /* Ajusta la altura según lo necesites */
    margin-top: 20px;
    border-radius: 10px; /* Bordes redondeados si lo prefieres */
    overflow: hidden; /* Para evitar que se salga de los bordes */
}

/* Para asegurarse de que el iframe se ajuste bien al contenedor */
.map-container iframe {
    width: 100%;
    height: 100%;
    border: none;
}

.elementor-115 .elementor-element.elementor-element-5b1de7df .jeg-elementor-kit.jkit-icon-box .icon-box > .icon {
  color: #FFFFFF !important;
  background-color: #26718F !important;
  border-radius: 50px 50px 50px 50px !important;
  margin: 0px 0px 0px 0px;
  padding: 10px 0px 0px 0px;
  height: 40px;
  width: 40px;
}

.elementor-115 .elementor-element.elementor-element-130aaac1 .jeg-elementor-kit.jkit-icon-box .icon-box > .icon {
  color: #FFFFFF;
  background-color: #26718F !important;
  border-radius: 50px 50px 50px 50px;
  margin: 0px 0px 0px 0px;
  padding: 10px 0px 0px 0px;
  height: 40px;
  width: 40px;
}

.elementor-115 .elementor-element.elementor-element-439f1e58 .jeg-elementor-kit.jkit-nav-menu .jkit-hamburger-menu {
  float: right;
  background-color: #26718F !important;
  border-style: solid;
}

.elementor-115 .elementor-element.elementor-element-6359d358 .jeg-elementor-kit.jkit-icon-box .icon-box > .icon {
  color: #E91A2F;
  background-color: #26718F !important;
  border-radius: 50px 50px 50px 50px;
  margin: 0px 0px 0px 0px;
  padding: 9px 0px 0px 3px;
  height: 40px;
  width: 40px;
}

