.btn-wsp:hover {
    color: #fff;
    transform: translateY(-3px);
}
	
	.iconoWsp {
    font-size: 45px;
    line-height: 1;
}
		
       #btn-mostrar-formulario {
            padding: 10px;
            color: white;
            border: none;
            cursor: pointer;
            position: fixed;
            bottom: 40px;
            right: 30px;
            z-index: 1000;
		    width: 60px;
			height: 60px;
			transition: all .2s ease-in-out;
			box-shadow: 0px 10px 15px -3px rgba(0, 0, 0, 0.1);
		   border-radius: 10px;
			font-weight: 700;
		   display: flex;
    align-items: center;
    justify-content: center;
    background: linear-gradient(45deg, #0bbc19, #08d107);
        }
		
		@media (max-width: 767px) {
			#btn-mostrar-formulario {
				bottom: 20px;
				right:20px;
			}
		}

        /* Estilo para el formulario */
        #formulario-widget {
            display: none;
            background: #f9f9f9 url(https://goad.cl/cli/whatsapp/background-wsp.png) no-repeat center;
    		background-size: cover;
            position: fixed;
            bottom: 70px; /* Ajusta para que no se superponga con el botón */
            right: 20px;
            z-index: 1000;
            box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.2);
            border-radius: 10px;
			overflow: hidden;
			max-width: 320px;
        }
		
		.cabecera_wsp {
			background-color: #045e54;
			color:#fff;
			display:flex;
			padding: 15px;
		    align-items: center;
		}
		
		.img_wsp {
			width:20%;
			padding-right: 10px;
		}
		
		.img_wsp img {
			width: 100%;
			max-width:60px;
			height:auto;
			border-radius: 50%;
			background-color: #fff;
		}
		
		.txt_wsp {
			width:75%;
		}
		
		.txt_wsp h4 {
			font-size: 17px;
			font-weight: bold;
			line-height:1;
			font-family: 'Caviar Dreams', inherit;
		}
		
		.txt_wsp h4 small {
			font-weight: 300;
			display: block;
		    font-size: 80%;
		}
		
		#formulario-contacto {
			padding: 20px;
			font-family: inherit;
		}
		
		#formulario-contacto label {
			font-size: 15px;
		}
		
		#formulario-contacto input {
			border: 1px solid #eaeaea;
			border-radius: 5px;
			width:100%;
			margin-bottom:10px;
		}
		
		#formulario-contacto input[type=submit] {
			margin: 0 auto 7px;
			display: block;
			padding: 5px 20px;
			background-color: #045e54;
			border: 0;
			font-size: 15px;
			color:#fff;
			border-radius:5px;
		}
		
		#mensaje-gracias {
			padding: 20px;
			text-align:center;
			font-family: inherit;
		}
		
		.btn_cerrar {
			width:5%;
			border-radius: 50%;
			display:flex;
			align-items:center;
			justify-content:center;
		}

        /* Fondo oscuro para el área del formulario */
        #btnCerrar {
			width: 25px;
			height:25px;
			background: rgba(0,0,0,.05);
            color:#fff;
			line-height:1;
			font-size: 15px;
			font-weight:bold;
        }