/*!
Theme Name: Blocksy
Theme URI: https://creativethemes.com/blocksy/
Author: CreativeThemes
Author URI: https://creativethemes.com
Description: Blocksy is a blazing fast and lightweight WordPress theme built with the latest web technologies. It was built with the Gutenberg editor in mind and has a lot of options that makes it extendable and customizable. You can easily create any type of website, such as business agency, shop, corporate, education, restaurant, blog, portfolio, landing page and so on. It works like a charm with popular WordPress page builders, including Elementor, Beaver Builder, Visual Composer and Brizy. Since it is responsive and adaptive, translation ready, SEO optimized and has WooCommerce built-in, you will experience an easy build and even an increase in conversions. Note: Blocksy is built with the latest web technologies in order to bring you the smoothest experience, that told, old browsers like IE 11 and below may not work as expected. We strongly recommend you to update/switch to a modern browser.
Version: 1.9.4
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Copyright: (c) 2019 CreativeThemes.
Requires at least: 5.2
Requires PHP: 7.0
Tested up to: 6.1
Text Domain: blocksy
Tags: blog, e-commerce, wide-blocks, block-styles, grid-layout, one-column, two-columns, three-columns, four-columns, right-sidebar, left-sidebar, translation-ready, custom-colors, custom-logo, custom-menu, featured-images, footer-widgets, full-width-template, theme-options, threaded-comments, buddypress, rtl-language-support, news

*/
.button-whatsapp {
    padding: 18px 30px;
    font-size: 18px;
    line-height: 18px;
    background-color: #25d366;
    color: #ffffff;
    font-weight: 600;
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 1 auto !important;
    border-radius: 0px;
    cursor: pointer;
    margin-bottom: 20px;
}
.button-whatsapp:hover {
    background-color: #128c7e;
    color: #ffffff;
}
.button-whatsapp span{
    margin-right: 5px;
    font-size: 24px;
}
/* WhatsApp Modal */
#modalWhatsapp .form-group-button.mensaje-wa{width:85%;}
#errormessage{color:#fff;display:none;font-size:12px;border:1px solid #ffff99;margin-bottom:20px;padding:10px;text-align:center;}
.modal-content{position:fixed;background-color:#fefefe;border-radius:25px;width:415px;max-width:460px;left:50%;top:50%;padding:80px 40px 30px 40px;transform:translate(-50%, -50%);-webkit-animation-name:slideIn;-webkit-animation-duration:0.4s;animation-name:slideIn;animation-duration:0.4s;}
.modal{display:none;position:fixed;z-index:99999;left:0;top:0;width:100%;height:100%;overflow:auto;background-color:rgb(77 92 116 / 95%);-webkit-animation-name:fadeIn;-webkit-animation-duration:0.4s;animation-name:fadeIn;animation-duration:0.4s;}
.contact-buttons{cursor:pointer;background-color:#25d366;max-width:100px;padding:10px;text-align:center;border-radius:10px 0 0 10px;position:fixed;right:0;bottom:10%;z-index:95;-webkit-box-shadow:-5px 5px 20px rgb(37 211 102 / 50%);box-shadow:-5px 5px 20px rgb(37 211 102 / 50%);}
.contact-buttons .ripple:before, .contact-buttons .ripple:after{-webkit-animation:ripple 3s infinite;animation:ripple 3s infinite;border-radius:10px 0 0 10px;box-shadow:0 0 0 0 rgb(37 211 102 / 50%);top:0;height:36px;position:absolute;width:100px;right:0;height:84px;}
.contact-buttons .ripple:before{-webkit-animation-delay:.9s;animation-delay:.9s;content:"";position:absolute;top:0}
.contact-buttons .ripple:after{-webkit-animation-delay:.6s;animation-delay:.6s;content:"";position:absolute;top:0;}
@-webkit-keyframes ripple{70%{box-shadow:0 0 0 50px rgba(27,215,65,0)}100%{box-shadow:0 0 0 0 rgba(27,215,65,0)}}
@keyframes ripple{70%{box-shadow:0 0 0 50px rgba(27,215,65,0)}100%{box-shadow:0 0 0 0 rgba(27,215,65,0)}}
.contact-buttons .buy-now-btn{background:rgb(118 164 169);font-family:"HelveticaNeueLTPro-MdCn", sans-serif !important;border-radius:30px;box-shadow:0 5px 10px 0 rgb(37 211 102 / 50%);-webkit-transform-origin:center;transform-origin:center;position:relative;height:36px;width:120px;text-align:center;padding:8px 20px;font-size:1rem;color:#fff;z-index:1;display:block;}
.contact-buttons span{font-size:10px;line-height:12px;display:inline-block;color:#fff;text-transform:uppercase;font-weight:bold;}
#modalWhatsapp .modal-content{background-color:#E5DDD5;width:100%;height:500px;max-width:450px;max-height:450px;border-radius:10px;-webkit-box-shadow:0 10px 20px rgb(0 0 0 / 20%);box-shadow:0 10px 20px rgb(0 0 0 / 20%);border-radius:10px;overflow:hidden;padding:0px 0px 0px 0px;}
#modalWhatsapp .modal-content .wrap{width:100%;height:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;position:relative;}
#modalWhatsapp .modal-content .top{padding:10px;background-color:#009688;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;-webkit-box-align:center;-ms-flex-align:center;align-items:center;z-index:1;color:#fff;}
#modalWhatsapp .modal-content .top img{width:45px;height:45px;border:solid 1px #f1f1f1;padding:0px;border-radius:50%;margin-right:10px;background-color:#fff;}
#modalWhatsapp .modal-content .bottom{background-color:#EFEFEF;padding:10px 5px 0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;-webkit-box-align:center;-ms-flex-align:center;align-items:center;z-index:1;}
#modalWhatsapp .modal-content #mensajewhatsapp{-webkit-appearance:none;-moz-appearance:none;appearance:none;outline:none;background-color:#ffffff;border-color:#fff;border-radius:21px;line-height:20px;border-style:solid;border-width:1px;padding:12px 12px 12px 12px;-webkit-box-shadow:none;box-shadow:none;resize:none;min-height:auto;margin-bottom:0em;width:100%;font-family:helvetica;height: 80px;}
#modalWhatsapp .modal-content .send{cursor:pointer;font-size:0px;width:100%;background-color:transparent;height:33px;border-color:rgb(0 0 0 / 0%);}
#modalWhatsapp .modal-content .send img{width:25px;margin-left:10px;display:block;}
#modalWhatsapp .modal-content .wrap:after{content:"";width:100%;height:100%;position:absolute;background-image:url('https://maquinashielo.com/wp-content/uploads/2024/07/ws-fondo.png');background-size:450px;background-color:#E5DDD5;z-index:0;opacity:0.1;}
#modalWhatsapp .modal-content .top .info-text strong{font-weight:600;display:block;margin-bottom:2px;}
#modalWhatsapp .modal-content .top .info-text span{font-weight:100;font-size:14px;}
#modalWhatsapp .closewhatsapp::after{border:1px solid #eeeeee;}
#modalWhatsapp .closewhatsapp{color:#ffffff;right:15px;top:15px;background-color:#009688;position:absolute;width:35px;height:35px;border-radius:99px;display:flex;justify-content:center;align-items:center;cursor:pointer;z-index:5;transition:transform 1.1s cubic-bezier(.23,1,.32,1);}
#modalWhatsapp .closewhatsapp:hover{transform:rotate(90deg);}
#modalWhatsapp .closewhatsapp:hover::after{transform:scale(1.2);}
#modalWhatsapp .form-group-button{margin-top:0rem;width:42.5%;float:left;text-align:left;padding-left:5px;padding-right:5px;}
#modalWhatsapp .form-group-button.enviar-whatsapp{width:10%;margin-top:-15px;position:relative;}
#modalWhatsapp .form-group-button .img-whatsapp{position:absolute;left:10px;top:5px;z-index:-1;}
#modalWhatsapp input[type=text]{background-color:#ffffff;border-color:#fff;border-radius:21px;line-height:20px;border-style:solid;border-width:1px;padding:12px;-webkit-box-shadow:inset 0 1px 2px rgb(0 0 0 / 10%);box-shadow:inset 0 0px 0px rgb(0 0 0 / 10%);margin-bottom:0em;font-family:helvetica;height:50px}
#modalWhatsapp form{margin-bottom:0em;}
.info-text{line-height:20px;font-family:helvetica;}
.validation{color:#ff4646;font-size:13px;line-height:normal;margin-bottom:10px;margin-top:5px;}
/* WhatsApp Modal */