.btn-flotante {
	font-size: 16px; /* Cambiar el tamaño de la tipografia */
	text-transform: uppercase; /* Texto en mayusculas */
	font-weight: bold; /* Fuente en negrita o bold */
	color: #1BA2ED; /* Color del texto */
	border-radius: 50%; /* Borde del boton */
	letter-spacing: 2px; /* Espacio entre letras */
	background-color: #1BA2ED; /* Color de fondo */
	padding: 10px 13px; /* Relleno del boton */
	position: fixed;
	bottom: 20px;
	right: 20px;
	transition: all 300ms ease 0ms;
	box-shadow: 0px 8px 15px rgba(0, 0, 0, 0.1);
	z-index: 99;
}
.btn-flotante:hover {
	background-color: #034EA2; /* Color de fondo al pasar el cursor */
	box-shadow: 0px 15px 20px rgba(0, 0, 0, 0.3);
	transform: translateY(-7px);
}
@media only screen and (max-width: 600px) {
 	.btn-flotante {
		font-size: 14px;
		padding: 12px 20px;
		bottom: 20px;
		right: 20px;
	}
}

@media only screen and (min-width: 981px) {
/*** Estilos sub menu divi ***/
.et_pb_menu .sub-menu {
margin-top: 12px;
border-radius: 6px; /* borde redondeado */
border-top: none;
box-shadow: 0px 1px 16px rgb(0 0 0 / 20%);
padding: 12px 0 !important;
}
#page-container .et_pb_menu_0_tb_header.et_pb_menu .nav li ul {
background-color: #3470bd ! important; /* color de fondo sub menu */
}
.et_pb_menu .sub-menu li {
padding: 0;
line-height: 1.3;
width: 100%;
}
.et_pb_menu .sub-menu li a {
width: 100%;
padding: 14px 25px;
}
.et_pb_menu .sub-menu li a:hover {
color: #58aeff !important; /* color enlace hover */
background-color: #4ea6e4; /* color fondo hover */
opacity: 1;
}
/* Icono marcador arriba del submenu */
.et_pb_menu nav > ul > li > .sub-menu:after {
position: absolute;
content:'';
left: 36px;
top: -26px;
border-style: solid;
border-width: 14px;
border-color: transparent transparent #ffffff;
}
}


 .btn-flotante {
	font-size: 16px; /* Cambiar el tamaño de la tipografia */
	text-transform: uppercase; /* Texto en mayusculas */
	font-weight: bold; /* Fuente en negrita o bold */
	color: #1BA2ED; /* Color del texto */
	border-radius: 50%; /* Borde del boton */
	letter-spacing: 2px; /* Espacio entre letras */
	background-color: #1BA2ED; /* Color de fondo */
	padding: 10px 13px; /* Relleno del boton */
	position: fixed;
	bottom: 20px;
	right: 20px;
	transition: all 300ms ease 0ms;
	box-shadow: 0px 8px 15px rgba(0, 0, 0, 0.1);
	z-index: 99;
}
.btn-flotante:hover {
	background-color: #034EA2; /* Color de fondo al pasar el cursor */
	box-shadow: 0px 15px 20px rgba(0, 0, 0, 0.3);
	transform: translateY(-7px);
}
@media only screen and (max-width: 600px) {
 	.btn-flotante {
		font-size: 14px;
		padding: 12px 20px;
		bottom: 20px;
		right: 20px;
	}
}