
.floating-buttons {
	position: fixed;
	bottom: 20px; /* Ajusta la distancia desde la parte inferior */
	left: 20px; /* Ajusta la distancia desde la izquierda */
	display: flex;
	flex-direction: row; /* Los botones se muestran en línea horizontal */
	gap: 10px; /* Espacio entre los botones */
}

.floating-button {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 50px;
	height: 50px;
	border-radius: 50%;
	background-color: #33A14B; /* Color de fondo para los botones */
	color: #fff; /* Color del texto/iconos */
	font-size: 20px;
	cursor: pointer;
}

.floating-button:hover {
	background-color: #0D541C; /* Cambia el color de fondo al pasar el cursor */
	color: #fff !important;
}

.text-justify{
	text-align: justify !important;
}


.poppins-thin {
  font-family: "Poppins", sans-serif;
  font-weight: 100;
  font-style: normal;
}

.poppins-extralight {
  font-family: "Poppins", sans-serif;
  font-weight: 200;
  font-style: normal;
}

.poppins-light {
  font-family: "Poppins", sans-serif;
  font-weight: 300;
  font-style: normal;
}

.poppins-regular {
  font-family: "Poppins", sans-serif;
  font-weight: 400;
  font-style: normal;
}

.poppins-medium {
  font-family: "Poppins", sans-serif;
  font-weight: 500;
  font-style: normal;
}

.poppins-semibold {
  font-family: "Poppins", sans-serif;
  font-weight: 600;
  font-style: normal;
}

.poppins-bold {
  font-family: "Poppins", sans-serif;
  font-weight: 700;
  font-style: normal;
}

.poppins-extrabold {
  font-family: "Poppins", sans-serif;
  font-weight: 800;
  font-style: normal;
}

.poppins-black {
  font-family: "Poppins", sans-serif;
  font-weight: 900;
  font-style: normal;
}

.poppins-thin-italic {
  font-family: "Poppins", sans-serif;
  font-weight: 100;
  font-style: italic;
}

.poppins-extralight-italic {
  font-family: "Poppins", sans-serif;
  font-weight: 200;
  font-style: italic;
}

.poppins-light-italic {
  font-family: "Poppins", sans-serif;
  font-weight: 300;
  font-style: italic;
}

.poppins-regular-italic {
  font-family: "Poppins", sans-serif;
  font-weight: 400;
  font-style: italic;
}

.poppins-medium-italic {
  font-family: "Poppins", sans-serif;
  font-weight: 500;
  font-style: italic;
}

.poppins-semibold-italic {
  font-family: "Poppins", sans-serif;
  font-weight: 600;
  font-style: italic;
}

.poppins-bold-italic {
  font-family: "Poppins", sans-serif;
  font-weight: 700;
  font-style: italic;
}

.poppins-extrabold-italic {
  font-family: "Poppins", sans-serif;
  font-weight: 800;
  font-style: italic;
}

.poppins-black-italic {
  font-family: "Poppins", sans-serif;
  font-weight: 900;
  font-style: italic;
}


.roboto{
  font-family: "Roboto Condensed", sans-serif !important;
}


.fixed-bottom{
    bottom: 15px !important;
    position: fixed;
}


/*------------------------------------
  Botones de redes sociales al footer
------------------------------------*/
  .g-fb-button{
    background-color: #2e35ff !important;
    color: #fff !important;
      border-radius: 100px !important;
  }
  .g-ig-button{
    border-radius: 100px !important;
    color: #fff !important;
    background: #E00062 !important;
  }
  .g-whatsapp-button {
    color: #fff !important;
    border-radius: 100px !important;
    background-color: #25d366 !important;
  }
  .g-fb-button:hover{
    background-color: #3b5998 !important;
  }
  .g-ig-button:hover{
    background-color: #AF47A6 !important;
  }
  .g-whatsapp-button:hover{
    background-color: #2DA661 !important;
  }

  .btn-naranja {
    color: #fff !important;
    border-radius: 100px !important;
    background-color: #C01E05 !important;
  }
  .btn-naranja:hover{
    background-color: #A1811A !important;
  }


/*------------------------------------
  Colores albabrain
------------------------------------*/

.color-white{
  color: #ffffff !important;
}
.color-azul{
  color: #1B325F !important;
}
.color-celeste{
  color: #3A89C9 !important;
}
.color-naranja{
  color: #C01E05 !important;
}
.color-celeste-bajo{
  color: #E9F2F9 !important;
}
/*------------------------------------
  Colores albabrain HOVER
------------------------------------*/

.color-azul-hover:hover{
  color: #1B325F !important;
}
.color-white--hover:hover{
  color: #fff !important;
}
.color-celeste-hover:hover{
  color: #3A89C9 !important;
}
.color-naranja-hover:hover{
  color: #C01E05 !important;
}

.color-celeste-bajo-hover:hover{
  color: #E9F2F9 !important;
}
/*------------------------------------
  Fondos albabrain
------------------------------------*/

.fondo-gris{
  background-color: rgb(240 240 240) !important;
}
.fondo-celeste{
  background-color: #3A89C9 !important;
}
.fondo-naranja{
  background-color: #C01E05 !important;
}

.fondo-celeste-bajo{
  background-color: #E9F2F9 !important;
}
/*------------------------------------
  Fondos hover albabrain
------------------------------------*/

.fondo-gris--hover:hover{
  background-color: rgb(240 240 240) !important;
}
.fondo-celeste--hover:hover{
  background-color: #3A89C9 !important;
}
.fondo-naranja--hover:hover{
  background-color: #C01E05 !important;
}

.fondo-celeste-bajo--hover:hover{
  background-color: #E9F2F9 !important;
}