/**/.hamburgerButton{display:block;background-color:transparent;border:0;padding:0;margin:0}.hamburgerButton,.hamburgerButton svg{width:100%;height:100%}/**/.graphicWidget{width:200px;height:200px;margin:10px auto;text-align:center}.graphicWidget svg.svg{width:100%;height:100%;color:#000;fill:#000}.graphicWidgetV2{width:60px;height:60px}.graphicWidgetV3{font-size:0}/**/#dm .dmDivider{display:block;min-height:2px;margin:0;border:0;color:gray;background:0}#dm .dmDividerWrapper{display:block;margin:10px 0}/**/.dmLargeBody #dm .dmRespRow .dmRespCol.large-11 .dmform[data-layout=layout-2] .dmform-wrapper .dmformsubmit.dmWidget,.dmLargeBody #dm .dmRespRow .dmRespCol.large-12 .dmform[data-layout=layout-2] .dmform-wrapper .dmformsubmit.dmWidget{width:fit-content} #dm .dmformsubmit input[type=submit]{text-align:inherit}#dm .dm-layout-sec div.dmInner .dmform[data-layout=layout-2] .dmforminput label:not(.for-checkable),#dm div.dmInner .dmform[data-layout=layout-2] .dmforminput label:not(.for-checkable){width:75px;vertical-align:top;white-space:normal} #dm .dmBody div.dmform[data-layout=layout-2] .dmforminput:not(.g-recaptcha):not(.frc-captcha){justify-content:flex-start!important}#dm .dm-layout-sec div.dmInner .dmform[data-layout=layout-1] .dmforminput,#dm div.dmInner .dmform[data-layout=layout-1] .dmforminput{display:block} #dm .dm-layout-sec div.dmInner .dmform[data-layout=layout-1] .dmforminput>:not(label):not(div):not(small):not(.frc-banner),#dm div.dmInner .dmform[data-layout=layout-1] .dmforminput>:not(label):not(div):not(small):not(.frc-banner){background:0;border:2px solid #000;display:inline-block} #dm .dm-layout-sec div.dmInner .dmform[data-layout=layout-2] .dmforminput,#dm div.dmInner .dmform[data-layout=layout-2] .dmforminput{-js-display:flex;display:flex}#dm .dm-layout-sec div.dmInner .dmform[data-layout=layout-2] .dmforminput input:not([type=checkbox]):not([type=radio]),#dm .dm-layout-sec div.dmInner .dmform[data-layout=layout-2] .dmforminput textarea,#dm div.dmInner .dmform[data-layout=layout-2] .dmforminput>input,#dm div.dmInner .dmform[data-layout=layout-2] .dmforminput>textarea{width:calc(100% - 80px)} #dm div.dmInner .dmform[data-layout=layout-2] .dmforminput>.resizeHandler{height:100%;bottom:0}#dm .dm-layout-sec div.dmInner .dmform[data-layout=layout-3] .dmforminput,#dm div.dmInner .dmform[data-layout=layout-3] .dmforminput{margin-top:20px} #dm .dm-layout-sec div.dmInner .dmform[data-layout=layout-3] .dmforminput>:not(label):not(div):not(small):not(.frc-banner),#dm div.dmInner .dmform[data-layout=layout-3] .dmforminput>:not(label):not(div):not(small):not(.frc-banner){background:0;border:0;border-radius:0;-webkit-appearance:none;border-bottom:1px solid;height:30px} #dm div.dmInner .frc-captcha.dmforminput.dmRespDesignCol{border:0}#dm div.dmInner .frc-captcha.dmforminput.dmRespDesignCol .frc-banner{border:0;position:inherit}#dm div.dmInner .dmform .dmforminput .radiowrapper span{line-height:normal} #dm div.dmInner .dmform .dmforminput .checkboxwrapper span,#dm div.dmInner .dmform .dmforminput .optinwrapper div{vertical-align:text-bottom;line-height:normal;display:inline}#dm div.dmInner .dmform .dmforminput .optinwrapper div p.rteBlock{display:inline} #dm div.dmInner .dmform .dmforminput .horizontal.checkboxwrapper span,#dm div.dmInner .dmform .dmforminput .horizontal.optinwrapper div div,#dm div.dmInner .dmform .dmforminput .horizontal.radiowrapper span{margin:0 15px 0 3px} #dm div.dmInner .dmform .dmforminput .horizontal{-js-display:flex;display:flex;flex-wrap:wrap}#dm div.dmInner .dmform[data-layout=layout-2] .dmforminput .horizontal{-js-display:inline-flex;display:inline-flex} #dm div.dmInner .dmform .dmforminput .horizontal div{-js-display:flex;display:flex}#dm div.dmInner .dmform .dmforminput .horizontal input{flex-shrink:0;margin-top:.2em}#dm div.dmInner .dmform .dmforminput label[hide=true],#dm div.dmInner .native-inputs .hide-contact-input .contact-checkable-container input[type=checkbox].checkable-input,#dm div.dmInner .native-inputs .hide-contact-input .contact-checkable-container input[type=checkbox].checkable-input+span,#dm div.dmInner .native-inputs .hide-contact-input .contact-checkable-container input[type=radio].checkable-input,#dm div.dmInner .native-inputs .hide-contact-input .contact-checkable-container input[type=radio].checkable-input+span,.dmform .dmforminput[data-skip-in-editor=true]{display:none} .dmform .dmform-field-error{display:none;color:#b00020;background-color:#fef5f5;font-size:12px;padding:6px 12px;margin-top:4px;border-radius:4px}.dmform .dmform-field-error::before{content:"";display:inline-block;width:16px;height:16px;margin-right:4px;vertical-align:text-top;background:url('data:image/svg+xml,') no-repeat center/contain;background-repeat:no-repeat;background-position:center;background-size:contain} .dmform .inputError{outline:1px solid red!important}.dmform.required-asterisk .required>label::after{content:"*";display:inline-block;margin-inline-start:5px;color:#f11111} .dmform .dmforminput label{display:block;overflow:hidden;text-overflow:ellipsis}.dmforminput.newLine{clear:both}.dmform .dmWidgetClear{clear:both;display:block}#dm .dmform.form-rtl-direction .dmform-title{text-align:right} #dm .dmform.form-rtl-direction .checkboxwrapper,#dm .dmform.form-rtl-direction .dmforminput input,#dm .dmform.form-rtl-direction .optinwrapper,#dm .dmform.form-rtl-direction .radiowrapper,#dm .dmform.form-rtl-direction label,#dm .dmform.form-rtl-direction textarea{direction:rtl;text-align:right} #dm .dmform.form-rtl-direction .checkboxwrapper,#dm .dmform.form-rtl-direction .fileUploadLink,#dm .dmform.form-rtl-direction .optinwrapper,#dm .dmform.form-rtl-direction .radiowrapper{float:right;clear:both} #dm .dmform.form-rtl-direction .dmRespDesignRow .dmRespDesignCol{float:right;text-align:right}#dm .dmform.form-rtl-direction .dmWidget.R{float:left}.u_dm .dmform a.fileUploadLink{text-decoration:underline;cursor:pointer} .dmform .fileUploadLink{cursor:pointer}.dmform[data-layout=layout-2] .checkboxwrapper,.dmform[data-layout=layout-2] .optinwrapper,.dmform[data-layout=layout-2] .radiowrapper{justify-content:flex-start!important;text-align:left!important;text-overflow:unset} .dmform[data-layout=layout-2] .dmforminput label{margin-right:5px}#dmRoot.dmLargeBody #dm .dmWidget.dmformsubmit{max-width:100%;padding:0}.dmLargeBody #dm .large-3 .dmformsubmit.dmWidget,.dmLargeBody #dm .large-4 .dmformsubmit.dmWidget{width:150px} .dmLargeBody #dm .large-10 .dmformsubmit.dmWidget,.dmLargeBody #dm .large-5 .dmformsubmit.dmWidget,.dmLargeBody #dm .large-6 .dmformsubmit.dmWidget,.dmLargeBody #dm .large-7 .dmformsubmit.dmWidget,.dmLargeBody #dm .large-8 .dmformsubmit.dmWidget,.dmLargeBody #dm .large-9 .dmformsubmit.dmWidget{width:200px} .dmLargeBody #dm .large-11 .dmformsubmit.dmformsubmit,.dmLargeBody #dm .large-12 .dmformsubmit.dmformsubmit{width:280px}.dmMobileBody #dm .dmRespRow .dmRespCol.small-12 .dmform-wrapper .dmformsubmit{width:91%;max-width:91%;padding:0 10px;float:left} .inFormLayoutMode .dmform.inlineEditorFormSelected .dmforminput{transition:all .1s linear}.dmMobileBody .dmform .dmforminput label{white-space:normal}.dmform .newLineButton,.dmform .resizeHandler,.dmform.inlineEditorFormSelected .large-1 .resizeHandler span.dm-icon-chevron-left,.dmform.inlineEditorFormSelected .large-12 .resizeHandler span.dm-icon-chevron-right{visibility:hidden} .dmform.inlineEditorFormSelected .resizeHandler{visibility:visible;height:calc(100% - 30px);position:absolute;bottom:5px;right:10px;cursor:col-resize;z-index:999}.dmform.inlineEditorFormSelected .newLineButton{visibility:visible;position:absolute;left:24px;bottom:calc(50% - 22px);padding:4px;cursor:pointer} .dmform.inlineEditorFormSelected .newLineButton:before{display:inline-block}.dmform.inlineEditorFormSelected .newLine .newLineButton:before{-webkit-transform:rotateZ(180deg)}.dmform.inlineEditorFormSelected .resizeHandler span{font-size:9px;position:relative;top:50%;margin-top:-4px;color:#666} .dmform.inlineEditorFormSelected .resizeHandler span.dm-icon-chevron-right{margin-left:4px}.dmform.inlineEditorFormSelected .resizeHandler .handle{background-color:#666;height:100%;background:url(/editor/nee/images/common/2ColumnsArrows.png) no-repeat center 50%,url(/editor/nee/images/common/bluePic.png) repeat-y center;border-right:0;right:-5px;width:12px} .dmform .m-recaptcha{margin-top:0;margin-bottom:10px}.dmform .grecaptcha-badge[data-style=bottomleft],.dmform .grecaptcha-badge[data-style=bottomright]{z-index:999;opacity:0}.dmform.active .grecaptcha-badge[data-style=bottomleft],.dmform.active .grecaptcha-badge[data-style=bottomright]{opacity:1} [data-captcha-position=bottomleft] .g-recaptcha,[data-captcha-position=bottomright] .g-recaptcha{padding:0;margin:0}div.dmInner input[type=date],div.dmInner input[type=time]{font-size:16px;background-color:rgba(102,102,102,.15);border:2px solid #fff;width:100%;margin:3px 0;height:40px;padding:0 10px} #dm div.dmInner .native-inputs .contact-checkable-container label.for-checkable{display:flex;flex-direction:row;flex-wrap:wrap;align-items:center;overflow:visible}#dm div.dmInner .native-inputs .contact-checkable-container .contact-checkable-img{margin-left:0;margin-bottom:0} #dm div.dmInner .native-inputs .contact-checkable-container input[type=checkbox].checkable-input,#dm div.dmInner .native-inputs .contact-checkable-container input[type=radio].checkable-input{display:initial;width:1em;height:1em;margin:8px .3em 8px 0;order:1} #dm div.dmInner .native-inputs .contact-checkable-container input[type=checkbox].checkable-input:checked~span.img-wrapper>img,#dm div.dmInner .native-inputs .contact-checkable-container input[type=radio].checkable-input:checked~span.img-wrapper>img{border:3px solid transparent} #dm div.dmInner .native-inputs .contact-checkable-container div,#dm div.dmInner .native-inputs .contact-checkable-container span:not(.img-wrapper){order:2}#dm div.dmInner .native-inputs .contact-checkable-container span.img-wrapper{order:0;width:100%} #dm .dmform:has(.spacing-container) .dmform-wrapper{overflow:clip}#dm .dmform:has(.spacing-container) .dmform-title.dmwidget-title{padding-inline:0;margin-block-start:0}#dm .dmform:has(.spacing-container) .spacing-container{margin:-7.5px;border:1px solid transparent;overflow:hidden} #dm .dmform:has(.spacing-container) .spacing-container .dmforminput{margin-top:0;padding:7.5px}#dm .dmform:has(.spacing-container) .spacing-container textarea{display:block}#dm .dmform:has(.spacing-container) .spacing-container .m-recaptcha{margin-bottom:0} #dm .dmform:has(.spacing-container) .spacing-container .g-recaptcha:has(.grecaptcha-badge:not([data-style=inline])){position:absolute}#dm .dmform:has(.spacing-container) form.dmRespDesignRow{padding:0} #dm .dmform:has(.spacing-container) form.dmRespDesignRow .dmformsubmit{margin:0;margin-block-start:20px}#dm .dmform:is(.horizontal-alignment) form.dmRespDesignRow{display:flex;flex-direction:row;align-items:flex-end} #dm .dmform:is(.horizontal-alignment) form.dmRespDesignRow .dmformsubmit{margin-block-end:5px}#dm .dmform:is(.horizontal-alignment).form-rtl-direction form{flex-direction:row-reverse}/**/.dmform{clear:both}.dmPageBody:not(.inputs-css-clean) div.dmInner input[type=email],.dmPageBody:not(.inputs-css-clean) div.dmInner input[type=number],.dmPageBody:not(.inputs-css-clean) div.dmInner input[type=password],.dmPageBody:not(.inputs-css-clean) div.dmInner input[type=tel],.dmPageBody:not(.inputs-css-clean) div.dmInner input[type=text],.dmPageBody:not(.inputs-css-clean) div.dmInner select,.dmPageBody:not(.inputs-css-clean) div.dmInner textarea,div.dmInner .dmform input[type=email],div.dmInner .dmform input[type=number],div.dmInner .dmform input[type=password],div.dmInner .dmform input[type=tel],div.dmInner .dmform input[type=text],div.dmInner .dmform select,div.dmInner .dmform textarea{font-size:16px;background-color:rgba(102,102,102,.15);border:2px solid #fff;width:100%;margin:3px 0;height:40px;padding:0 10px} .dmPageBody:not(.inputs-css-clean) div.dmInner textarea,div.dmInner .dmform textarea{height:80px;padding:10px;min-height:50px}.dmPageBody:not(.inputs-css-clean) div.dmInner input[type=reset],.dmPageBody:not(.inputs-css-clean) div.dmInner input[type=submit],div.dmInner .dmform input[type=reset],div.dmInner .dmform input[type=submit]{margin:5px auto;width:100%;border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px;height:30px!important;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;font-size:16px;border:0;outline:0} .dmPageBody:not(.inputs-css-clean) div.dmInner select[multiple],div.dmInner .dmform select[multiple]{height:auto}.dmPageBody:not(.inputs-css-clean) div.dmInner select option:not(:disabled),div.dmInner .dmform select option:not(:disabled){color:initial} .dmPageBody:not(.inputs-css-clean) div.dmInner select option,div.dmInner .dmform select option{background-color:#fff}.dmforminput{text-align:left}#dm .dmform .dmformsubmit{margin:20px 15px}.dmform .dmformsubmit .R{float:right} .dmform-title{padding-right:15px;padding-left:15px}div.dmInner .dmformsubmit input[type=submit]{height:auto!important}@media(max-width:767px){.dmRoot #dm .dmform input[type=submit]{width:100%}.dmRoot #dm .dmform.dmContactDefaultForm input[type=submit]{width:91%} #dm .dmform-wrapper .dmformsubmit{width:91%;max-width:91%;padding:0 10px;float:left}}.dmformcaptcha,.dmforminput{margin-top:10px;padding-left:.9375em;padding-right:.9375em}.dmRoot #dm .dmRespRow .dmRespCol.large-10 .dmform-wrapper .dmformsubmit,.dmRoot #dm .dmRespRow .dmRespCol.large-5 .dmform-wrapper .dmformsubmit,.dmRoot #dm .dmRespRow .dmRespCol.large-6 .dmform-wrapper .dmformsubmit,.dmRoot #dm .dmRespRow .dmRespCol.large-7 .dmform-wrapper .dmformsubmit,.dmRoot #dm .dmRespRow .dmRespCol.large-8 .dmform-wrapper .dmformsubmit,.dmRoot #dm .dmRespRow .dmRespCol.large-9 .dmform-wrapper .dmformsubmit{min-width:200px;width:auto} .dmRoot #dm .dmRespRow .dmRespCol.large-11 .dmform-wrapper .dmformsubmit,.dmRoot #dm .dmRespRow .dmRespCol.large-12 .dmform-wrapper .dmformsubmit{min-width:280px;width:auto}div.dmInner .filewrapper{margin:3px 0;height:40px} #dmRoot #dm .dmWidget.dmformsubmit{max-width:100%}/**/embed,object{max-width:100%;height:100%}img{max-width:100%;-ms-interpolation-mode:bicubic;display:inline-block}textarea{height:auto;min-height:50px}select{width:100%}.text-left{text-align:left!important} .text-right{text-align:right!important}.text-center{text-align:center!important}.text-justify{text-align:justify!important}.hide{display:none}.antialiased{-webkit-font-smoothing:antialiased}.dmRespDesignRow{position:relative;width:100%;margin:0 auto;max-width:960px;*zoom:1;padding-top:15px;padding-bottom:15px} .dmRespDesignRow .dmRespDesignRow.collapse:after,.dmRespDesignRow .dmRespDesignRow.collapse:before,.dmRespDesignRow .dmRespDesignRow:after,.dmRespDesignRow .dmRespDesignRow:before,.dmRespDesignRow:after,.dmRespDesignRow:before{content:" ";display:table} .dmRespDesignRow .dmRespDesignRow.collapse:after,.dmRespDesignRow .dmRespDesignRow:after,.dmRespDesignRow:after{clear:both}@media(min-width:1025px){.rows-1200 .dmRespDesignRow,.rows-1200 .dmRespRow:not(.fullBleedMode) .dmRespColsWrapper{max-width:1200px} }.dmRespDesignRow .column,.dmRespDesignRow .dmRespDesignCol{position:relative;width:100%;display:inline-block;vertical-align:top;float:left}.dmRespDesignRow.collapse .dmRespDesignCol{position:relative;padding-left:0;padding-right:0;float:left} .dmRespDesignRow .dmRespDesignRow{width:auto;margin-top:0;margin-bottom:0;max-width:none;*zoom:1}.dmRespDesignRow .dmRespDesignRow.collapse{width:auto;margin:0;max-width:none;*zoom:1}@media(max-width:767px){.dmRespDesignRow .dmRespDesignCol{position:relative;padding-left:15px;padding-right:15px;float:left} .flex-element .small-3:first-child,.flex-element .small-4:first-child,.flex-element .small-6:first-child{padding-left:0}.flex-element .small-3:last-child,.flex-element .small-4:last-child,.flex-element .small-6:last-child{padding-right:0} .dmRespDesignRow .small-1{position:relative;width:8.33333%}.dmRespDesignRow .small-2{position:relative;width:16.66667%}.dmRespDesignRow .small-3{position:relative;width:25%}.dmRespDesignRow .small-4{position:relative;width:33.33333%} .dmRespDesignRow .small-5{position:relative;width:41.66667%}.dmRespDesignRow .small-6{position:relative;width:50%}.dmRespDesignRow .small-7{position:relative;width:58.33333%}.dmRespDesignRow .small-8{position:relative;width:66.66667%} .dmRespDesignRow .small-9{position:relative;width:75%}.dmRespDesignRow .small-10{position:relative;width:83.33333%}.dmRespDesignRow .small-11{position:relative;width:91.66667%}.dmRespDesignRow .small-12{position:relative;width:100%} }@media(min-width:768px) and (max-width:1024px){.dmRespDesignRow .medium-1{position:relative;width:8.33333%}.dmRespDesignRow .medium-2{position:relative;width:16.66667%}.dmRespDesignRow .medium-3{position:relative;width:25%} .dmRespDesignRow .medium-4{position:relative;width:33.33333%}.dmRespDesignRow .medium-5{position:relative;width:41.66667%}.dmRespDesignRow .medium-6{position:relative;width:50%}.dmRespDesignRow .medium-7{position:relative;width:58.33333%} .dmRespDesignRow .medium-8{position:relative;width:66.66667%}.dmRespDesignRow .medium-9{position:relative;width:75%}.dmRespDesignRow .medium-10{position:relative;width:83.33333%}.dmRespDesignRow .medium-11{position:relative;width:91.66667%} .dmRespDesignRow .medium-12{position:relative;width:100%}}@media(min-width:1025px){.dmRespDesignRow .large-1{position:relative;width:8.33333%}.dmRespDesignRow .large-2{position:relative;width:16.66667%} .dmRespDesignRow .large-3{position:relative;width:25%}.dmRespDesignRow .large-4{position:relative;width:33.33333%}.dmRespDesignRow .large-5{position:relative;width:41.66667%}.dmRespDesignRow .large-6{position:relative;width:50%} .dmRespDesignRow .large-7{position:relative;width:58.33333%}.dmRespDesignRow .large-8{position:relative;width:66.66667%}.dmRespDesignRow .large-9{position:relative;width:75%}.dmRespDesignRow .large-10{position:relative;width:83.33333%} .dmRespDesignRow .large-11{position:relative;width:91.66667%}.dmRespDesignRow .large-12{position:relative;width:100%}}/**/.dmNewParagraph[data-version] .text-align-left{text-align:left!important}.dmNewParagraph[data-version] .text-align-center{text-align:center!important}.dmNewParagraph[data-version] .text-align-right{text-align:right!important} .dmNewParagraph[data-version] .text-align-justify{text-align:justify!important}.dmNewParagraph[data-version] .ql-indent-1{padding:0 1em;padding-inline-end:0;padding-inline-start:3em}.dmNewParagraph[data-version] .ql-indent-2{padding:0 2em;padding-inline-end:0;padding-inline-start:6em} .dmNewParagraph[data-version] .ql-indent-3{padding:0 3em;padding-inline-end:0;padding-inline-start:9em}.dmNewParagraph[data-version] .ql-indent-4{padding:0 4em;padding-inline-end:0;padding-inline-start:12em} .dmNewParagraph[data-version] .ql-indent-5{padding:0 5em;padding-inline-end:0;padding-inline-start:15em}.dmNewParagraph[data-version] .ql-indent-6{padding:0 6em;padding-inline-end:0;padding-inline-start:18em} .dmNewParagraph[data-version] .ql-indent-7{padding:0 7em;padding-inline-end:0;padding-inline-start:21em}.dmNewParagraph[data-version] .ql-indent-8{padding:0 8em;padding-inline-end:0;padding-inline-start:24em} .dmNewParagraph[data-version] .ql-indent-9{padding:0 9em;padding-inline-end:0;padding-inline-start:27em}.dmNewParagraph[data-version]{line-height:initial}.dmNewParagraph[data-version] [class*=size-]{width:auto!important;height:auto!important} .dmNewParagraph[data-version] h1,.dmNewParagraph[data-version] h2,.dmNewParagraph[data-version] h3,.dmNewParagraph[data-version] h4,.dmNewParagraph[data-version] h5,.dmNewParagraph[data-version] h6,.dmNewParagraph[data-version] ol,.dmNewParagraph[data-version] p,.dmNewParagraph[data-version] ul{margin-top:0;margin-bottom:0} .dmNewParagraph[data-version] ol,.dmNewParagraph[data-version] ul{padding:0;counter-reset:list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9}.dmNewParagraph[data-version] ol>li,.dmNewParagraph[data-version] ul>li{list-style-type:none;text-indent:-1.5em;margin:0 1em;margin-inline-end:0;margin-inline-start:2em} .dmNewParagraph[data-version] ol>li:before,.dmNewParagraph[data-version] ul>li:before{min-width:1em;display:inline-block;margin-right:.5em;margin-inline-start:0;margin-inline-end:.5em;text-align:right;text-align:end} .dmNewParagraph[data-version] ul .ql-indent-1{counter-reset:list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;counter-increment:list-1}.dmNewParagraph[data-version] ul .ql-indent-1:before{font-weight:700;content:"○"} .dmNewParagraph[data-version] ul .ql-indent-2{counter-reset:list-3 list-4 list-5 list-6 list-7 list-8 list-9;counter-increment:list-2}.dmNewParagraph[data-version] ul .ql-indent-2:before,.dmNewParagraph[data-version] ul .ql-indent-3:before,.dmNewParagraph[data-version] ul .ql-indent-4:before,.dmNewParagraph[data-version] ul .ql-indent-5:before,.dmNewParagraph[data-version] ul .ql-indent-6:before,.dmNewParagraph[data-version] ul .ql-indent-7:before,.dmNewParagraph[data-version] ul .ql-indent-8:before,.dmNewParagraph[data-version] ul .ql-indent-9:before{font-weight:700;content:"■"} .dmNewParagraph[data-version] ul .ql-indent-3{counter-reset:list-4 list-5 list-6 list-7 list-8 list-9;counter-increment:list-3}.dmNewParagraph[data-version] ul .ql-indent-4{counter-reset:list-5 list-6 list-7 list-8 list-9;counter-increment:list-4} .dmNewParagraph[data-version] ul .ql-indent-5{counter-reset:list-6 list-7 list-8 list-9;counter-increment:list-5}.dmNewParagraph[data-version] ul .ql-indent-6{counter-reset:list-7 list-8 list-9;counter-increment:list-6} .dmNewParagraph[data-version] ul .ql-indent-7{counter-reset:list-8 list-9;counter-increment:list-7}.dmNewParagraph[data-version] ul .ql-indent-8{counter-reset:list-9;counter-increment:list-8}.dmNewParagraph[data-version] ul .ql-indent-9{counter-reset:list-10 list-9;counter-increment:list-9} .dmNewParagraph[data-version] ul>li:before{font-weight:700;content:"•";font-family:Arial}.dmNewParagraph[data-version] ul.custom-list-1>li:not([class^=ql-indent-]):not([class*=" ql-indent-"]):before{content:"○";transform:scale(1);transform-origin:center right} .dmNewParagraph[data-version] ul.custom-list-2>li:not([class^=ql-indent-]):not([class*=" ql-indent-"]):before{content:"★";transform:scale(.7);transform-origin:center right} .dmNewParagraph[data-version] ul.custom-list-3>li:not([class^=ql-indent-]):not([class*=" ql-indent-"]):before{content:"➞";transform:scale(.8);transform-origin:center right} .dmNewParagraph[data-version] ul.custom-list-4>li:not([class^=ql-indent-]):not([class*=" ql-indent-"]):before{content:"＋";transform:scale(.7);transform-origin:center right} .dmNewParagraph[data-version] ul.custom-list-5>li:not([class^=ql-indent-]):not([class*=" ql-indent-"]):before{content:"－";transform:scale(.7);transform-origin:center right} .dmNewParagraph[data-version] ul.custom-list-6>li:not([class^=ql-indent-]):not([class*=" ql-indent-"]):before{content:"✓";transform:scale(.8);transform-origin:center right} .dmNewParagraph[data-version] ul.custom-list-7>li:not([class^=ql-indent-]):not([class*=" ql-indent-"]):before{content:"✗";transform:scale(.8);transform-origin:center right} .dmNewParagraph[data-version] ol .ql-indent-1{counter-reset:list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;counter-increment:list-1}.dmNewParagraph[data-version] ol .ql-indent-1:before{content:counter(list-1,lower-alpha) ". "} .dmNewParagraph[data-version] ol .ql-indent-2{counter-reset:list-3 list-4 list-5 list-6 list-7 list-8 list-9;counter-increment:list-2}.dmNewParagraph[data-version] ol .ql-indent-2:before{content:counter(list-2,lower-roman) ". "} .dmNewParagraph[data-version] ol .ql-indent-3{counter-reset:list-4 list-5 list-6 list-7 list-8 list-9;counter-increment:list-3}.dmNewParagraph[data-version] ol .ql-indent-3:before{content:counter(list-3,decimal) ". "} .dmNewParagraph[data-version] ol .ql-indent-4{counter-reset:list-5 list-6 list-7 list-8 list-9;counter-increment:list-4}.dmNewParagraph[data-version] ol .ql-indent-4:before{content:counter(list-4,lower-alpha) ". "} .dmNewParagraph[data-version] ol .ql-indent-5{counter-reset:list-6 list-7 list-8 list-9;counter-increment:list-5}.dmNewParagraph[data-version] ol .ql-indent-5:before{content:counter(list-5,lower-roman) ". "} .dmNewParagraph[data-version] ol .ql-indent-6{counter-reset:list-7 list-8 list-9;counter-increment:list-6}.dmNewParagraph[data-version] ol .ql-indent-6:before{content:counter(list-6,decimal) ". "} .dmNewParagraph[data-version] ol .ql-indent-7{counter-reset:list-8 list-9;counter-increment:list-7}.dmNewParagraph[data-version] ol .ql-indent-7:before{content:counter(list-7,lower-alpha) ". "} .dmNewParagraph[data-version] ol .ql-indent-8{counter-reset:list-9;counter-increment:list-8}.dmNewParagraph[data-version] ol .ql-indent-8:before{content:counter(list-8,lower-roman) ". "} .dmNewParagraph[data-version] ol .ql-indent-9{counter-reset:list-10 list-9;counter-increment:list-9}.dmNewParagraph[data-version] ol .ql-indent-9:before{content:counter(list-9,decimal) ". "} .dmNewParagraph[data-version] ol li{counter-reset:list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;counter-increment:list-0}.dmNewParagraph[data-version] ol li:before{content:counter(list-0,decimal) ". "} .dmNewParagraph[data-version] a{vertical-align:initial}@media(min-width:768px) and (max-width:1024px){.dmNewParagraph[data-version] .t-text-align-left{text-align:left!important}.dmNewParagraph[data-version] .t-text-align-center{text-align:center!important} .dmNewParagraph[data-version] .t-text-align-right{text-align:right!important}.dmNewParagraph[data-version] .t-text-align-justify{text-align:justify!important}}@media(max-width:767px){.dmRoot .dmNewParagraph[data-version] .m-text-align-left{text-align:left!important} .dmRoot .dmNewParagraph[data-version] .m-text-align-center{text-align:center!important}.dmRoot .dmNewParagraph[data-version] .m-text-align-right{text-align:right!important}.dmRoot .dmNewParagraph[data-version] .m-text-align-justify{text-align:justify!important} }.inlineBindingLink{color:inherit!important;text-decoration:inherit!important}/**/.imageWidget{position:relative}.imageWidget a,.imageWidget span.image-caption{font-style:italic;text-align:center}.imageWidget a[data-caption]::after,.imageWidget span[data-caption]::after{content:attr(data-caption);display:block;line-height:100%} .imageWidget.with-caption a::after,.imageWidget.with-caption span.image-caption::after{margin-top:12px}.imageWidget img[width][height]{height:auto}[data-flex-site] #fcontainer .imageWidget:after,[data-flex-site] #flex-footer .imageWidget:after,[data-flex-site] #flex-header .imageWidget:after{content:none} [data-flex-site] #fcontainer .imageWidget:before,[data-flex-site] #flex-footer .imageWidget:before,[data-flex-site] #flex-header .imageWidget:before{font-size:80px;transform:none}.imageWidget.hover img.hover-image,.imageWidget:hover img.hover-image{display:initial} .imageWidget.hover.hasHover img:not(.hover-image),.imageWidget:hover.hasHover img:not(.hover-image){display:none!important}.imageWidget img.hover-image,.imageWidget img.logo-on-scroll{display:none} /* Custom Widgets Styles */ /* ===== CONTAINER PRINCIPAL ===== */ .payment-methods { text-align: center; display: flex; flex-wrap: wrap; justify-content: center; align-items: flex-start; gap: 12px; } /* ===== CADA ITEM DE PAGO ===== */ .payment-methods .caja-method { display: inline-flex; flex-direction: column; align-items: center; justify-content: center; text-align: center; } .payment-methods .caja-method .method { display: flex; justify-content: center; align-items: center; width: 100%; height: 25px; } .payment-methods .caja-method .method svg { height: 100%; width: auto; max-width: 80px; } .payment-methods .caja-method p { font-size: 11px; text-align: center; margin: 4px 0 0 0; } /* ===== TÍTULO ===== */ .title-pagos { text-align: center; margin-bottom: 12px; } /* ===== FEEDBACK VISUAL: sin métodos activos ===== */ .no-payments-msg { display: none; width: 100%; padding: 18px 24px; border-radius: 10px; text-align: center; font-size: 14px; color: #888; border: 1.5px dashed #ccc; background: rgba(200,200,200,0.08); order: 999; } .no-payments-msg svg { display: block; margin: 0 auto 8px auto; opacity: 0.4; } /* ===== TEMA: GLASS ===== */ .theme-glass .caja-method { background: rgba(255,255,255,0.18); backdrop-filter: blur(10px) saturate(160%); -webkit-backdrop-filter: blur(10px) saturate(160%); border: 1px solid rgba(255,255,255,0.38); border-radius: 14px; padding: 10px 14px; box-shadow: 0 4px 18px rgba(0,0,0,0.10), inset 0 1px 0 rgba(255,255,255,0.5); transition: transform 0.2s ease, box-shadow 0.2s ease; } .theme-glass .caja-method:hover { transform: translateY(-2px); box-shadow: 0 8px 28px rgba(0,0,0,0.14); } /* ===== TEMA: APPLE ===== */ .theme-apple .caja-method { background: #f5f5f7; border-radius: 12px; padding: 10px 14px; border: none; box-shadow: 0 1px 4px rgba(0,0,0,0.10); transition: transform 0.18s cubic-bezier(.4,0,.2,1), box-shadow 0.18s; } .theme-apple .caja-method:hover { transform: scale(1.04); box-shadow: 0 4px 16px rgba(0,0,0,0.13); } .theme-apple .caja-method p { font-family: -apple-system, BlinkMacSystemFont, "SF Pro Text", "Helvetica Neue", sans-serif; font-size: 10px; letter-spacing: 0.01em; color: #1d1d1f; } /* ===== TEMA: NEON (tendencia dark) ===== */ .theme-neon .payment-methods { background: #0a0a0a; padding: 16px; border-radius: 16px; } .theme-neon .caja-method { background: #111; border: 1px solid rgba(0,255,170,0.25); border-radius: 10px; padding: 10px 14px; box-shadow: 0 0 12px rgba(0,255,170,0.08); transition: box-shadow 0.2s, border-color 0.2s; } .theme-neon .caja-method:hover { border-color: rgba(0,255,170,0.6); box-shadow: 0 0 20px rgba(0,255,170,0.22); } .theme-neon .caja-method p { color: #00ffaa; font-size: 10px; } /* ===== TEMA: FLAT (minimalista limpio) ===== */ .theme-flat .caja-method { background: transparent; border-bottom: 2px solid rgba(0,0,0,0.10); border-radius: 0; padding: 8px 10px; transition: border-color 0.2s; } .theme-flat .caja-method:hover { border-color: #007aff; } .theme-flat .caja-method p { font-size: 10px; text-transform: uppercase; letter-spacing: 0.05em; color: #555; } /* ===== RESPONSIVE ===== */ @media (max-width: 600px) { .payment-methods { gap: 8px; } .payment-methods .caja-method { min-width: 56px; } .payment-methods .caja-method .method { height: 20px; } } @media (max-width: 380px) { .payment-methods .caja-method .method { height: 18px; } .payment-methods .caja-method p { font-size: 9px; } } @media (min-width: 768px) { .payment-methods { text-align: center; } .title-pagos { text-align: center; } } @media (max-width: 767px) { .payment-methods { text-align: center; } .payment-methods .caja-method { display: inline-block; margin: 10px; text-align: center; } .payment-methods .caja-method .method { display: flex; justify-content: center; align-items: center; width: 100%; height: 25px; } .payment-methods .caja-method .method svg { height: 100%; } .payment-methods .caja-method p { font-size: 11px; text-align: center; } .title-pagos { text-align: center; } } @charset "UTF-8"; .widget-2b6e49 { position: relative; text-align: left; min-height: 35px; } .widget-2b6e49 * { margin: 0; padding: 0; box-sizing: border-box; text-decoration: none; } /* Mensaje de advertencia */ .nohay { color: #ff6b00 !important; font-size: 13px; font-weight: 700; padding: 8px 12px; background: #fff3e0; border-radius: 4px; border-left: 3px solid #ff6b00; display: inline-block; } /* Enlace base */ .whatsapp-link { text-decoration: none !important; display: block; width: 100%; height: 100%; transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1); position: relative; } .widget-2b6e49 .text { padding: 0 !important; line-height: 1.5; font-weight: 500; } /* ============================================ BASE COMPARTIDA PARA EFECTOS HOVER ============================================ */ .dmWidget { overflow: hidden; position: relative; } /* ============================================ EFECTO 1: SHIMMER — Reflejo diagonal (Apple, Stripe style) ============================================ */ .dmWidget.hover-shimmer::before { content: ''; position: absolute; top: 0; left: -75%; width: 50%; height: 100%; background: linear-gradient( 120deg, transparent 0%, rgba(255, 255, 255, 0) 25%, rgba(255, 255, 255, 0.55) 50%, rgba(255, 255, 255, 0) 75%, transparent 100% ); transform: skewX(-15deg); transition: none; pointer-events: none; z-index: 2; } .whatsapp-link:hover .dmWidget.hover-shimmer::before { left: 130%; transition: left 0.55s cubic-bezier(0.4, 0, 0.2, 1); } /* Intensidad adaptada por diseño */ .btnGradientPop.hover-shimmer::before { background: linear-gradient( 120deg, transparent 0%, rgba(255, 255, 255, 0) 25%, rgba(255, 255, 255, 0.3) 50%, rgba(255, 255, 255, 0) 75%, transparent 100% ); } .btnNeumorphism.hover-shimmer::before, .btnAppleStyle.hover-shimmer::before, .btnMinimalOutline.hover-shimmer::before { background: linear-gradient( 120deg, transparent 0%, rgba(255, 255, 255, 0) 25%, rgba(255, 255, 255, 0.85) 50%, rgba(255, 255, 255, 0) 75%, transparent 100% ); } /* ============================================ EFECTO 2: RIPPLE — Onda expansiva desde centro (Material Design 3 style) ============================================ */ .dmWidget.hover-ripple::after { content: ''; position: absolute; top: 50%; left: 50%; width: 0; height: 0; background: rgba(255, 255, 255, 0.35); border-radius: 50%; transform: translate(-50%, -50%); opacity: 0; pointer-events: none; z-index: 2; transition: none; } .whatsapp-link:hover .dmWidget.hover-ripple::after { width: 300%; height: 300%; opacity: 0; transition: width 0.6s cubic-bezier(0.4, 0, 0.2, 1), height 0.6s cubic-bezier(0.4, 0, 0.2, 1), opacity 0.6s cubic-bezier(0.4, 0, 0.2, 1); } .whatsapp-link:hover .dmWidget.hover-ripple { --ripple-start: rgba(255, 255, 255, 0.35); } /* Keyframe para el ripple continuo en hover */ @keyframes ripple-expand { 0% { width: 0; height: 0; opacity: 0.5; } 100% { width: 320%; height: 320%; opacity: 0; } } .whatsapp-link:hover .dmWidget.hover-ripple::after { animation: ripple-expand 0.65s cubic-bezier(0.4, 0, 0.2, 1) forwards; } /* Ajuste para diseños claros */ .btnNeumorphism.hover-ripple::after, .btnAppleStyle.hover-ripple::after, .btnMinimalOutline.hover-ripple::after { background: rgba(18, 140, 126, 0.15); } /* ============================================ EFECTO 3: GLOW AURA — Halo difuso expandible (Linear, Vercel style) ============================================ */ .dmWidget.hover-glow-aura { transition: box-shadow 0.4s cubic-bezier(0.4, 0, 0.2, 1), transform 0.4s cubic-bezier(0.4, 0, 0.2, 1) !important; } .whatsapp-link:hover .dmWidget.hover-glow-aura { box-shadow: 0 0 0 0 rgba(37, 211, 102, 0), 0 0 20px 4px rgba(37, 211, 102, 0.45), 0 0 50px 10px rgba(37, 211, 102, 0.2), 0 8px 25px rgba(37, 211, 102, 0.35) !important; } /* Glow aura adaptado por diseño */ .whatsapp-link:hover .btnGradientPop.hover-glow-aura { box-shadow: 0 0 20px 4px rgba(196, 113, 237, 0.5), 0 0 50px 10px rgba(196, 113, 237, 0.25), 0 8px 25px rgba(196, 113, 237, 0.4) !important; } .whatsapp-link:hover .btnNeumorphism.hover-glow-aura { box-shadow: 0 0 20px 4px rgba(37, 211, 102, 0.3), 0 0 40px 8px rgba(37, 211, 102, 0.12), inset 4px 4px 8px rgba(7, 94, 84, 0.15), inset -4px -4px 8px rgba(255, 255, 255, 0.9) !important; } .whatsapp-link:hover .btnAppleStyle.hover-glow-aura { box-shadow: 0 0 20px 4px rgba(37, 211, 102, 0.25), 0 0 40px 8px rgba(37, 211, 102, 0.1), 0 4px 12px rgba(0, 0, 0, 0.12) !important; } /* ============================================ EFECTO 4: LIFT — Elevación con sombra profunda (Airbnb, Notion style) ============================================ */ .dmWidget.hover-lift { transition: transform 0.3s cubic-bezier(0.34, 1.56, 0.64, 1), box-shadow 0.3s cubic-bezier(0.34, 1.56, 0.64, 1) !important; } .whatsapp-link:hover .dmWidget.hover-lift { transform: translateY(-5px) !important; box-shadow: 0 10px 20px rgba(0, 0, 0, 0.12), 0 20px 40px rgba(0, 0, 0, 0.08), 0 4px 8px rgba(0, 0, 0, 0.06) !important; } /* Lift adaptado por diseño */ .whatsapp-link:hover .btnDisenoDos.hover-lift { box-shadow: 0 10px 20px rgba(18, 140, 126, 0.35), 0 20px 40px rgba(18, 140, 126, 0.18), 0 4px 8px rgba(7, 94, 84, 0.15) !important; } .whatsapp-link:hover .btnGlassmorphism.hover-lift { box-shadow: 0 10px 24px rgba(37, 211, 102, 0.28), 0 20px 48px rgba(37, 211, 102, 0.14) !important; } .whatsapp-link:hover .btnGradientPop.hover-lift { box-shadow: 0 10px 24px rgba(196, 113, 237, 0.45), 0 20px 48px rgba(196, 113, 237, 0.22) !important; } .whatsapp-link:hover .btnNeumorphism.hover-lift { box-shadow: 0 10px 20px rgba(7, 94, 84, 0.2), 0 20px 40px rgba(7, 94, 84, 0.1), -4px -4px 10px rgba(255, 255, 255, 0.8) !important; } /* ============================================ ANIMACIONES DE ENTRADA (loop) ============================================ */ /* 1. PULSO */ .animated-pulso { animation: anim-pulse 2s cubic-bezier(0.4, 0, 0.2, 1) infinite; } .animated-pulso::before { content: ''; position: absolute; top: 50%; left: 50%; width: 100%; height: 100%; border-radius: inherit; background: rgba(37, 211, 102, 0.4); transform: translate(-50%, -50%); animation: anim-pulse-ring 2s cubic-bezier(0.4, 0, 0.2, 1) infinite; pointer-events: none; z-index: -1; } @keyframes anim-pulse { 0%, 100% { transform: scale(1); } 50% { transform: scale(1.05); } } @keyframes anim-pulse-ring { 0% { transform: translate(-50%, -50%) scale(0.95); opacity: 0.8; } 50% { transform: translate(-50%, -50%) scale(1.15); opacity: 0.4; } 100% { transform: translate(-50%, -50%) scale(1.35); opacity: 0; } } /* 2. BOUNCE */ .animated-bounce { animation: anim-bounce 2s ease-in-out infinite; } @keyframes anim-bounce { 0%, 100% { transform: translateY(0); } 25% { transform: translateY(-10px); } 50% { transform: translateY(0); } 75% { transform: translateY(-5px); } } /* 3. SHAKE */ .animated-shake { animation: anim-shake 2s ease-in-out infinite; } @keyframes anim-shake { 0%, 100% { transform: translateX(0); } 10%, 30%, 50%, 70%, 90% { transform: translateX(-5px); } 20%, 40%, 60%, 80% { transform: translateX(5px); } } /* 4. SWING */ .animated-swing { transform-origin: top center; animation: anim-swing 2s ease-in-out infinite; } @keyframes anim-swing { 0%, 100% { transform: rotate(0deg); } 25% { transform: rotate(5deg); } 75% { transform: rotate(-5deg); } } /* 5. GLOW */ .animated-glow { animation: anim-glow 2s ease-in-out infinite; } @keyframes anim-glow { 0%, 100% { box-shadow: 0 0 5px rgba(37, 211, 102, 0.5), 0 0 10px rgba(37, 211, 102, 0.3); } 50% { box-shadow: 0 0 20px rgba(37, 211, 102, 0.8), 0 0 30px rgba(37, 211, 102, 0.5), 0 0 40px rgba(37, 211, 102, 0.3); } } /* Velocidades */ .speed-lento { animation-duration: 3s !important; } .speed-lento::before { animation-duration: 3s !important; } .speed-normal { animation-duration: 2s !important; } .speed-normal::before { animation-duration: 2s !important; } .speed-rapido { animation-duration: 1.2s !important; } .speed-rapido::before { animation-duration: 1.2s !important; } /* ============================================ MENSAJE DE BIENVENIDA - POSICIÓN ADAPTATIVA ============================================ */ .wa-welcome-bubble { position: absolute; bottom: calc(100% + 15px); left: 0; background: #fff; border-radius: 12px; padding: 16px; box-shadow: 0 6px 24px rgba(0, 0, 0, 0.15); max-width: 280px; min-width: 220px; opacity: 0; transform: translateY(10px) scale(0.95); transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1); z-index: 100; pointer-events: all; } /* Flecha apuntando ABAJO (posición normal - mensaje arriba) */ .wa-welcome-bubble::after { content: ''; position: absolute; top: 100%; left: 20px; width: 0; height: 0; border-left: 10px solid transparent; border-right: 10px solid transparent; border-top: 10px solid #fff; } /* Posición invertida - mensaje ABAJO del botón */ .wa-welcome-bubble.show-below { bottom: auto; top: calc(100% + 15px); transform: translateY(-10px) scale(0.95); } .wa-welcome-bubble.show-below::after { top: auto; bottom: 100%; border-top: none; border-bottom: 10px solid #fff; } .wa-welcome-bubble.show-below.wa-welcome-visible { transform: translateY(0) scale(1); } .wa-welcome-bubble.wa-welcome-visible { opacity: 1; transform: translateY(0) scale(1); } .wa-welcome-close { position: absolute; top: 8px; right: 8px; background: transparent; border: none; cursor: pointer; padding: 4px; color: #999; transition: all 0.2s ease; display: flex; align-items: center; justify-content: center; border-radius: 50%; width: 24px; height: 24px; } .wa-welcome-close:hover { background: #f0f0f0; color: #333; } .wa-welcome-content { display: flex; gap: 12px; align-items: flex-start; } .wa-welcome-icon { flex-shrink: 0; width: 40px; height: 40px; display: flex; align-items: center; justify-content: center; background: #E8F5E9; border-radius: 50%; } .wa-welcome-text { flex: 1; font-size: 14px; line-height: 1.5; color: #333; margin: 0; padding-right: 20px; } /* ============================================ TOOLTIP ============================================ */ .wa-tooltip { position: absolute; background: rgba(0, 0, 0, 0.9); color: #fff; padding: 10px 16px; border-radius: 8px; font-size: 14px; font-weight: 500; white-space: nowrap; pointer-events: none; opacity: 0; visibility: hidden; transform: translateX(-50%) translateY(-10px); transition: opacity 0.3s ease, transform 0.3s ease, visibility 0.3s ease; z-index: 10000; bottom: calc(100% + 12px); left: 50%; box-shadow: 0 4px 16px rgba(0, 0, 0, 0.3); } .wa-tooltip::after { content: ''; position: absolute; top: 100%; left: 50%; transform: translateX(-50%); border: 7px solid transparent; border-top-color: rgba(0, 0, 0, 0.9); } .wa-tooltip.tooltip-visible { opacity: 1; visibility: visible; transform: translateX(-50%) translateY(0); } /* ============================================ BADGE ============================================ */ /* El whatsapp-link necesita ser el contexto de posicionamiento del badge */ .whatsapp-link { position: relative !important; } .wa-badge { position: absolute; display: flex; align-items: center; justify-content: center; font-size: 11px; font-weight: 700; border-radius: 12px; z-index: 9999; box-shadow: 0 2px 6px rgba(0, 0, 0, 0.25); transition: all 0.3s ease; pointer-events: none; } .wa-badge.badge-dot { width: 14px; height: 14px; background: #ff4444; border: 2px solid #fff; top: -4px; right: -4px; border-radius: 50%; animation: badge-pulse 2s infinite; } .wa-badge.badge-texto { background: #ff4444; color: #fff; padding: 3px 8px; min-width: 45px; top: -10px; right: -12px; text-transform: uppercase; letter-spacing: 0.5px; } .wa-badge.badge-numero { background: #ff4444; color: #fff; padding: 2px 6px; min-width: 20px; height: 20px; top: -10px; right: -10px; } @keyframes badge-pulse { 0%, 100% { transform: scale(1); opacity: 1; } 50% { transform: scale(1.1); opacity: 0.8; } } /* ============================================ DISEÑO 2 - Redondeado (220px × 55px) ============================================ */ .btnDisenoDos { background: linear-gradient(135deg, #128C7E 0%, #25D366 100%) !important; color: #fff !important; width: 220px !important; height: 55px !important; display: inline-flex !important; align-items: center; justify-content: center; border-radius: 30px; padding: 12px 24px; position: absolute !important; top: 0; left: 0 !important; margin: 0 !important; transition: all 0.35s cubic-bezier(0.4, 0, 0.2, 1); box-shadow: 0 4px 15px rgba(18, 140, 126, 0.4); border: none !important; font-size: 15px; font-weight: 600; } .btnDisenoDos:hover { background: linear-gradient(135deg, #075E54 0%, #128C7E 100%) !important; transform: translateY(-2px) scale(1.02); box-shadow: 0 6px 20px rgba(7, 94, 84, 0.5); } .btnDisenoDos span { margin: 0 !important; padding: 0 !important; color: #fff !important; text-decoration: none !important; } .iconoDisenoDos { width: 24px; height: 24px; min-width: 24px; min-height: 24px; max-width: 120px; max-height: 120px; margin-right: 10px; display: flex; align-items: center; justify-content: center; transition: transform 0.3s ease; } .iconoDisenoDos svg { fill: #fff; transition: all 0.3s ease; } .btnDisenoDos:hover .iconoDisenoDos { transform: scale(1.1) rotate(-5deg); } /* ============================================ DISEÑO 3 - Texto + Icono (180px × 45px) ============================================ */ .btnDisenotres { background-color: transparent !important; color: #128C7E !important; width: 180px !important; height: 45px !important; display: inline-flex !important; align-items: center; justify-content: flex-start !important; text-align: left !important; padding: 10px 15px; position: absolute !important; top: 0; left: 0 !important; margin: 0 !important; border: 2px solid transparent !important; border-radius: 8px; transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1); font-size: 15px; font-weight: 600; } .btnDisenotres:hover { background-color: #f0f9f6 !important; border-color: #25D366 !important; transform: translateX(5px); } .btnDisenotres span { margin: 0 !important; padding: 0 !important; color: #128C7E !important; text-decoration: none !important; transition: color 0.3s ease; } .btnDisenotres:hover span { color: #075E54 !important; } .iconoDisenotres { width: 28px; height: 28px; min-width: 28px; min-height: 28px; max-width: 120px; max-height: 120px; margin-right: 10px; display: flex; align-items: center; justify-content: center; transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1); } .btnDisenotres:hover .iconoDisenotres { transform: scale(1.15) rotate(10deg); } /* ============================================ DISEÑO 4 - Solo Icono Flotante (60px × 60px) ============================================ */ .iconoDisenoCuatro { position: absolute; width: 60px !important; height: 60px !important; min-width: 60px; min-height: 60px; display: flex !important; align-items: center; justify-content: center; transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1); cursor: pointer; overflow: hidden; border-radius: 50%; } .iconoDisenoCuatro svg { width: 100% !important; height: 100% !important; fill: #25D366 !important; filter: drop-shadow(0 4px 12px rgba(37, 211, 102, 0.4)); transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1); } .whatsapp-link:hover .iconoDisenoCuatro svg { transform: scale(1.15) rotate(5deg); filter: drop-shadow(0 6px 20px rgba(37, 211, 102, 0.7)); } /* ============================================ DISEÑO 5 - Glassmorphism (240px × 60px) ============================================ */ .btnGlassmorphism { background: rgba(37, 211, 102, 0.15) !important; backdrop-filter: blur(20px) saturate(180%); -webkit-backdrop-filter: blur(20px) saturate(180%); color: #075E54 !important; width: 240px !important; height: 60px !important; display: inline-flex !important; align-items: center; justify-content: center; border-radius: 20px; padding: 14px 28px; position: absolute !important; top: 0; left: 0 !important; margin: 0 !important; border: 1px solid rgba(255, 255, 255, 0.3) !important; transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1); box-shadow: 0 8px 32px rgba(37, 211, 102, 0.15); font-size: 16px; font-weight: 600; } .btnGlassmorphism:hover { background: rgba(37, 211, 102, 0.25) !important; border-color: rgba(37, 211, 102, 0.5) !important; transform: translateY(-3px) scale(1.03); box-shadow: 0 12px 40px rgba(37, 211, 102, 0.3); } .btnGlassmorphism span { margin: 0 !important; padding: 0 !important; color: #075E54 !important; text-decoration: none !important; } .iconoGlass { width: 26px; height: 26px; min-width: 26px; min-height: 26px; margin-right: 12px; display: flex; align-items: center; justify-content: center; transition: transform 0.4s ease; } .iconoGlass svg { fill: #25D366; filter: drop-shadow(0 2px 8px rgba(37, 211, 102, 0.3)); transition: all 0.4s ease; } .btnGlassmorphism:hover .iconoGlass { transform: scale(1.15) rotate(-10deg); } /* ============================================ DISEÑO 6 - Neumorphism (230px × 58px) ============================================ */ .btnNeumorphism { background: #e8f5e9 !important; color: #075E54 !important; width: 230px !important; height: 58px !important; display: inline-flex !important; align-items: center; justify-content: center; border-radius: 15px; padding: 14px 26px; position: absolute !important; top: 0; left: 0 !important; margin: 0 !important; border: none !important; transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1); box-shadow: 8px 8px 16px rgba(7, 94, 84, 0.15), -8px -8px 16px rgba(255, 255, 255, 0.9); font-size: 16px; font-weight: 600; } .btnNeumorphism:hover { box-shadow: inset 4px 4px 8px rgba(7, 94, 84, 0.15), inset -4px -4px 8px rgba(255, 255, 255, 0.9); transform: scale(0.98); } .btnNeumorphism span { margin: 0 !important; padding: 0 !important; color: #075E54 !important; text-decoration: none !important; } .iconoNeumo { width: 28px; height: 28px; min-width: 28px; min-height: 28px; margin-right: 12px; display: flex; align-items: center; justify-content: center; transition: transform 0.3s ease; } .iconoNeumo svg { fill: #25D366; transition: all 0.3s ease; } .btnNeumorphism:hover .iconoNeumo { transform: scale(1.1) rotate(5deg); } /* ============================================ DISEÑO 7 - Gradient Pop (210px × 52px) ============================================ */ .btnGradientPop { background: linear-gradient(135deg, var(--gradient-color1, #FF6B9D) 0%, var(--gradient-color2, #C471ED) 50%, var(--gradient-color3, #12C2E9) 100%) !important; background-size: 200% 200% !important; color: #fff !important; width: 210px !important; height: 52px !important; display: inline-flex !important; align-items: center; justify-content: center; border-radius: 26px; padding: 12px 24px; position: absolute !important; top: 0; left: 0 !important; margin: 0 !important; border: none !important; transition: all 0.5s cubic-bezier(0.4, 0, 0.2, 1); box-shadow: 0 6px 20px rgba(196, 113, 237, 0.4); font-size: 15px; font-weight: 700; letter-spacing: 0.5px; animation: gradient-shift 3s ease infinite; } @keyframes gradient-shift { 0%, 100% { background-position: 0% 50%; } 50% { background-position: 100% 50%; } } .btnGradientPop:hover { transform: translateY(-3px) scale(1.05); box-shadow: 0 10px 30px rgba(196, 113, 237, 0.6); animation: gradient-shift 1s ease infinite; } .btnGradientPop span { margin: 0 !important; padding: 0 !important; color: #fff !important; text-decoration: none !important; text-shadow: 0 2px 4px rgba(0, 0, 0, 0.2); } .iconoGradient { width: 26px; height: 26px; min-width: 26px; min-height: 26px; margin-right: 10px; display: flex; align-items: center; justify-content: center; transition: transform 0.5s ease; } .iconoGradient svg { fill: #fff; filter: drop-shadow(0 2px 4px rgba(0, 0, 0, 0.3)); transition: all 0.5s ease; } .btnGradientPop:hover .iconoGradient { transform: scale(1.2) rotate(360deg); } /* ============================================ DISEÑO 8 - Minimal Outline (190px × 48px) ============================================ */ .btnMinimalOutline { background: transparent !important; color: #075E54 !important; width: 190px !important; height: 48px !important; display: inline-flex !important; align-items: center; justify-content: center; border-radius: 10px; padding: 10px 20px; position: absolute !important; top: 0; left: 0 !important; margin: 0 !important; border: 2px solid #128C7E !important; transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1); box-shadow: none; font-size: 15px; font-weight: 600; } .btnMinimalOutline:hover { background: #128C7E !important; color: #fff !important; border-color: #128C7E !important; transform: scale(1.03); } .btnMinimalOutline span { margin: 0 !important; padding: 0 !important; color: inherit !important; text-decoration: none !important; transition: color 0.3s ease; } .btnMinimalOutline:hover span { color: #fff !important; } .iconoMinimal { width: 24px; height: 24px; min-width: 24px; min-height: 24px; margin-right: 10px; display: flex; align-items: center; justify-content: center; transition: transform 0.3s ease; } .iconoMinimal svg { fill: #128C7E; transition: all 0.3s ease; } .btnMinimalOutline:hover .iconoMinimal svg { fill: #fff; } .btnMinimalOutline:hover .iconoMinimal { transform: scale(1.1); } /* ============================================ DISEÑO 9 - Apple Style (200px × 50px) ============================================ */ .btnAppleStyle { background: #fff !important; color: #000 !important; width: 200px !important; height: 50px !important; display: inline-flex !important; align-items: center; justify-content: center; border-radius: 12px; padding: 12px 24px; position: absolute !important; top: 0; left: 0 !important; margin: 0 !important; border: 1px solid rgba(0, 0, 0, 0.1) !important; transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1); box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08); font-size: 15px; font-weight: 500; letter-spacing: -0.3px; } .btnAppleStyle:hover { background: #f5f5f7 !important; border-color: rgba(0, 0, 0, 0.15) !important; transform: scale(1.01); box-shadow: 0 4px 12px rgba(0, 0, 0, 0.12); } .btnAppleStyle span { margin: 0 !important; padding: 0 !important; color: #000 !important; text-decoration: none !important; } .iconoApple { width: 22px; height: 22px; min-width: 22px; min-height: 22px; margin-right: 8px; display: flex; align-items: center; justify-content: center; transition: transform 0.25s ease; } .iconoApple svg { fill: #25D366; transition: all 0.25s ease; } .btnAppleStyle:hover .iconoApple { transform: scale(1.08); } /* ============================================ RESPONSIVE - TABLET ============================================ */ @media (min-width: 768px) and (max-width: 1024px) { .btnDisenoDos { width: 210px !important; height: 52px !important; font-size: 14px; } .btnDisenotres { width: 170px !important; height: 43px !important; font-size: 14px; } .iconoDisenoCuatro { width: 55px !important; height: 55px !important; } .btnGlassmorphism { width: 230px !important; height: 58px !important; font-size: 15px; } .btnNeumorphism { width: 220px !important; height: 56px !important; font-size: 15px; } .btnGradientPop { width: 200px !important; height: 50px !important; font-size: 14px; } .btnMinimalOutline { width: 180px !important; height: 46px !important; font-size: 14px; } .btnAppleStyle { width: 190px !important; height: 48px !important; font-size: 14px; } .wa-tooltip { font-size: 12px; padding: 8px 12px; } .wa-welcome-bubble { max-width: 260px; min-width: 200px; } } /* ============================================ RESPONSIVE - MOBILE (SOLO ICONO) 📱 ============================================ */ @media (max-width: 767px) { /* OCULTAR TEXTO EN TODOS LOS DISEÑOS */ .btnDisenoDos .text, .btnDisenotres .text, .btnGlassmorphism .text, .btnNeumorphism .text, .btnGradientPop .text, .btnMinimalOutline .text, .btnAppleStyle .text { display: none !important; } /* DISEÑO 2 - REDONDEADO → CIRCULAR COMPACTO */ .btnDisenoDos { width: 56px !important; height: 56px !important; min-width: 56px !important; min-height: 56px !important; border-radius: 50% !important; padding: 0 !important; display: flex !important; align-items: center; justify-content: center; } .iconoDisenoDos { width: 28px !important; height: 28px !important; min-width: 28px !important; min-height: 28px !important; margin: 0 !important; } /* DISEÑO 3 - TEXTO+ICONO → CIRCULAR COMPACTO */ .btnDisenotres { width: 56px !important; height: 56px !important; min-width: 56px !important; min-height: 56px !important; border-radius: 50% !important; padding: 0 !important; display: flex !important; align-items: center; justify-content: center; background-color: #25D366 !important; border-color: #25D366 !important; } .iconoDisenotres { width: 28px !important; height: 28px !important; min-width: 28px !important; min-height: 28px !important; margin: 0 !important; } .iconoDisenotres svg { fill: #fff !important; } /* DISEÑO 4 - ICONO FLOTANTE */ .iconoDisenoCuatro { width: 56px !important; height: 56px !important; min-width: 56px !important; min-height: 56px !important; } /* DISEÑO 5 - GLASSMORPHISM → CIRCULAR COMPACTO */ .btnGlassmorphism { width: 56px !important; height: 56px !important; min-width: 56px !important; min-height: 56px !important; border-radius: 50% !important; padding: 0 !important; display: flex !important; align-items: center; justify-content: center; } .iconoGlass { width: 28px !important; height: 28px !important; min-width: 28px !important; min-height: 28px !important; margin: 0 !important; } /* DISEÑO 6 - NEUMORPHISM → CIRCULAR COMPACTO */ .btnNeumorphism { width: 56px !important; height: 56px !important; min-width: 56px !important; min-height: 56px !important; border-radius: 50% !important; padding: 0 !important; display: flex !important; align-items: center; justify-content: center; } .iconoNeumo { width: 28px !important; height: 28px !important; min-width: 28px !important; min-height: 28px !important; margin: 0 !important; } /* DISEÑO 7 - GRADIENT POP → CIRCULAR COMPACTO */ .btnGradientPop { width: 56px !important; height: 56px !important; min-width: 56px !important; min-height: 56px !important; border-radius: 50% !important; padding: 0 !important; display: flex !important; align-items: center; justify-content: center; } .iconoGradient { width: 28px !important; height: 28px !important; min-width: 28px !important; min-height: 28px !important; margin: 0 !important; } /* DISEÑO 8 - MINIMAL OUTLINE → CIRCULAR COMPACTO */ .btnMinimalOutline { width: 56px !important; height: 56px !important; min-width: 56px !important; min-height: 56px !important; border-radius: 50% !important; padding: 0 !important; display: flex !important; align-items: center; justify-content: center; } .iconoMinimal { width: 28px !important; height: 28px !important; min-width: 28px !important; min-height: 28px !important; margin: 0 !important; } /* DISEÑO 9 - APPLE STYLE → CIRCULAR COMPACTO */ .btnAppleStyle { width: 56px !important; height: 56px !important; min-width: 56px !important; min-height: 56px !important; border-radius: 50% !important; padding: 0 !important; display: flex !important; align-items: center; justify-content: center; } .iconoApple { width: 28px !important; height: 28px !important; min-width: 28px !important; min-height: 28px !important; margin: 0 !important; } /* AJUSTAR TOOLTIP EN MOBILE */ .wa-tooltip { font-size: 12px; padding: 8px 12px; white-space: normal; max-width: 200px; } /* AJUSTAR BADGE EN MOBILE */ .wa-badge.badge-texto { font-size: 9px; padding: 2px 6px; min-width: 35px; top: -6px; right: -8px; } .wa-badge.badge-numero { font-size: 10px; min-width: 18px; height: 18px; top: -6px; right: -6px; } .wa-badge.badge-dot { width: 10px; height: 10px; top: -2px; right: -2px; } /* AJUSTAR MENSAJE DE BIENVENIDA EN MOBILE */ .wa-welcome-bubble { max-width: 260px; min-width: 200px; padding: 14px; bottom: calc(100% + 12px); } .wa-welcome-text { font-size: 13px; } .wa-welcome-icon { width: 36px; height: 36px; } .wa-welcome-icon svg { width: 20px; height: 20px; } } /* Accesibilidad */ .whatsapp-link:focus { outline: 3px solid #25D366; outline-offset: 2px; } .whatsapp-link:focus-visible { outline: 3px solid #25D366; outline-offset: 2px; } /* ============================================ MOBILE: VISTA COMPLETA (toggle activado) Anula el comportamiento responsivo en mobile ============================================ */ @media (max-width: 767px) { .mobile-full .btnDisenoDos .text, .mobile-full .btnDisenotres .text, .mobile-full .btnGlassmorphism .text, .mobile-full .btnNeumorphism .text, .mobile-full .btnGradientPop .text, .mobile-full .btnMinimalOutline .text, .mobile-full .btnAppleStyle .text { display: inline !important; } .mobile-full .btnDisenoDos { width: 220px !important; height: 55px !important; min-width: unset !important; min-height: unset !important; border-radius: 30px !important; padding: 12px 24px !important; } .mobile-full .iconoDisenoDos { width: 24px !important; height: 24px !important; min-width: 24px !important; min-height: 24px !important; margin-right: 10px !important; } .mobile-full .btnDisenotres { width: 180px !important; height: 45px !important; min-width: unset !important; min-height: unset !important; border-radius: 8px !important; padding: 10px 15px !important; background-color: transparent !important; border-color: transparent !important; } .mobile-full .iconoDisenotres { width: 28px !important; height: 28px !important; min-width: 28px !important; min-height: 28px !important; margin-right: 10px !important; } .mobile-full .iconoDisenotres svg { fill: #128C7E !important; } .mobile-full .btnGlassmorphism { width: 240px !important; height: 60px !important; min-width: unset !important; min-height: unset !important; border-radius: 20px !important; padding: 14px 28px !important; } .mobile-full .iconoGlass { width: 26px !important; height: 26px !important; min-width: 26px !important; min-height: 26px !important; margin-right: 12px !important; } .mobile-full .btnNeumorphism { width: 230px !important; height: 58px !important; min-width: unset !important; min-height: unset !important; border-radius: 15px !important; padding: 14px 26px !important; } .mobile-full .iconoNeumo { width: 28px !important; height: 28px !important; min-width: 28px !important; min-height: 28px !important; margin-right: 12px !important; } .mobile-full .btnGradientPop { width: 210px !important; height: 52px !important; min-width: unset !important; min-height: unset !important; border-radius: 26px !important; padding: 12px 24px !important; } .mobile-full .iconoGradient { width: 26px !important; height: 26px !important; min-width: 26px !important; min-height: 26px !important; margin-right: 10px !important; } .mobile-full .btnMinimalOutline { width: 190px !important; height: 48px !important; min-width: unset !important; min-height: unset !important; border-radius: 10px !important; padding: 10px 20px !important; } .mobile-full .iconoMinimal { width: 24px !important; height: 24px !important; min-width: 24px !important; min-height: 24px !important; margin-right: 10px !important; } .mobile-full .btnAppleStyle { width: 200px !important; height: 50px !important; min-width: unset !important; min-height: unset !important; border-radius: 12px !important; padding: 12px 24px !important; } .mobile-full .iconoApple { width: 22px !important; height: 22px !important; min-width: 22px !important; min-height: 22px !important; margin-right: 8px !important; } } @media (min-width: 768px) { .iconoDisenoCuatro { color: none; position: absolute; width: 100%; height: 100%; min-width: 25px; text-align: left !important; min-height: 20px; display: inline-flex !important; /* justify-content: flex-start !important;*/ flex-direction: row; align-items: center; } } @media (max-width: 767px) { .iconoDisenoCuatro { color: none; position: absolute; width: 100%; height: 100%; min-width: 50px; text-align: left !important; min-height: 50px; display: inline-flex !important; /* justify-content: flex-start !important;*/ flex-direction: row; align-items: center; } .btnDisenoDos { padding: 10px 20px !important; } .btnDisenoDos svg { height: 100%; width: 100%; } } .imagenLogo { width: 120px; height: auto; } .contentLogo { text-align: center; padding: 10px 0; } body.editGrid #dm .hasStickyHeader .dmInner div#desktopHeaderBox, body.editGrid #dm .hasStickyHeader .dmInner div.dmHeaderContainer, html:not(.ios-preview) #dm .hasStickyHeader .dmInner div#desktopHeaderBox, html:not(.ios-preview) #dm .hasStickyHeader .dmInner div.dmHeaderContainer { position: fixed!important; z-index: 1; width: 100%; min-width: 768px; } .ui-datepicker-calendar { display: none; } .card h3 { color:#000!important; font-weight: 500!important; } .texto_naranja_widgetengage { color:#ff7e00; } /*botnoes estilos*/ .interactPluginX *{-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box}.interactPluginX .info{-ms-border-top-right-radius:5px;border-top-right-radius:5px;-ms-border-top-left-radius:5px;border-top-left-radius:5px;width:300px;min-height:250px;display:none;position:fixed;bottom:-300px;right:100px;z-index:999999;border:solid 1px #e3e3e3;background-color:#fff;padding:10px;text-align:left;direction:ltr}.msgbody.mobileModalOpened,.msgbody.modalOpenedSafari{overflow:hidden;height:100%;width:100%;position:fixed}body.mobileModalOpened,body.modalOpenedSafari{overflow:hidden;height:100%;width:100%;position:fixed}.interactPluginX .engage_icons{position:fixed;top:50px;right:15px;z-index:999998}.interactPluginX .engage_icons.sideBarType{direction:rtl;right:0}.interactPluginX #interactPluginCallMeBack{width:800px;margin-left:-430px;height:610px;padding:0}.interactPluginX .engage_icons.sideBarType .floating-engage,.interactPluginX .image_container{-moz-box-shadow:0 0 3px 1px rgba(230,232,230,.5);-webkit-box-shadow:0 0 3px 1px rgba(230,232,230,.5);-ms-box-shadow:0 0 3px 1px rgba(230,232,230,.5);box-shadow:0 0 3px 1px rgba(230,232,230,.5);width:20px;height:20px;-ms-border-radius:0;border-radius:0;background-color:#00a79d;cursor:pointer;padding:12px;margin-top:1px}.interactPluginX .floating-engage.mobile{display:inline-block}.interactPluginX .mobile_exit .exit.floating-engage{color:#fff;font-size:16px;padding:15px;float:right;text-align:center;line-height:1.4}.interactPluginX .mobile_buttons{display:none;z-index:10000000000;position:fixed;bottom:-1000px;right:20px}.interactPluginX .mobile_buttons .buttonCaption{display:inline-block;vertical-align:middle;padding:10px;background-color:#797979;color:#fff;z-index:0;right:-8px;text-align:left;font-size:14px;width:170px;cursor:pointer;position:relative;top:3px}.mobileModal{position:fixed;width:100%;height:100%;top:0;left:0;background-color:#484848;-ms-opacity:.5;opacity:.5;z-index:99999999;display:none}#interactPluginSmsWidget .smsWidget{margin-top:50px;text-align:center;line-height:25px;font-size:20px;position:static;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;width:99%}#interactPluginSmsWidget .smsWidgetContainer div.tagline{margin-bottom:20px;font-size:1.5em}#interactPluginSmsWidget .smsWidgetContainer div.fieldtitle{margin-bottom:20px}#interactPluginSmsWidget .smsWidgetContainer form{margin-top:30px}#interactPluginSmsWidget .smsWidgetContainer form .fieldinputbox{padding-top:5px;padding-bottom:5px;padding-left:5px;padding-right:5px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}#interactPluginSmsWidget .smsWidgetContainer .fieldinput input.error{border-color:#f00}#interactPluginSmsWidget .smsWidgetContainer form .submitButton{padding-left:20px;padding-right:20px;padding-top:5px;padding-bottom:5px;background:none;margin-top:20px;background-color:#808080;color:#fff}#interactPluginSmsWidget .smsWidgetContainer form .fieldinput{width:auto}.interactPluginX .mobile_buttons .floating-engage.mobile-open{margin-top:0;display:inline-block;vertical-align:middle;position:relative}.interactPluginX .mobile_buttons .mobile_row{text-align:right;margin-bottom:20px}.interactPluginX .mobile_buttons.inlineMobileButton .mobile_row,.interactPluginX .mobile_buttons.inlineMobileButton>a{margin-bottom:0;display:-webkit-flex;display:-webkit-box;display:-moz-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-flex:1;-webkit-box-flex:1;-moz-flex:1;-moz-box-flex:1;-ms-flex:1;flex:1;-webkit-flex-direction:column-reverse;-moz-flex-direction:column-reverse;-webkit-flex-direction:column-reverse;-ms-flex-direction:column-reverse;flex-direction:column-reverse;height:42px;border-radius:0;box-shadow:none;margin:8px 2px 8px;border-radius:2px;max-width:50%;box-shadow:4px 4px 3px 0 #867f7f,0 4px 8px rgba(54,134,223,.08)}.interactPluginX .mobile_buttons.inlineMobileButton>a{height:46px;text-decoration:none}.interactPluginX .mobile_buttons.inlineMobileButton>a .mobile_row{margin:0;max-width:unset}.interactPluginX .mobile_buttons.inlineMobileButton .floating-engage.mobile-open{width:unset;height:unset;top:0;left:0;margin-top:0;padding:0;border-radius:0;box-shadow:none;padding-top:4px;display:-webkit-flex;display:-webkit-box;display:-moz-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-justify-content:center;justify-content:center;padding-bottom:4px;width:auto;margin-left:1px;margin-right:1px}.interactPluginX .mobile_buttons.inlineMobileButton .buttonCaption{display:-webkit-flex;display:-webkit-box;display:-moz-flex;display:-moz-box;display:-ms-flexbox;display:flex;width:unset;top:0;right:0;padding:0;left:0;padding-right:8px;padding-left:8px;width:auto;font-size:12px;width:auto;align-self:center}.interactPluginX .inlineMobileButton img{width:14px;height:14px}.interactPluginX .mobile_buttons.inlineMobileButton{display:-webkit-flex;display:-webkit-box;display:-moz-flex;display:-moz-box;display:-ms-flexbox;display:flex;bottom:0;width:100%;right:0 !important;background:#e6deded9;justify-content:center}.block-buttom-div{height:62px;background-color:#fff}.interactPluginX .floating-engage,.interactPluginX .image_container{-ms-box-shadow:0 0 3px 1px rgba(230,232,230,.5);-moz-box-shadow:0 0 3px 1px rgba(230,232,230,.5);-webkit-box-shadow:0 0 3px 1px rgba(230,232,230,.5);box-shadow:0 0 3px 1px rgba(230,232,230,.5);-ms-border-radius:100px;border-radius:100px;background-color:#00a79d;margin-top:350px;cursor:pointer;padding:14px;position:relative;top:3px;width:20px;height:20px}.no-under-line{text-decoration:none}.interactPluginX .floating-engage.engager-with-text{width:100px;height:100px;display:flex;flex-direction:column;justify-content:center;align-items:center;box-sizing:border-box}.interactPluginX .floating-engage.engager-with-text img{width:24px;height:24px;display:block;position:relative;right:0;top:0;background-repeat:no-repeat}.interactPluginX .floating-engage.engager-with-text .text-under-engager{font-size:14px;text-align:center;margin-top:2px}.interactPluginX .mobile_button{position:fixed;bottom:20px;right:20px;z-index:99999999999}.interactPluginX .logo .floating-engage.mobile{padding:12px;width:25px;height:25px;border:3px solid #00a79d;-ms-background-size:cover;background-size:cover}.interactPluginX .floating-engage.mobile{z-index:99999999999;position:relative;padding:14px;-ms-background-size:cover;background-size:cover;float:right}.interactPluginX .engage_icons.sideBarType .floating-engage img{display:inline-block;vertical-align:middle}.interactPluginX .tabButton .image_container{display:inline-block;padding:14px;margin-top:0;vertical-align:middle}.interactPluginX .tabButton .buttonCaption{display:inline-block;margin-left:15px;font-size:14px;vertical-align:middle;cursor:pointer}.interactPluginX .engage_icons .buttonCaption{margin-left:15px;display:none;font-size:12px;vertical-align:middle;cursor:pointer}.interactPluginX .engage_icons.floatingType .buttonCaption{display:none;top:10px;white-space:nowrap;position:absolute;right:80px;padding:5px;-ms-border-radius:10px;border-radius:10px;padding-right:15px;padding-left:15px}.interactPluginX .engage_icons.floatingType .buttonCaption.tooltip{display:block;opacity:1}.interactPluginX .engage_icons.sideBarType .floating-engage.open .buttonCaption{display:inline-block}.interactPluginX .engage_icons.sideBarType .floating-engage.open{width:auto}.interactPluginX .sideBarType.open .buttonCaption{display:inline-block}.interactPluginX img{width:20px;height:20px;background-color:transparent}.interactPluginX{line-height:18px}.tabButton{padding-left:15px;margin-bottom:10px}.interactPluginX .contact_win{font-size:16px;background-color:#ececec;text-decoration:none;-ms-border-top-left-radius:9px;border-top-left-radius:9px;-ms-border-top-right-radius:9px;border-top-right-radius:9px;font-weight:bold;position:fixed;bottom:0;right:100px;padding:13px 30px 10px;color:#000;z-index:999999;border:1px solid #999;border-bottom:0}.WContainer .iframe-title{position:absolute;background-color:#e3e3e3;width:100%;left:0;top:0;color:#484848;font-size:12px;-ms-border-top-left-radius:3px;border-top-left-radius:3px;-ms-border-top-right-radius:3px;border-top-right-radius:3px;height:30px;text-align:center;padding-top:10px;border-bottom:1px solid #ccc;z-index:1}.interactPluginX .contact_win:visited{color:#000}.interactPluginX .contact_win:hover{color:#000;cursor:pointer}.interactPluginX .contact_win:active{color:#000}.interactPluginX .exitButton{position:absolute;right:20px;top:20px;background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAYAAABWdVznAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYxIDY0LjE0MDk0OSwgMjAxMC8xMi8wNy0xMDo1NzowMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNS4xIFdpbmRvd3MiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6OEIwQUE3MTY2MzE4MTFFMkE0NUY5NDI0ODQ2OTU5NEEiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6OEIwQUE3MTc2MzE4MTFFMkE0NUY5NDI0ODQ2OTU5NEEiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo4QjBBQTcxNDYzMTgxMUUyQTQ1Rjk0MjQ4NDY5NTk0QSIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo4QjBBQTcxNTYzMTgxMUUyQTQ1Rjk0MjQ4NDY5NTk0QSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PijHSegAAADdSURBVHjaYvz//z8DKYAFRMyaNYsZSIUA8Zq0tLS/yAqAcpxAyg8ovhLEZ4KKr4Di+VDNyIq3gOSA7F6wDVBBY6iaWCBmBorFAWk2qGInqJwl2AagVd+BtC0Q34dKRAHxIjTFp4DYE8RghHkaaKo0kDoAxCpo/gQpdgMa/BFFA1QTSPENkLOgQiBFSkDF72BqmNA8OBNJMQjwA/Fk5IBgQgsNZDffQfITPPSYoAx0xW5A7IAUEKDQmwOzAaRBCN2DQPwULfREYcH6C0g7A3E3cmiAAJImkFwoSAwgwACOQ1StZQPnyQAAAABJRU5ErkJggg==);width:12px;height:12px;background-repeat:no-repeat;-ms-background-size:100% 100%;background-size:100% 100%;background-position:0 0;z-index:10000}.interactPluginX .exitButton:hover{cursor:pointer}.interactPluginX .exitButton2{right:2%;top:2%}.interactPluginX .inButton{position:absolute;left:3.8%;top:30%;width:120px;height:40px;color:#f0ffff;font-size:12px;-ms-border-radius:4px;border-radius:4px;border:none;background:-webkit-linear-gradient(#40c456,#21a839);background:-o-linear-gradient(#40c456,#21a839);background:-moz-linear-gradient(#40c456,#21a839);font-weight:bold}.interactPluginX .or_c{position:absolute;left:41%;top:30%;width:120px;margin-top:10px;height:40px;-ms-border-radius:4px;border-radius:4px;font-size:14px;font-weight:bold}.interactPluginX .inButton2{position:absolute;left:50%;top:30%;width:150px;margin-top:10px;height:40px;-ms-border-radius:4px;border-radius:4px;color:#0aaee3;font-size:14px;font-weight:bold}.interactPluginX .inButton2:hover{cursor:pointer}.interactPluginX .inButton_alone{left:35%;top:30%}.interactPluginX .WContainer{max-height:94%;display:none;-ms-border-radius:5px;border-radius:5px;width:400px;-webkit-box-shadow:0 0 9px #ccc;-ms-box-shadow:0 0 9px #ccc;box-shadow:0 0 9px #ccc;height:650px;border:solid 1px #ccc;position:fixed;bottom:-1000px;left:50%;right:38%;margin-left:-200px;padding:13px 30px 10px;z-index:9999999999;background:#fff}.interactPluginX #interactPluginShare{height:140px}.interactPluginX .WContainer .ifr-container{width:100%;height:100%;padding:0;margin-top:-10px}.interactPluginX .primary_q{margin-top:5px;height:18%}.interactPluginX .img_logo{display:inline-block;vertical-align:middle;margin-left:15px}.interactPluginX .img_logo img{-ms-border-radius:200px;border-radius:200px}.interactPluginX .img_logo.dIcon img{-ms-border-radius:0;border-radius:0}.interactPluginX .img_logo.dIcon{-ms-border-radius:200px;border-radius:200px;background-color:#3686df;padding:12px;padding-left:15px}.interactPluginX .schedule_text{padding-left:15px;color:#484848;font-size:12px;margin-right:16px;margin-bottom:15px}.interactPluginX .schedule_title{padding-left:15px;color:#484848;font-size:18px;margin-right:20px}.interactPluginX .schedule_title p{margin-top:18px;margin-bottom:18px}.interactPluginX #beforeLoad1{position:absolute;margin-top:20px;top:50%;left:50%;z-index:9999999999999}.interactPluginX #beforeLoad2{position:absolute;top:50%;left:50%;z-index:9999999999999}.interactPluginX .schedule_title_2{display:inline-block;vertical-align:middle}.interactPluginX .buttons_q{height:30%;width:100%;position:relative;border-top:0 solid #789;border-bottom:0 solid #789}.interactPluginX .share-success-message{margin-top:50px;font-size:14px}.interactPluginX .uploadButton{padding:10px;border:1px solid #ccc;-ms-border-radius:5px;border-radius:5px;margin-right:15px;color:#fff;margin-top:50px;background-color:#789;width:100px;text-align:center;margin-right:auto;margin-left:auto;font-size:14px}.interactPluginX .share-doc-input{display:none}.interactPluginX .header_q{padding-top:15px;display:inline-block;width:100%;height:30%;-ms-border-top-left-radius:5px;border-top-left-radius:5px;-ms-border-top-right-radius:5px;border-top-right-radius:5px}.interactPluginX .inButton:hover{cursor:pointer}.interactPluginX .iframe1{border:none;position:relative;top:28px;max-height:97%}.container.coupon{height:100%}.interactPluginX .iframe2{border:none}.interactPluginX .footer_q{display:inline-block;width:100%;height:10%;position:absolute;bottom:0;-ms-border-bottom-left-radius:5px;border-bottom-left-radius:5px;-ms-border-bottom-right-radius:5px;border-bottom-right-radius:5px}.interactPluginX .powered{position:absolute;right:3%;top:25%;font-size:11px;font-style:italic}.interactPluginX .iframe1{height:95%;width:100% !important}[lang="he"] .interactPluginX .engage_icons.sideBarType{direction:ltr;right:inherit;left:0}[lang="he"] .interactPluginX .engage_icons{right:inherit !important;left:15px}[lang="he"] .interactPluginX .engage_icons.sideBarType .floating-engage.open{display:flex;flex-direction:row-reverse}[lang="he"] .interactPluginX .engage_icons.floatingType .buttonCaption.tooltip{right:inherit;left:50px}[lang="he"] .interactPluginX .WContainer{right:inherit}[lang="he"] .tabButton,[lang="he"] .tabButton a{display:flex;align-items:center;flex-direction:row-reverse}[lang="he"] .interactPluginX .tabButton .buttonCaption{margin-left:inherit;margin-right:15px}[lang="he"] .interactPluginX .contact_win{right:inherit !important;text-align:right;left:100px}[lang="he"] .interactPluginX .info{left:100px;right:inherit;text-align:right}[lang="he"] .interactPluginX .info .schedule_title{direction:rtl}[lang="he"] .interactPluginX .mobile_buttons,[lang="he"] .interactPluginX .mobile_button{direction:rtl;right:initial;left:20px}[lang="he"] .interactPluginX .mobile_exit .exit.floating-engage{float:left}[lang="he"] .interactPluginX .header_q{direction:rtl}[lang="he"] .interactPluginX .img_logo{margin-left:initial;margin-right:15px}@media only screen and (max-width:500px){.interactPluginX .info{width:300px;left:50%;height:300px;bottom:10%;margin-left:-150px;line-height:23px;margin-bottom:-150px}.interactPluginX .engage_icons .floating-engage{padding:12px}.interactPluginX .engage_icons .floating-engage img{width:15px;height:15px}.interactPluginX .schedule_title{margin-top:0}.interactPluginX .exitButton{right:15px;top:15px;background-image:url(data:image/png;base64,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);width:25px;height:25px}.interactPluginX .exitButton2{top:5px;right:5px}.interactPluginX .primary_q{height:30%}.interactPluginX .inButton{left:5%;top:0%;margin-top:4px;width:110px}.interactPluginX .buttons_q{margin-top:10px}.interactPluginX .or_c{left:45%;top:0%}.interactPluginX #interactPluginCallMeBack .iframe1{top:0;height:100%}.interactPluginX .inButton2{left:54%;top:1%}.interactPluginX .WContainer{width:290px;height:425px;max-height:100%;left:50%;top:50%;margin-left:-150px;margin-top:-240px;padding:5px;padding-top:30px;padding-bottom:20px}.interactPluginX #interactPluginCallMeBack{width:290px;height:425px;margin-left:-150px;padding:5px;padding-top:30px;padding-bottom:20px}.interactPluginX #interactPluginContact,.interactPluginX #interactPluginScheduler,.interactPluginX #interactPluginFeedback,.interactPluginX #interactPluginCallMeBack{-webkit-overflow-scrolling:touch;overflow:auto}#interactPluginCoupon .container.coupon{height:100%}}@media only screen and (max-height:400px){.interactPluginX .WContainer{height:280px;left:50%;top:50%;margin-top:-160px;padding:5px;padding-top:30px;padding-bottom:20px}.interactPluginX .info{bottom:5%}}@media only screen and (min-device-width:320px) and (max-device-width:480px) and (-webkit-device-pixel-ratio:2) and (device-aspect-ratio:2/3){.interactPluginX .mobile_buttons .mobile_row{margin-bottom:5px}.interactPluginX .mobile_exit .exit.floating-engage{color:#fff;width:15px;height:15px;font-size:16px;padding:11px;float:right}.interactPluginX .floating-engage.mobile{z-index:99999999999;position:relative;padding:11px;-ms-background-size:cover;background-size:cover;float:right}.interactPluginX .floating-engage img{width:15px;height:15px}.interactPluginX .mobile_buttons .floating-engage.mobile-open{margin-top:0;width:15px;height:15px;vertical-align:middle;display:inline-block;position:relative}.interactPluginX .mobile_buttons .buttonCaption{display:inline-block;vertical-align:middle;padding:10px;background-color:#797979;color:#fff;z-index:0;right:-8px;text-align:left;font-size:12px;width:170px;height:10px;cursor:pointer;position:relative;top:3px}.interactPluginX #interactPluginCallMeBack{width:290px;height:300px;margin-left:-150px;padding:5px;padding-bottom:20px;-webkit-overflow-scrolling:touch;overflow:auto}}@media only screen and (min-device-width:400px) and (max-device-width:1024px){.interactPluginX #interactPluginScheduler,.interactPluginX #interactPluginRequestEstimate,.interactPluginX #interactPluginCallMeBack{width:calc(100% - 30px) !important;height:calc(100% - 30px) !important;margin:10px !important;padding:5px !important;top:0 !important;left:0 !important;right:0 !important;bottom:0 !important}.interactPluginX #interactPluginScheduler .iframe1,.interactPluginX #interactPluginRequestEstimate .iframe1{height:calc(90% - 28px) !important;width:100% !important;top:45px !important}.interactPluginX .iframe1{height:calc(100% - 28px) !important;width:100% !important;top:28px !important}#call-me-back-iframe-wrapper{height:100% !important}}@media only screen and (min-device-width:320px) and (max-device-width:568px) and (-webkit-min-device-pixel-ratio:2){.interactPluginX #interactPluginScheduler,.interactPluginX #interactPluginRequestEstimate,.interactPluginX #interactPluginCallMeBack,.interactPluginX #interactPluginContact{width:calc(100% - 30px) !important;height:calc(100% - 30px) !important;margin:10px !important;padding:5px !important;top:0 !important;left:0 !important;right:0 !important;bottom:0 !important}.interactPluginX #interactPluginScheduler .iframe1,.interactPluginX #interactPluginRequestEstimate .iframe1{height:calc(90% - 28px) !important;width:100% !important;top:45px !important}.interactPluginX .iframe1{height:calc(100% - 28px) !important;width:100% !important;top:28px !important}#call-me-back-iframe-wrapper{height:100% !important}.interactPluginX #interactPluginRequestEstimate,.interactPluginX #interactPluginContact,.interactPluginX #interactPluginScheduler,.interactPluginX #interactPluginFeedback,.interactPluginX #interactPluginCallMeBack{-webkit-overflow-scrolling:touch;overflow:auto}} .hvr-grow{-webkit-transform:translateZ(0);transform:translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0);-webkit-backface-visibility:hidden;backface-visibility:hidden;-moz-osx-font-smoothing:grayscale;-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-property:transform;transition-property:transform}.hvr-grow:hover,.hvr-grow:focus,.hvr-grow:active{-webkit-transform:scale(1.1);transform:scale(1.1)}.hvr-shrink{-webkit-transform:translateZ(0);transform:translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0);-webkit-backface-visibility:hidden;backface-visibility:hidden;-moz-osx-font-smoothing:grayscale;-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-property:transform;transition-property:transform}.hvr-shrink:hover,.hvr-shrink:focus,.hvr-shrink:active{-webkit-transform:scale(.9);transform:scale(.9)}.hvr-float{-webkit-transform:translateZ(0);transform:translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0);-webkit-backface-visibility:hidden;backface-visibility:hidden;-moz-osx-font-smoothing:grayscale;-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-property:transform;transition-property:transform;-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out}.hvr-float:hover,.hvr-float:focus,.hvr-float:active{-webkit-transform:translateY(-8px);transform:translateY(-8px)}.hvr-sink{-webkit-transform:translateZ(0);transform:translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0);-webkit-backface-visibility:hidden;backface-visibility:hidden;-moz-osx-font-smoothing:grayscale;-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-property:transform;transition-property:transform;-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out}.hvr-sink:hover,.hvr-sink:focus,.hvr-sink:active{-webkit-transform:translateY(8px);transform:translateY(8px)}@-webkit-keyframes hvr-push{50%{-webkit-transform:scale(.8);transform:scale(.8)}100%{-webkit-transform:scale(1);transform:scale(1)}}@keyframes hvr-push{50%{-webkit-transform:scale(.8);transform:scale(.8)}100%{-webkit-transform:scale(1);transform:scale(1)}}.hvr-push{-webkit-transform:translateZ(0);transform:translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0);-webkit-backface-visibility:hidden;backface-visibility:hidden;-moz-osx-font-smoothing:grayscale}.hvr-push:hover,.hvr-push:focus,.hvr-push:active{-webkit-animation-name:hvr-push;animation-name:hvr-push;-webkit-animation-duration:.3s;animation-duration:.3s;-webkit-animation-timing-function:linear;animation-timing-function:linear;-webkit-animation-iteration-count:1;animation-iteration-count:1}@-webkit-keyframes hvr-pop{50%{-webkit-transform:scale(1.2);transform:scale(1.2)}}@keyframes hvr-pop{50%{-webkit-transform:scale(1.2);transform:scale(1.2)}}.hvr-pop{-webkit-transform:translateZ(0);transform:translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0);-webkit-backface-visibility:hidden;backface-visibility:hidden;-moz-osx-font-smoothing:grayscale}.hvr-pop:hover,.hvr-pop:focus,.hvr-pop:active{-webkit-animation-name:hvr-pop;animation-name:hvr-pop;-webkit-animation-duration:.3s;animation-duration:.3s;-webkit-animation-timing-function:linear;animation-timing-function:linear;-webkit-animation-iteration-count:1;animation-iteration-count:1}@-webkit-keyframes hvr-wobble-vertical{16.65%{-webkit-transform:translateY(8px);transform:translateY(8px)}33.3%{-webkit-transform:translateY(-6px);transform:translateY(-6px)}49.95%{-webkit-transform:translateY(4px);transform:translateY(4px)}66.6%{-webkit-transform:translateY(-2px);transform:translateY(-2px)}83.25%{-webkit-transform:translateY(1px);transform:translateY(1px)}100%{-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes hvr-wobble-vertical{16.65%{-webkit-transform:translateY(8px);transform:translateY(8px)}33.3%{-webkit-transform:translateY(-6px);transform:translateY(-6px)}49.95%{-webkit-transform:translateY(4px);transform:translateY(4px)}66.6%{-webkit-transform:translateY(-2px);transform:translateY(-2px)}83.25%{-webkit-transform:translateY(1px);transform:translateY(1px)}100%{-webkit-transform:translateY(0);transform:translateY(0)}}.hvr-wobble-vertical{-webkit-transform:translateZ(0);transform:translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0);-webkit-backface-visibility:hidden;backface-visibility:hidden;-moz-osx-font-smoothing:grayscale}.hvr-wobble-vertical:hover,.hvr-wobble-vertical:focus,.hvr-wobble-vertical:active{-webkit-animation-name:hvr-wobble-vertical;animation-name:hvr-wobble-vertical;-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;-webkit-animation-iteration-count:1;animation-iteration-count:1}@-webkit-keyframes hvr-pulse-grow{to{-webkit-transform:scale(1.1);transform:scale(1.1)}}@keyframes hvr-pulse-grow{to{-webkit-transform:scale(1.1);transform:scale(1.1)}}.hvr-pulse-grow{-webkit-transform:translateZ(0);transform:translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0);-webkit-backface-visibility:hidden;backface-visibility:hidden;-moz-osx-font-smoothing:grayscale}.hvr-pulse-grow:hover,.hvr-pulse-grow:focus,.hvr-pulse-grow:active{-webkit-animation-name:hvr-pulse-grow;animation-name:hvr-pulse-grow;-webkit-animation-duration:.3s;animation-duration:.3s;-webkit-animation-timing-function:linear;animation-timing-function:linear;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-direction:alternate;animation-direction:alternate} .display-hover-effect.sepia{-moz-filter:sepia(0);-o-filter:sepia(0);-webkit-filter:sepia(0);filter:sepia(0)}.display-hover-effect.sepia:hover{-moz-filter:sepia(1);-o-filter:sepia(1);-webkit-filter:sepia(1);filter:sepia(1)}.display-hover-effect.blur{-moz-filter:blur(0);-o-filter:blur(0);-webkit-filter:blur(0);filter:blur(0)}.display-hover-effect.blur:hover{-moz-filter:blur(3px);-o-filter:blur(3px);-webkit-filter:blur(3px);filter:blur(3px)}.display-hover-effect.grayscale{-moz-filter:grayscale(0);-o-filter:grayscale(0);-webkit-filter:grayscale(0);filter:grayscale(0);filter:none}.display-hover-effect.grayscale:hover{-moz-filter:grayscale(1);-o-filter:grayscale(1);-webkit-filter:grayscale(1);filter:grayscale(1);filter:gray}.display-hover-effect:hover{-webkit-transition:all 2s ease-out;-moz-transition:all 2s ease-out;-ms-transition:all 2s ease-out;-o-transition:all 2s ease-out;transition:all 2s ease-out}.hover-effect-normal.grayscale{-webkit-filter:grayscale(1);-moz-filter:grayscale(1);-o-filter:grayscale(1);filter:grayscale(1);filter:gray}.hover-effect-normal.blur{-webkit-filter:blur(3px);-moz-filter:blur(3px);-o-filter:blur(3px);filter:blur(3px)}.hover-effect-normal.sepia{-webkit-filter:sepia(1);-moz-filter:sepia(1);-o-filter:sepia(1);filter:sepia(1)}.hover-effect-normal.blur:hover{-moz-filter:blur(0);-o-filter:blur(0);-webkit-filter:blur(0);filter:blur(0)}.hover-effect-normal.sepia:hover{-moz-filter:sepia(0);-o-filter:sepia(0);-webkit-filter:sepia(0);filter:sepia(0)}.hover-effect-normal.grayscale:hover{-moz-filter:grayscale(0);-o-filter:grayscale(0);-webkit-filter:grayscale(0);filter:grayscale(0);filter:none}.hover-effect-normal:hover{-webkit-transition:all 2s ease-out;-moz-transition:all 2s ease-out;-ms-transition:all 2s ease-out;-o-transition:all 2s ease-out;transition:all 2s ease-out}.display-effect.grayscale{-webkit-filter:grayscale(1);-moz-filter:grayscale(1);-o-filter:grayscale(1);filter:grayscale(1);filter:gray}.display-effect.sepia{-moz-filter:sepia(1);-o-filter:sepia(1);-webkit-filter:sepia(1);filter:sepia(1)}.display-effect.blur{-webkit-filter:blur(3px);-moz-filter:blur(3px);-o-filter:blur(3px);filter:blur(3px)} .interactPluginX .floating-engage, .interactPluginX .image_container { background-color: rgb(72, 72, 72); } .buttonCaption { background-color: rgb(72, 72, 72); color:rgb(255, 255, 255);; } .btn-info { color: #fff!important; background-color: #17a2b8!important; border-color: #17a2b8!important; cursor: pointer; } .form-group { margin-bottom: 1rem; } label { display: inline-block; margin-bottom: 0.5rem; } .close { position:absolute; top:5px; right:5px; cursor:pointer; color:#000!important; } @media (min-width: 1200px){ .container, .container-lg, .container-md, .container-sm, .container-xl { max-width: 1140px; } } .container, .container-fluid, .container-lg, .container-md, .container-sm, .container-xl { width: 100%; padding-right: 15px; padding-left: 15px; margin-right: auto; margin-left: auto; } .row { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: initial; margin-right: -15px; margin-left: -15px; } .col, .col-1, .col-10, .col-11, .col-12, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-auto, .col-lg, .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-auto, .col-md, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-auto, .col-sm, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-auto, .col-xl, .col-xl-1, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-auto { position: relative; width: 100%; padding-right: 15px; padding-left: 15px; } .card { position: relative; display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; min-width: 0; word-wrap: break-word; background-color: #fafafa57; background-clip: border-box; border: 1px solid rgba(0,0,0,.125); border-radius: 12px; padding: 10px; } .card-body { -ms-flex: 1 1 auto; flex: 1 1 auto; min-height: 1px; padding: 1.25rem; } .div-campos { padding: 20px; box-shadow: 0px 0px 10px 0px #eee; border-radius: 12px; background: #fff; color:#000; } .espacio { padding: 15px; } .form-check-inline { display: -ms-inline-flexbox; display: inline-flex; -ms-flex-align: center; align-items: center; padding-left: 0; margin-right: 0.75rem; } .form-check { position: relative; display: block; padding-left: 1.25rem; } .form-check-inline .form-check-input { position: static; margin-top: 0; margin-right: 0.3125rem; margin-left: 0; } input[type=checkbox], input[type=radio] { box-sizing: border-box; padding: 0; } .form-check-input { position: absolute; margin-top: 0.3rem; margin-left: -1.25rem; } .form-check-label { margin-bottom: 0; } .ui-datepicker { width: 100%; padding: 0.5em 0.5em 0; display: none; } .ui-widget-header { border: 1px solid #dddddd; background: #ffeb3b!important; color: #333333; font-weight: bold; } .container, .container-fluid, .container-lg, .container-md, .container-sm, .container-xl { width: 100%; padding-right: 15px; padding-left: 15px; margin-right: auto; margin-left: auto; } /* estilos calendario */ .ui-datepicker { width: 100%!important; padding: 0.5em 0.5em 0; display: none; } .ui-widget-header { border: 1px solid #dddddd; background: #ffeb3b; color: #333333; font-weight: bold; } .form-popup { z-index: 999999; position: fixed; background-color: #fff; padding: 20px; border-radius: 10px; top: 40%; left: 50%; transform: translate(-50%, -35%); display: none; max-width: 100%; box-shadow: rgb(149 157 165 / 20%) 0px 8px 24px; } .close{ position:absolute; top:5px; right:5px; cursor:pointer; } .form-group { margin-bottom: 1rem; } label { display: inline-block; margin-bottom: 0.5rem; } /* estilos calendario */ .ui-datepicker { width: 100%; padding: 0.5em 0.5em 0; display: none; } .ui-widget-header { border: 1px solid #dddddd; background:#dbfafe!important; color: #333333!important; font-weight: bold; } .ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight, .ui-datepicker-title { border: 1px solid #cdf8f8; background: #cdf8f8; color: #777620; } #titleScheduler { margin: 5px; } /*modal*/ /* The Modal (background) */ .modal { display: none; /* Hidden by default */ position: fixed; /* Stay in place */ z-index: 99999999999; /* Sit on top */ padding-top: 10px; /* Location of the box */ left: 0; top: 0; width: 100%; /* Full width */ height: 100%; /* Full height */ overflow: auto; /* Enable scroll if needed */ background-color: rgb(0,0,0); /* Fallback color */ background-color: rgb(0 0 0 / 0%); /* Black w/ opacity */ } /* Modal Content */ .modal-content { background-color: #fefefe; margin: auto; padding: 20px; border: 1px solid #888; width: 80%; border-radius: 12px; box-shadow: rgb(0 0 0 / 10%) 0px 4px 12px; } /* The Close Button */ .close { position: absolute; top: 5px; right: 5px; cursor: pointer; font-size: 20px; font-weight: 700; color: #000!important; } .close:hover, .close:focus { color: #000; text-decoration: none; cursor: pointer; } .ui-datepicker-title { color: #000; } @charset "UTF-8"; .widget-c855f3 { font-family: inherit; /* ══════════════════════════════════════ DEFAULT VARS (theme-modern) ══════════════════════════════════════ */ --lw-card-bg: #ffffff; --lw-card-shadow: 0 4px 24px rgba(0,0,0,0.10); --lw-card-border: 1px solid #e8edf2; --lw-card-radius: 16px; --lw-icon-bg: #4f46e5; --lw-icon-color: #ffffff; --lw-accent: #4f46e5; --lw-title-color: #1e293b; --lw-addr-color: #475569; --lw-info-color: #64748b; --lw-divider-color: #e2e8f0; --lw-map-overlay: rgba(255,255,255,0.06); --lw-card-backdrop: none; --lw-social-color: #64748b; --lw-social-hover: #4f46e5; --lw-whatsapp-color: #25D366; --lw-col-title-color:#1e293b; --lw-col-gap: 20px; --lw-branch-bg: #f8fafc; --lw-branch-border: 1px solid #e2e8f0; --lw-branch-radius: 12px; --lw-branch-title: #1e293b; --lw-branch-label: #64748b; /* ══════════════════════════════════════ DARK ELEGANT ══════════════════════════════════════ */ /* ══════════════════════════════════════ MINIMAL CLEAN ══════════════════════════════════════ */ /* ══════════════════════════════════════ WARM EARTHY ══════════════════════════════════════ */ /* ══════════════════════════════════════ OCEAN BLUE ══════════════════════════════════════ */ /* ══════════════════════════════════════ APPLE LIGHT ══════════════════════════════════════ */ /* ══════════════════════════════════════ GLASS ══════════════════════════════════════ */ /* ══════════════════════════════════════ MURPH ══════════════════════════════════════ */ /* ══════════════════════════════════════ ROSE NIGHT ══════════════════════════════════════ */ /* ══════════════════════════════════════ FOREST ══════════════════════════════════════ */ /* ══════════════════════════════════════ OUTER WRAPPER ══════════════════════════════════════ */ /* ══════════════════════════════════════ CARD ══════════════════════════════════════ */ /* ══════════════════════════════════════ MAP PREVIEW (imagen estática) ══════════════════════════════════════ */ /* ══════════════════════════════════════ EMBEDDED MAP ══════════════════════════════════════ */ /* ══════════════════════════════════════ HEADER ══════════════════════════════════════ */ /* ══════════════════════════════════════ COLUMNS GRID ══════════════════════════════════════ */ /* ══════════════════════════════════════ ADDRESS ══════════════════════════════════════ */ /* ══════════════════════════════════════ INFO BLOCKS ══════════════════════════════════════ */ /* ══════════════════════════════════════ CONTACT SECTION SEPARATOR (phones → emails) ══════════════════════════════════════ */ /* ══════════════════════════════════════ WHATSAPP INLINE ══════════════════════════════════════ */ /* ══════════════════════════════════════ WHATSAPP MULTI-BUTTON WRAP ══════════════════════════════════════ */ /* ══════════════════════════════════════ WHATSAPP PREMIUM BUTTON WRAPPER ══════════════════════════════════════ */ /* ── Button base (dmWidget reuse) ── */ /* ── Style: rounded (filled green gradient) ── */ /* ── Style: outline ── */ /* ── Style: glassmorphism ── */ /* ── Style: neumorphism ── */ /* ── Style: gradient-pop ── */ /* ── Style: apple-style ── */ /* ── Style: icon-only ── */ /* ── WhatsApp icon mono-mode: inherit color from CSS 'color' prop ── */ /* When SVG uses fill="currentColor", the icon color follows the CSS color property. The per-style fill rules below would override it, so we reset fill to currentColor. */ /* ══ Hover effects (dmWidget reused classes) ══ */ /* ══ Animations ══ */ /* ══ Badge ══ */ /* ══ Tooltip ══ */ /* ══ Welcome bubble ══ */ /* ══════════════════════════════════════ RICH HOURS BLOCK — 4 layouts ══════════════════════════════════════ */ /* ── LAYOUT: HORIZONTAL ── */ /* ── LAYOUT: VERTICAL (list, day | hora inline) ── */ /* ── LAYOUT: VERTICAL-LARGE (big blocks stacked, day prominent) ── */ /* ── LAYOUT: COMPACT ── */ /* Branch always uses compact */ /* Horizontal → vertical on small screens */ /* ══════════════════════════════════════ NAV BUTTONS (Google Maps + Waze) ══════════════════════════════════════ */ /* Branch social — smaller icons */ /* ══════════════════════════════════════ SOCIAL BLOCK ══════════════════════════════════════ */ /* ── Social icon size variants ── */ /* S — small */ /* M — medium (default) */ /* L — large */ /* XL — extra large */ /* ══════════════════════════════════════ BRANCHES SECTION ══════════════════════════════════════ */ /* ══════════════════════════════════════ FORMAS DE PAGO ══════════════════════════════════════ */ /* Base label — no truncation, wraps naturally */ /* ══ SIZE VARIANTS ══ */ /* small */ /* medium (default) */ /* large */ /* xlarge */ /* ══ MODERN — colored SVG logos with card shadow ══ */ /* ══ FLAT — no shadow, slight transparency ══ */ /* ══ OUTLINE — border frame around icon ══ */ /* ══ ROUNDED — white card bubble ══ */ /* ══ MONO — grayscale, color on hover ══ */ /* ══════════════════════════════════════ RESPONSIVE ══════════════════════════════════════ */ } .widget-c855f3 .theme-dark { --lw-card-bg: #1a1f2e; --lw-card-shadow: 0 8px 32px rgba(0,0,0,0.45); --lw-card-border: 1px solid #2d3448; --lw-icon-bg: #6c63ff; --lw-icon-color: #ffffff; --lw-accent: #6c63ff; --lw-title-color: #f1f5f9; --lw-addr-color: #94a3b8; --lw-info-color: #64748b; --lw-divider-color: #2d3448; --lw-social-color: #64748b; --lw-social-hover: #6c63ff; --lw-col-title-color:#f1f5f9; --lw-branch-bg: #232840; --lw-branch-border: 1px solid #2d3448; --lw-branch-title: #f1f5f9; --lw-branch-label: #64748b; } .widget-c855f3 .theme-minimal { --lw-card-bg: #f8fafc; --lw-card-shadow: none; --lw-card-border: 2px solid #e2e8f0; --lw-card-radius: 6px; --lw-icon-bg: #1e293b; --lw-icon-color: #ffffff; --lw-accent: #1e293b; --lw-title-color: #0f172a; --lw-addr-color: #475569; --lw-info-color: #64748b; --lw-divider-color: #cbd5e1; --lw-social-color: #64748b; --lw-social-hover: #1e293b; --lw-col-title-color:#0f172a; --lw-branch-bg: #ffffff; --lw-branch-border: 2px solid #e2e8f0; --lw-branch-radius: 4px; --lw-branch-title: #0f172a; --lw-branch-label: #64748b; } .widget-c855f3 .theme-warm { --lw-card-bg: #fffaf5; --lw-card-shadow: 0 4px 20px rgba(180,120,60,0.12); --lw-card-border: 1px solid #f0d9c0; --lw-card-radius: 18px; --lw-icon-bg: #c2763a; --lw-icon-color: #ffffff; --lw-accent: #c2763a; --lw-title-color: #3d1f00; --lw-addr-color: #7c4a1e; --lw-info-color: #a0633b; --lw-divider-color: #f0d9c0; --lw-social-color: #a0633b; --lw-social-hover: #c2763a; --lw-col-title-color:#3d1f00; --lw-branch-bg: #fff5ea; --lw-branch-border: 1px solid #f0d9c0; --lw-branch-radius: 14px; --lw-branch-title: #3d1f00; --lw-branch-label: #a0633b; } .widget-c855f3 .theme-ocean { --lw-card-bg: #f0f7ff; --lw-card-shadow: 0 6px 28px rgba(14,105,200,0.12); --lw-card-border: 1px solid #bae0fd; --lw-card-radius: 20px; --lw-icon-bg: #0369a1; --lw-icon-color: #ffffff; --lw-accent: #0369a1; --lw-title-color: #0c2d54; --lw-addr-color: #1e4a7c; --lw-info-color: #3b6ea5; --lw-divider-color: #bae0fd; --lw-social-color: #3b6ea5; --lw-social-hover: #0369a1; --lw-col-title-color:#0c2d54; --lw-branch-bg: #e0f0ff; --lw-branch-border: 1px solid #bae0fd; --lw-branch-radius: 16px; --lw-branch-title: #0c2d54; --lw-branch-label: #3b6ea5; } .widget-c855f3 .theme-apple { --lw-card-bg: rgba(255,255,255,0.85); --lw-card-shadow: 0 2px 16px rgba(0,0,0,0.08), 0 1px 3px rgba(0,0,0,0.06); --lw-card-border: 1px solid rgba(0,0,0,0.07); --lw-card-radius: 20px; --lw-card-backdrop: blur(20px) saturate(1.8); --lw-icon-bg: #007aff; --lw-icon-color: #ffffff; --lw-accent: #007aff; --lw-title-color: #1c1c1e; --lw-addr-color: #3a3a3c; --lw-info-color: #6e6e73; --lw-divider-color: #d1d1d6; --lw-social-color: #6e6e73; --lw-social-hover: #007aff; --lw-col-title-color:#1c1c1e; --lw-branch-bg: rgba(245,245,247,0.9); --lw-branch-border: 1px solid rgba(0,0,0,0.07); --lw-branch-radius: 16px; --lw-branch-title: #1c1c1e; --lw-branch-label: #6e6e73; } .widget-c855f3 .theme-glass { --lw-card-bg: rgba(255,255,255,0.18); --lw-card-shadow: 0 8px 32px rgba(31,38,135,0.18); --lw-card-border: 1px solid rgba(255,255,255,0.32); --lw-card-radius: 24px; --lw-card-backdrop: blur(18px) saturate(1.5); --lw-icon-bg: rgba(255,255,255,0.30); --lw-icon-color: #ffffff; --lw-accent: #ffffff; --lw-title-color: #ffffff; --lw-addr-color: rgba(255,255,255,0.85); --lw-info-color: rgba(255,255,255,0.70); --lw-divider-color: rgba(255,255,255,0.25); --lw-map-overlay: rgba(0,0,0,0.10); --lw-social-color: rgba(255,255,255,0.70); --lw-social-hover: #ffffff; --lw-col-title-color:#ffffff; --lw-branch-bg: rgba(255,255,255,0.14); --lw-branch-border: 1px solid rgba(255,255,255,0.28); --lw-branch-radius: 18px; --lw-branch-title: #ffffff; --lw-branch-label: rgba(255,255,255,0.70); } .widget-c855f3 .theme-glass.location-widget { background: linear-gradient(135deg, #667eea 0%, #764ba2 100%); border-radius: 28px; padding: 20px; } .widget-c855f3 .theme-murph { --lw-card-bg: #e0e5ec; --lw-card-shadow: 6px 6px 14px #b8bec7, -6px -6px 14px #ffffff; --lw-card-border: none; --lw-card-radius: 22px; --lw-icon-bg: #e0e5ec; --lw-icon-color: #4f46e5; --lw-accent: #4f46e5; --lw-title-color: #2d3748; --lw-addr-color: #4a5568; --lw-info-color: #718096; --lw-divider-color: #c8cdd6; --lw-social-color: #718096; --lw-social-hover: #4f46e5; --lw-col-title-color:#2d3748; --lw-branch-bg: #e8ecf2; --lw-branch-border: none; --lw-branch-radius: 18px; --lw-branch-title: #2d3748; --lw-branch-label: #718096; } .widget-c855f3 .theme-murph .location-icon-wrap { box-shadow: 4px 4px 10px #b8bec7, -4px -4px 10px #ffffff; } .widget-c855f3 .theme-murph .lw-branch-card { box-shadow: 4px 4px 10px #b8bec7, -4px -4px 10px #ffffff; } .widget-c855f3 .theme-rose { --lw-card-bg: #1c1117; --lw-card-shadow: 0 8px 40px rgba(193,80,120,0.20); --lw-card-border: 1px solid #3d2035; --lw-card-radius: 20px; --lw-icon-bg: #c15078; --lw-icon-color: #fff0f5; --lw-accent: #e07095; --lw-title-color: #fde8f0; --lw-addr-color: #c9a0b0; --lw-info-color: #9d6a7e; --lw-divider-color: #3d2035; --lw-map-overlay: rgba(0,0,0,0.35); --lw-social-color: #9d6a7e; --lw-social-hover: #e07095; --lw-col-title-color:#fde8f0; --lw-branch-bg: #251019; --lw-branch-border: 1px solid #3d2035; --lw-branch-radius: 16px; --lw-branch-title: #fde8f0; --lw-branch-label: #9d6a7e; } .widget-c855f3 .theme-forest { --lw-card-bg: #f4f9f4; --lw-card-shadow: 0 4px 22px rgba(34,85,34,0.12); --lw-card-border: 1px solid #c8e6c9; --lw-card-radius: 18px; --lw-icon-bg: #2e7d32; --lw-icon-color: #ffffff; --lw-accent: #2e7d32; --lw-title-color: #1b3a1b; --lw-addr-color: #2d5a2d; --lw-info-color: #4a7c4a; --lw-divider-color: #c8e6c9; --lw-social-color: #4a7c4a; --lw-social-hover: #2e7d32; --lw-col-title-color:#1b3a1b; --lw-branch-bg: #edf6ee; --lw-branch-border: 1px solid #c8e6c9; --lw-branch-radius: 14px; --lw-branch-title: #1b3a1b; --lw-branch-label: #4a7c4a; } .widget-c855f3 .location-widget { display: flex; flex-direction: column; align-items: center; width: 100%; padding: 16px; box-sizing: border-box; gap: 16px; } .widget-c855f3 .location-card { background: var(--lw-card-bg); -webkit-backdrop-filter: var(--lw-card-backdrop, none); backdrop-filter: var(--lw-card-backdrop, none); box-shadow: var(--lw-card-shadow); border: var(--lw-card-border); border-radius: var(--lw-card-radius); overflow: hidden; width: 100%; max-width: 960px; transition: box-shadow 0.3s ease, transform 0.2s ease; } .widget-c855f3 .location-card:hover { transform: translateY(-2px); } .widget-c855f3 .map-preview { position: relative; width: 100%; height: 180px; overflow: hidden; } .widget-c855f3 .map-img { width: 100%; height: 100%; object-fit: cover; display: block; } .widget-c855f3 .map-overlay { position: absolute; inset: 0; background: var(--lw-map-overlay); } .widget-c855f3 .lw-map-wrap { width: 100%; max-width: 960px; border-radius: var(--lw-card-radius); overflow: hidden; box-shadow: var(--lw-card-shadow); border: var(--lw-card-border); } .widget-c855f3 .lw-map-frame { width: 100%; display: block; border: none; height: 320px; } .widget-c855f3 .lw-map-placeholder { width: 100%; height: 200px; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 10px; background: var(--lw-branch-bg); color: var(--lw-info-color); font-size: 0.85rem; } .widget-c855f3 .lw-map-placeholder svg { width: 32px; height: 32px; opacity: 0.5; } .widget-c855f3 .location-header { display: flex; flex-direction: row; align-items: flex-start; gap: 16px; padding: 28px 28px 0 28px; box-sizing: border-box; } .widget-c855f3 .location-header-text { flex: 1; min-width: 0; } .widget-c855f3 .location-icon-wrap { flex-shrink: 0; width: 50px; height: 50px; border-radius: 50%; background: var(--lw-icon-bg); display: flex; align-items: center; justify-content: center; margin-top: 2px; } .widget-c855f3 .location-icon { display: flex; align-items: center; justify-content: center; color: var(--lw-icon-color); } .widget-c855f3 .location-icon svg { width: 24px; height: 24px; display: block; } .widget-c855f3 .business-name { font-size: 1.2rem; font-weight: 700; color: var(--lw-title-color); margin: 0 0 8px 0; line-height: 1.3; } .widget-c855f3 .title-divider { width: 36px; height: 3px; background-color: var(--lw-divider-color); border-radius: 2px; margin-bottom: 0; } .widget-c855f3 .location-columns { display: grid; grid-template-columns: repeat(var(--lw-cols, 1), 1fr); gap: var(--lw-col-gap, 20px); padding: 20px 28px 28px 28px; box-sizing: border-box; align-items: start; } .widget-c855f3 .lw-col { display: flex; flex-direction: column; gap: 4px; min-width: 0; } .widget-c855f3 .lw-col-title { display: flex; align-items: center; gap: 7px; font-size: 0.78rem; font-weight: 700; text-transform: uppercase; letter-spacing: 0.07em; color: var(--lw-col-title-color); margin: 0 0 8px 0; padding-bottom: 6px; border-bottom: 1px solid var(--lw-divider-color); } .widget-c855f3 .lw-col-title-icon { display: flex; align-items: center; justify-content: center; flex-shrink: 0; color: var(--lw-accent); } .widget-c855f3 .lw-col-title-icon svg { width: 14px; height: 14px; display: block; } .widget-c855f3 .address-block { margin-bottom: 4px; } .widget-c855f3 .address-line { font-size: 0.92rem; color: var(--lw-addr-color); margin: 0 0 3px 0; line-height: 1.5; } .widget-c855f3 .address-line:last-child { margin-bottom: 0; } .widget-c855f3 .phones-block, .widget-c855f3 .emails-block, .widget-c855f3 .hours-block { display: flex; flex-direction: column; gap: 5px; margin-bottom: 4px; } .widget-c855f3 .info-row { display: flex; align-items: flex-start; gap: 8px; } .widget-c855f3 .info-icon { flex-shrink: 0; color: var(--lw-info-color); display: flex; align-items: center; margin-top: 1px; } .widget-c855f3 .info-icon svg { width: 14px; height: 14px; display: block; } .widget-c855f3 .info-text { font-size: 0.86rem; color: var(--lw-info-color); line-height: 1.45; word-break: break-word; } .widget-c855f3 .info-link { font-size: 0.86rem; color: var(--lw-accent); line-height: 1.45; word-break: break-word; text-decoration: none; transition: opacity 0.18s ease; } .widget-c855f3 .info-link:hover { opacity: 0.75; text-decoration: underline; } .widget-c855f3 .lw-contact-email-sep { height: 1px; background: var(--lw-divider-color); margin: 6px 0 4px 0; border: none; } .widget-c855f3 .whatsapp-icon { color: var(--lw-whatsapp-color); } .widget-c855f3 .whatsapp-link { color: var(--lw-whatsapp-color) !important; } .widget-c855f3 .whatsapp-link:hover { opacity: 0.8; text-decoration: underline; } .widget-c855f3 .lw-wa-multi-wrap { display: flex; flex-wrap: wrap; gap: 8px; align-items: flex-start; margin-top: 0; } .widget-c855f3 .lw-wa-multi-wrap .lw-wa-btn-wrap { margin-top: 8px; } .widget-c855f3 .lw-wa-btn-wrap { display: inline-block; position: relative; margin-top: 8px; } .widget-c855f3 .lw-wa-main-link { display: inline-block; position: relative; overflow: visible !important; text-decoration: none !important; transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1); padding-top: 10px; padding-right: 10px; } .widget-c855f3 .lw-wa-btn { position: relative; overflow: hidden; display: inline-flex !important; align-items: center; justify-content: center; cursor: pointer; } .widget-c855f3 .lw-wa-icon { display: flex; align-items: center; justify-content: center; flex-shrink: 0; } .widget-c855f3 .lw-wa-icon svg { width: 100%; height: 100%; } .widget-c855f3 .lw-wa-btn--rounded { padding: 10px 20px; border-radius: 30px; background: linear-gradient(135deg, #128C7E 0%, #25D366 100%) !important; color: #fff !important; font-size: 14px; font-weight: 600; box-shadow: 0 4px 15px rgba(18, 140, 126, 0.4); transition: all 0.35s cubic-bezier(0.4, 0, 0.2, 1); gap: 8px; min-width: 44px; min-height: 44px; } .widget-c855f3 .lw-wa-btn--rounded:hover { background: linear-gradient(135deg, #075E54 0%, #128C7E 100%) !important; transform: translateY(-2px) scale(1.02); box-shadow: 0 6px 20px rgba(7, 94, 84, 0.5); } .widget-c855f3 .lw-wa-btn--rounded .text { color: #fff !important; } .widget-c855f3 .lw-wa-icon--rounded { width: 20px; height: 20px; margin-right: 6px; } .widget-c855f3 .lw-wa-btn--outline { padding: 9px 18px; border-radius: 10px; border: 2px solid #128C7E !important; background: transparent !important; color: #075E54 !important; font-size: 14px; font-weight: 600; transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1); gap: 8px; min-width: 44px; min-height: 44px; } .widget-c855f3 .lw-wa-btn--outline:hover { background: #128C7E !important; color: #fff !important; } .widget-c855f3 .lw-wa-btn--outline .text { color: inherit !important; transition: color 0.3s; } .widget-c855f3 .lw-wa-btn--outline:hover .text { color: #fff !important; } .widget-c855f3 .lw-wa-icon--outline { width: 18px; height: 18px; margin-right: 6px; fill: #128C7E; } .widget-c855f3 .lw-wa-btn--outline:hover .lw-wa-icon--outline { fill: #fff; } .widget-c855f3 .lw-wa-btn--glass { padding: 12px 22px; border-radius: 18px; border: 1px solid rgba(255, 255, 255, 0.3) !important; background: rgba(37, 211, 102, 0.15) !important; backdrop-filter: blur(20px) saturate(180%); -webkit-backdrop-filter: blur(20px) saturate(180%); color: #075E54 !important; font-size: 14px; font-weight: 600; box-shadow: 0 8px 32px rgba(37, 211, 102, 0.15); transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1); gap: 8px; min-width: 44px; min-height: 44px; } .widget-c855f3 .lw-wa-btn--glass:hover { background: rgba(37, 211, 102, 0.28) !important; transform: translateY(-2px); } .widget-c855f3 .lw-wa-btn--glass .text { color: #075E54 !important; } .widget-c855f3 .lw-wa-icon--glass { width: 20px; height: 20px; margin-right: 8px; fill: #25D366; } .widget-c855f3 .lw-wa-btn--neumo { padding: 12px 22px; border-radius: 14px; border: none !important; background: #e8f5e9 !important; color: #075E54 !important; font-size: 14px; font-weight: 600; box-shadow: 6px 6px 12px rgba(7, 94, 84, 0.15), -6px -6px 12px rgba(255, 255, 255, 0.9); transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1); gap: 8px; min-width: 44px; min-height: 44px; } .widget-c855f3 .lw-wa-btn--neumo:hover { box-shadow: inset 4px 4px 8px rgba(7, 94, 84, 0.15), inset -4px -4px 8px rgba(255, 255, 255, 0.9); transform: scale(0.98); } .widget-c855f3 .lw-wa-btn--neumo .text { color: #075E54 !important; } .widget-c855f3 .lw-wa-icon--neumo { width: 20px; height: 20px; margin-right: 8px; fill: #25D366; } .widget-c855f3 .lw-wa-btn--gradient { padding: 10px 20px; border-radius: 22px; border: none !important; background: linear-gradient(135deg, #FF6B9D 0%, #C471ED 50%, #12C2E9 100%) !important; background-size: 200% 200% !important; color: #fff !important; font-size: 14px; font-weight: 700; box-shadow: 0 6px 20px rgba(196, 113, 237, 0.4); animation: lw-wa-gradient-shift 3s ease infinite; transition: all 0.5s cubic-bezier(0.4, 0, 0.2, 1); gap: 8px; min-width: 44px; min-height: 44px; } @keyframes lw-wa-gradient-shift { 0%, 100% { background-position: 0% 50%; } 50% { background-position: 100% 50%; } } .widget-c855f3 .lw-wa-btn--gradient:hover { transform: translateY(-2px) scale(1.04); box-shadow: 0 10px 28px rgba(196, 113, 237, 0.6); } .widget-c855f3 .lw-wa-btn--gradient .text { color: #fff !important; } .widget-c855f3 .lw-wa-icon--gradient { width: 20px; height: 20px; margin-right: 8px; fill: #fff; } .widget-c855f3 .lw-wa-btn--apple { padding: 10px 18px; border-radius: 12px; border: 1px solid rgba(0, 0, 0, 0.1) !important; background: #fff !important; color: #000 !important; font-size: 14px; font-weight: 500; box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08); transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1); gap: 8px; min-width: 44px; min-height: 44px; } .widget-c855f3 .lw-wa-btn--apple:hover { background: #f5f5f7 !important; transform: scale(1.01); box-shadow: 0 4px 12px rgba(0, 0, 0, 0.12); } .widget-c855f3 .lw-wa-btn--apple .text { color: #000 !important; } .widget-c855f3 .lw-wa-icon--apple { width: 20px; height: 20px; margin-right: 8px; fill: #25D366; } .widget-c855f3 .lw-wa-btn--icon { width: 52px; height: 52px; border-radius: 50%; border: none !important; background: linear-gradient(135deg, #128C7E 0%, #25D366 100%) !important; box-shadow: 0 4px 15px rgba(18, 140, 126, 0.4); transition: all 0.3s ease; min-width: 44px; min-height: 44px; } .widget-c855f3 .lw-wa-btn--icon:hover { transform: scale(1.1); box-shadow: 0 6px 20px rgba(18, 140, 126, 0.55); } .widget-c855f3 .lw-wa-icon--icon { width: 28px; height: 28px; fill: #fff; } .widget-c855f3 .lw-wa-icon--mono-mode, .widget-c855f3 .lw-wa-icon--mono-mode svg, .widget-c855f3 .lw-wa-icon--mono-mode path { fill: currentColor !important; } .widget-c855f3 .dmWidget { position: relative; overflow: hidden; } .widget-c855f3 .dmWidget.hover-shimmer::before { content: ""; position: absolute; top: 0; left: -75%; width: 50%; height: 100%; background: linear-gradient(120deg, transparent 0%, rgba(255, 255, 255, 0) 25%, rgba(255, 255, 255, 0.55) 50%, rgba(255, 255, 255, 0) 75%, transparent 100%); transform: skewX(-15deg); pointer-events: none; z-index: 2; transition: none; } .widget-c855f3 .lw-wa-main-link:hover .dmWidget.hover-shimmer::before { left: 130%; transition: left 0.55s cubic-bezier(0.4, 0, 0.2, 1); } .widget-c855f3 .dmWidget.hover-ripple::after { content: ""; position: absolute; top: 50%; left: 50%; width: 0; height: 0; background: rgba(255, 255, 255, 0.35); border-radius: 50%; transform: translate(-50%, -50%); opacity: 0; pointer-events: none; z-index: 2; } @keyframes lw-ripple-expand { 0% { width: 0; height: 0; opacity: 0.5; } 100% { width: 320%; height: 320%; opacity: 0; } } .widget-c855f3 .lw-wa-main-link:hover .dmWidget.hover-ripple::after { animation: lw-ripple-expand 0.65s cubic-bezier(0.4, 0, 0.2, 1) forwards; } .widget-c855f3 .dmWidget.hover-glow-aura { transition: box-shadow 0.4s cubic-bezier(0.4, 0, 0.2, 1), transform 0.4s cubic-bezier(0.4, 0, 0.2, 1) !important; } .widget-c855f3 .lw-wa-main-link:hover .dmWidget.hover-glow-aura { box-shadow: 0 0 20px 4px rgba(37, 211, 102, 0.45), 0 0 50px 10px rgba(37, 211, 102, 0.2), 0 8px 25px rgba(37, 211, 102, 0.35) !important; } .widget-c855f3 .dmWidget.hover-lift { transition: transform 0.3s cubic-bezier(0.34, 1.56, 0.64, 1), box-shadow 0.3s cubic-bezier(0.34, 1.56, 0.64, 1) !important; } .widget-c855f3 .lw-wa-main-link:hover .dmWidget.hover-lift { transform: translateY(-5px) !important; box-shadow: 0 10px 20px rgba(0, 0, 0, 0.12), 0 20px 40px rgba(0, 0, 0, 0.08) !important; } .widget-c855f3 .animated-pulso { animation: lw-anim-pulse 2s cubic-bezier(0.4, 0, 0.2, 1) infinite; } .widget-c855f3 .animated-bounce { animation: lw-anim-bounce 2s ease-in-out infinite; } .widget-c855f3 .animated-shake { animation: lw-anim-shake 2s ease-in-out infinite; } .widget-c855f3 .animated-swing { transform-origin: top center; animation: lw-anim-swing 2s ease-in-out infinite; } .widget-c855f3 .animated-glow { animation: lw-anim-glow 2s ease-in-out infinite; } @keyframes lw-anim-pulse { 0%, 100% { transform: scale(1); } 50% { transform: scale(1.05); } } @keyframes lw-anim-bounce { 0%, 100% { transform: translateY(0); } 25% { transform: translateY(-10px); } 50% { transform: translateY(0); } 75% { transform: translateY(-5px); } } @keyframes lw-anim-shake { 0%, 100% { transform: translateX(0); } 10%, 30%, 50%, 70%, 90% { transform: translateX(-5px); } 20%, 40%, 60%, 80% { transform: translateX(5px); } } @keyframes lw-anim-swing { 0%, 100% { transform: rotate(0deg); } 25% { transform: rotate(5deg); } 75% { transform: rotate(-5deg); } } @keyframes lw-anim-glow { 0%, 100% { box-shadow: 0 0 5px rgba(37, 211, 102, 0.5), 0 0 10px rgba(37, 211, 102, 0.3); } 50% { box-shadow: 0 0 20px rgba(37, 211, 102, 0.8), 0 0 40px rgba(37, 211, 102, 0.3); } } .widget-c855f3 .speed-lento { animation-duration: 3s !important; } .widget-c855f3 .speed-normal { animation-duration: 2s !important; } .widget-c855f3 .speed-rapido { animation-duration: 1.2s !important; } .widget-c855f3 .wa-badge { position: absolute; display: flex; align-items: center; justify-content: center; font-weight: 700; border-radius: 20px; z-index: 30; box-shadow: 0 2px 6px rgba(0, 0, 0, 0.3); pointer-events: none; white-space: nowrap; line-height: 1; } .widget-c855f3 .wa-badge.badge-dot { width: 14px; height: 14px; background: #ff3b30; border: 2.5px solid #fff; border-radius: 50%; top: 3px; right: 3px; animation: lw-badge-pulse 2s infinite; padding: 0; font-size: 0; } .widget-c855f3 .wa-badge.badge-numero { min-width: 20px; height: 20px; padding: 0 5px; font-size: 11px; background: #ff3b30; color: #fff; top: 0; right: 0; } .widget-c855f3 .wa-badge.badge-texto { height: 18px; padding: 0 6px; font-size: 9px; letter-spacing: 0.4px; text-transform: uppercase; background: #ff3b30; color: #fff; top: 0; right: 0; border-radius: 9px; } @keyframes lw-badge-pulse { 0%, 100% { transform: scale(1); opacity: 1; } 50% { transform: scale(1.25); opacity: 0.8; } } .widget-c855f3 .wa-tooltip { position: absolute; bottom: calc(100% + 12px); left: 50%; transform: translateX(-50%) translateY(-8px); background: rgba(0, 0, 0, 0.9); color: #fff; padding: 8px 14px; border-radius: 8px; font-size: 13px; font-weight: 500; white-space: nowrap; pointer-events: none; opacity: 0; visibility: hidden; z-index: 10000; box-shadow: 0 4px 16px rgba(0, 0, 0, 0.3); transition: opacity 0.25s ease, transform 0.25s ease, visibility 0.25s ease; } .widget-c855f3 .wa-tooltip::after { content: ""; position: absolute; top: 100%; left: 50%; transform: translateX(-50%); border: 6px solid transparent; border-top-color: rgba(0, 0, 0, 0.9); } .widget-c855f3 .wa-tooltip.tooltip-visible { opacity: 1; visibility: visible; transform: translateX(-50%) translateY(0); } .widget-c855f3 .wa-welcome-bubble { position: absolute; bottom: calc(100% + 15px); left: 0; background: #fff; border-radius: 12px; padding: 16px; box-shadow: 0 6px 24px rgba(0, 0, 0, 0.15); max-width: 280px; min-width: 220px; opacity: 0; transform: translateY(10px) scale(0.95); transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1); z-index: 100; pointer-events: all; } .widget-c855f3 .wa-welcome-bubble::after { content: ""; position: absolute; top: 100%; left: 20px; border: 10px solid transparent; border-top-color: #fff; } .widget-c855f3 .wa-welcome-bubble.show-below { bottom: auto; top: calc(100% + 15px); transform: translateY(-10px) scale(0.95); } .widget-c855f3 .wa-welcome-bubble.show-below::after { top: auto; bottom: 100%; border-top: none; border-bottom: 10px solid #fff; } .widget-c855f3 .wa-welcome-bubble.wa-welcome-visible, .widget-c855f3 .wa-welcome-bubble.show-below.wa-welcome-visible { opacity: 1; transform: translateY(0) scale(1); } .widget-c855f3 .wa-welcome-close { position: absolute; top: 8px; right: 8px; background: transparent; border: none; cursor: pointer; padding: 4px; color: #999; display: flex; align-items: center; justify-content: center; border-radius: 50%; width: 24px; height: 24px; transition: all 0.2s ease; } .widget-c855f3 .wa-welcome-close:hover { background: #f0f0f0; color: #333; } .widget-c855f3 .wa-welcome-content { display: flex; gap: 12px; align-items: flex-start; } .widget-c855f3 .wa-welcome-icon { flex-shrink: 0; width: 40px; height: 40px; display: flex; align-items: center; justify-content: center; background: #E8F5E9; border-radius: 50%; } .widget-c855f3 .wa-welcome-text { flex: 1; font-size: 14px; line-height: 1.5; color: #333; margin: 0; padding-right: 20px; } .widget-c855f3 .lw-hours-rich { width: 100%; margin-top: 4px; } .widget-c855f3 .lw-hours-block { box-sizing: border-box; position: relative; } .widget-c855f3 .lw-hours-day { display: flex; align-items: center; gap: 5px; flex-wrap: wrap; font-weight: 700; color: var(--lw-title-color); line-height: 1.2; } .widget-c855f3 .lw-hours-today-badge { display: inline-block; padding: 1px 6px; background: var(--lw-accent); color: #fff; font-size: 0.62rem; font-weight: 700; letter-spacing: 0.06em; text-transform: uppercase; border-radius: 20px; line-height: 1.6; vertical-align: middle; } .widget-c855f3 .lw-hours-shifts { display: flex; flex-direction: column; gap: 2px; } .widget-c855f3 .lw-hours-shift-row { display: flex; align-items: center; } .widget-c855f3 .lw-hours-shift-row--split { margin-top: 1px; } .widget-c855f3 .lw-hours-shift { color: var(--lw-info-color); font-weight: 500; line-height: 1.5; } .widget-c855f3 .lw-hours-shift--split { opacity: 0.72; } .widget-c855f3 .lw-hours-open-now-badge { display: inline-flex; align-items: center; gap: 4px; padding: 2px 7px; background: transparent; border: 1.5px solid var(--lw-accent); color: var(--lw-accent); font-size: 0.65rem; font-weight: 700; letter-spacing: 0.07em; text-transform: uppercase; border-radius: 20px; white-space: nowrap; line-height: 1.4; } .widget-c855f3 .lw-hours-open-now-dot { display: inline-block; width: 5px; height: 5px; border-radius: 50%; background: currentColor; animation: lw-pulse 1.6s ease-in-out infinite; flex-shrink: 0; } @keyframes lw-pulse { 0%, 100% { opacity: 1; transform: scale(1); } 50% { opacity: 0.4; transform: scale(0.65); } } .widget-c855f3 .lw-hours-horizontal { display: flex; flex-direction: row; align-items: stretch; } .widget-c855f3 .lw-hours-horizontal .lw-hours-block { flex: 1 1 0; min-width: 0; display: flex; flex-direction: column; align-items: flex-start; padding: 8px 14px 8px 0; } .widget-c855f3 .lw-hours-horizontal .lw-hours-block:not(:last-child) { border-right: 1.5px solid var(--lw-divider-color); margin-right: 14px; } .widget-c855f3 .lw-hours-horizontal .lw-hours-block--today { background: rgba(79, 70, 229, 0.05); border-radius: 8px; padding-left: 7px; margin-left: -7px; } .widget-c855f3 .lw-hours-horizontal .lw-hours-day { font-size: 1.05rem; text-transform: uppercase; letter-spacing: -0.01em; margin-bottom: 5px; } .widget-c855f3 .lw-hours-horizontal .lw-hours-shift { font-size: 0.82rem; } .widget-c855f3 .lw-hours-horizontal .lw-hours-open-now-badge { margin-top: 7px; } .widget-c855f3 .lw-hours-vertical { display: flex; flex-direction: column; gap: 0; } .widget-c855f3 .lw-hours-vertical .lw-hours-block { display: flex; flex-direction: row; align-items: baseline; justify-content: space-between; gap: 8px; padding: 5px 0; border-bottom: 1px solid var(--lw-divider-color); } .widget-c855f3 .lw-hours-vertical .lw-hours-block:last-child { border-bottom: none; } .widget-c855f3 .lw-hours-vertical .lw-hours-block--today { background: rgba(79, 70, 229, 0.05); border-radius: 5px; padding-left: 6px; padding-right: 6px; margin: 0 -6px; } .widget-c855f3 .lw-hours-vertical .lw-hours-day { font-size: 0.84rem; flex-shrink: 0; margin-bottom: 0; } .widget-c855f3 .lw-hours-vertical .lw-hours-shifts { align-items: flex-end; } .widget-c855f3 .lw-hours-vertical .lw-hours-shift { font-size: 0.82rem; } .widget-c855f3 .lw-hours-vertical .lw-hours-open-now-badge { margin-top: 3px; } .widget-c855f3 .lw-hours-vertical-large { display: flex; flex-direction: column; gap: 6px; } .widget-c855f3 .lw-hours-vertical-large .lw-hours-block { display: flex; flex-direction: column; align-items: flex-start; padding: 10px 14px; border: 1.5px solid var(--lw-divider-color); border-radius: 10px; background: transparent; transition: background 0.15s; } .widget-c855f3 .lw-hours-vertical-large .lw-hours-block--today { background: rgba(79, 70, 229, 0.06); border-color: var(--lw-accent); } .widget-c855f3 .lw-hours-vertical-large .lw-hours-day { font-size: 1rem; text-transform: uppercase; letter-spacing: -0.01em; margin-bottom: 4px; } .widget-c855f3 .lw-hours-vertical-large .lw-hours-shift { font-size: 0.88rem; } .widget-c855f3 .lw-hours-vertical-large .lw-hours-open-now-badge { margin-top: 6px; } .widget-c855f3 .lw-hours-compact { display: flex; flex-direction: column; gap: 0; } .widget-c855f3 .lw-hours-compact .lw-hours-block { display: flex; flex-direction: row; align-items: baseline; justify-content: space-between; gap: 6px; padding: 3px 0; border-bottom: 1px solid var(--lw-divider-color); } .widget-c855f3 .lw-hours-compact .lw-hours-block:last-child { border-bottom: none; } .widget-c855f3 .lw-hours-compact .lw-hours-block--today { background: rgba(79, 70, 229, 0.05); border-radius: 4px; padding-left: 5px; padding-right: 5px; margin: 0 -5px; } .widget-c855f3 .lw-hours-compact .lw-hours-day { font-size: 0.78rem; flex-shrink: 0; margin-bottom: 0; } .widget-c855f3 .lw-hours-compact .lw-hours-shifts { align-items: flex-end; } .widget-c855f3 .lw-hours-compact .lw-hours-shift { font-size: 0.76rem; } .widget-c855f3 .lw-hours-compact .lw-hours-today-badge { font-size: 0.58rem; } .widget-c855f3 .lw-hours-compact .lw-hours-open-now-badge { font-size: 0.6rem; padding: 1px 5px; margin-top: 2px; } .widget-c855f3 .lw-branch-hours { margin-top: 0; } @media (max-width: 480px) { .widget-c855f3 .lw-hours-horizontal { flex-direction: column; } .widget-c855f3 .lw-hours-horizontal .lw-hours-block { flex: none; width: 100%; flex-direction: row; align-items: baseline; justify-content: space-between; gap: 8px; padding: 5px 0; } .widget-c855f3 .lw-hours-horizontal .lw-hours-block:not(:last-child) { border-right: none; border-bottom: 1px solid var(--lw-divider-color); margin-right: 0; } .widget-c855f3 .lw-hours-horizontal .lw-hours-day { font-size: 0.84rem; margin-bottom: 0; text-transform: none; } .widget-c855f3 .lw-hours-horizontal .lw-hours-shifts { align-items: flex-end; } } .widget-c855f3 .lw-nav-buttons { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 10px; } .widget-c855f3 .lw-nav-btn { display: inline-flex; align-items: center; gap: 5px; padding: 5px 12px; border-radius: 20px; font-size: 0.76rem; font-weight: 600; text-decoration: none; letter-spacing: 0.02em; transition: opacity 0.15s ease, transform 0.12s ease; border: 1.5px solid var(--lw-divider-color); color: var(--lw-info-color); background: transparent; } .widget-c855f3 .lw-nav-btn:hover { opacity: 0.8; transform: translateY(-1px); } .widget-c855f3 .lw-nav-btn svg { width: 14px; height: 14px; flex-shrink: 0; } .widget-c855f3 .lw-nav-btn--maps { color: #1a73e8; border-color: rgba(26, 115, 232, 0.3); } .widget-c855f3 .lw-nav-btn--maps:hover { background: rgba(26, 115, 232, 0.06); } .widget-c855f3 .lw-nav-btn--waze { color: #33ccff; border-color: rgba(51, 204, 255, 0.35); } .widget-c855f3 .lw-nav-btn--waze:hover { background: rgba(51, 204, 255, 0.07); } .widget-c855f3 .lw-nav-buttons--branch { margin-top: 6px; } .widget-c855f3 .lw-nav-buttons--branch .lw-nav-btn { font-size: 0.72rem; padding: 4px 10px; } .widget-c855f3 .lw-nav-buttons--branch .lw-nav-btn svg { width: 12px; height: 12px; } .widget-c855f3 .social-block--branch .social-icon-link { width: 24px; height: 24px; } .widget-c855f3 .social-block--branch .social-icon-link svg { width: 15px; height: 15px; } .widget-c855f3 .social-block { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 2px; } .widget-c855f3 .social-icon-link { display: flex; align-items: center; justify-content: center; width: 30px; height: 30px; color: var(--lw-social-color); text-decoration: none; transition: color 0.18s ease, transform 0.15s ease; flex-shrink: 0; } .widget-c855f3 .social-icon-link svg { width: 18px; height: 18px; display: block; } .widget-c855f3 .social-icon-link:hover { color: var(--lw-social-hover); transform: translateY(-2px); } .widget-c855f3 .lw-social-size--small .social-icon-link { width: 22px; height: 22px; } .widget-c855f3 .lw-social-size--small .social-icon-link svg { width: 14px; height: 14px; } .widget-c855f3 .lw-social-size--medium .social-icon-link { width: 30px; height: 30px; } .widget-c855f3 .lw-social-size--medium .social-icon-link svg { width: 18px; height: 18px; } .widget-c855f3 .lw-social-size--large .social-icon-link { width: 40px; height: 40px; } .widget-c855f3 .lw-social-size--large .social-icon-link svg { width: 24px; height: 24px; } .widget-c855f3 .lw-social-size--xlarge .social-icon-link { width: 52px; height: 52px; } .widget-c855f3 .lw-social-size--xlarge .social-icon-link svg { width: 32px; height: 32px; } .widget-c855f3 .social-whatsapp { color: var(--lw-whatsapp-color); } .widget-c855f3 .social-whatsapp:hover { color: var(--lw-whatsapp-color); opacity: 0.8; } .widget-c855f3 .lw-branches-wrap { width: 100%; max-width: 960px; display: flex; flex-direction: column; gap: 12px; } .widget-c855f3 .lw-branches-header { display: flex; align-items: center; gap: 10px; padding: 0 4px; } .widget-c855f3 .lw-branches-title { font-size: 0.82rem; font-weight: 700; text-transform: uppercase; letter-spacing: 0.07em; color: var(--lw-col-title-color); margin: 0; } .widget-c855f3 .lw-branches-title-icon { display: flex; align-items: center; color: var(--lw-accent); flex-shrink: 0; } .widget-c855f3 .lw-branches-title-icon svg { width: 16px; height: 16px; display: block; } .widget-c855f3 .lw-branches-grid { display: grid; grid-template-columns: repeat(var(--lw-branch-cols, 1), 1fr); gap: 14px; } .widget-c855f3 .lw-branch-card { background: var(--lw-branch-bg); border: var(--lw-branch-border); border-radius: var(--lw-branch-radius); overflow: hidden; transition: transform 0.18s ease, box-shadow 0.18s ease; } .widget-c855f3 .lw-branch-card:hover { transform: translateY(-2px); box-shadow: 0 6px 20px rgba(0, 0, 0, 0.1); } .widget-c855f3 .lw-branch-map { width: 100%; height: 160px; overflow: hidden; position: relative; } .widget-c855f3 .lw-branch-map iframe { width: 100%; height: 100%; border: none; display: block; } .widget-c855f3 .lw-branch-map-placeholder { width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; background: var(--lw-divider-color); color: var(--lw-info-color); opacity: 0.5; } .widget-c855f3 .lw-branch-map-placeholder svg { width: 28px; height: 28px; } .widget-c855f3 .lw-branch-body { padding: 16px; display: flex; flex-direction: column; gap: 8px; } .widget-c855f3 .lw-branch-name { font-size: 0.95rem; font-weight: 700; color: var(--lw-branch-title); margin: 0; line-height: 1.3; } .widget-c855f3 .lw-branch-addr { display: flex; flex-direction: column; gap: 2px; } .widget-c855f3 .lw-branch-addr-line { font-size: 0.82rem; color: var(--lw-addr-color); line-height: 1.4; margin: 0; } .widget-c855f3 .lw-branch-info-row { display: flex; align-items: center; gap: 7px; flex-wrap: wrap; } .widget-c855f3 .lw-branch-info-icon { color: var(--lw-info-color); display: flex; align-items: center; flex-shrink: 0; } .widget-c855f3 .lw-branch-info-icon svg { width: 13px; height: 13px; display: block; } .widget-c855f3 .lw-branch-info-text { font-size: 0.8rem; color: var(--lw-info-color); line-height: 1.4; word-break: break-word; } .widget-c855f3 .lw-branch-info-link { font-size: 0.8rem; color: var(--lw-accent); line-height: 1.4; text-decoration: none; word-break: break-word; transition: opacity 0.15s ease; } .widget-c855f3 .lw-branch-info-link:hover { opacity: 0.75; text-decoration: underline; } .widget-c855f3 .lw-branch-divider { height: 1px; background: var(--lw-divider-color); margin: 2px 0; border: none; } .widget-c855f3 .lw-branch-directions-link { display: inline-flex; align-items: center; gap: 5px; font-size: 0.78rem; font-weight: 600; color: var(--lw-accent); text-decoration: none; letter-spacing: 0.02em; margin-top: 2px; transition: opacity 0.15s ease; } .widget-c855f3 .lw-branch-directions-link:hover { opacity: 0.75; } .widget-c855f3 .lw-branch-directions-link svg { width: 13px; height: 13px; flex-shrink: 0; } .widget-c855f3 .lw-payment-wrap { width: 100%; display: flex; flex-direction: column; gap: 12px; padding: 0 28px 24px 28px; box-sizing: border-box; border-top: 1px solid var(--lw-divider-color); padding-top: 20px; } .widget-c855f3 .lw-payment-header { display: flex; align-items: center; gap: 10px; padding: 0 4px; } .widget-c855f3 .lw-payment-title { font-size: 0.82rem; font-weight: 700; text-transform: uppercase; letter-spacing: 0.07em; color: var(--lw-col-title-color); margin: 0; } .widget-c855f3 .lw-payment-title-icon { display: flex; align-items: center; color: var(--lw-accent); flex-shrink: 0; } .widget-c855f3 .lw-payment-title-icon svg { width: 16px; height: 16px; display: block; } .widget-c855f3 .lw-payment-grid { display: flex; flex-wrap: wrap; gap: 10px; align-items: flex-start; } .widget-c855f3 .lw-pm-item { display: flex; flex-direction: column; align-items: center; gap: 5px; cursor: default; user-select: none; transition: transform 0.15s ease, opacity 0.15s ease; /* Ancho fijo igual al ícono para que las etiquetas largas no empujen a los vecinos */ width: 72px; } .widget-c855f3 .lw-pm-size--small .lw-pm-item { width: 54px; } .widget-c855f3 .lw-pm-size--medium .lw-pm-item { width: 72px; } .widget-c855f3 .lw-pm-size--large .lw-pm-item { width: 90px; } .widget-c855f3 .lw-pm-size--xlarge .lw-pm-item { width: 114px; } .widget-c855f3 .lw-pm-item:hover { transform: translateY(-2px); opacity: 0.85; } .widget-c855f3 .lw-pm-icon { display: flex; align-items: center; justify-content: center; flex-shrink: 0; } .widget-c855f3 .lw-pm-icon svg { display: block; } .widget-c855f3 .lw-pm-label { font-size: 0.68rem; font-weight: 600; color: var(--lw-info-color); text-align: center; line-height: 1.25; white-space: normal; word-break: break-word; hyphens: auto; max-width: 100%; width: 100%; } .widget-c855f3 .lw-pm-size--small .lw-pm-label { font-size: 0.62rem; } .widget-c855f3 .lw-pm-size--medium .lw-pm-label { font-size: 0.68rem; } .widget-c855f3 .lw-pm-size--large .lw-pm-label { font-size: 0.74rem; } .widget-c855f3 .lw-pm-size--xlarge .lw-pm-label { font-size: 0.8rem; } .widget-c855f3 .lw-pm-style--modern .lw-pm-icon svg, .widget-c855f3 .lw-pm-style--modern.lw-pm-size--medium .lw-pm-icon svg { width: 72px; height: 48px; border-radius: 8px; box-shadow: 0 2px 12px rgba(0, 0, 0, 0.18); } .widget-c855f3 .lw-pm-style--modern.lw-pm-size--small .lw-pm-icon svg { width: 54px; height: 36px; border-radius: 6px; box-shadow: 0 2px 8px rgba(0, 0, 0, 0.14); } .widget-c855f3 .lw-pm-style--modern.lw-pm-size--large .lw-pm-icon svg { width: 90px; height: 60px; border-radius: 9px; box-shadow: 0 3px 14px rgba(0, 0, 0, 0.18); } .widget-c855f3 .lw-pm-style--modern.lw-pm-size--xlarge .lw-pm-icon svg { width: 114px; height: 76px; border-radius: 10px; box-shadow: 0 4px 18px rgba(0, 0, 0, 0.2); } .widget-c855f3 .lw-pm-style--flat .lw-pm-icon svg, .widget-c855f3 .lw-pm-style--flat.lw-pm-size--medium .lw-pm-icon svg { width: 72px; height: 48px; border-radius: 7px; opacity: 0.9; } .widget-c855f3 .lw-pm-style--flat.lw-pm-size--small .lw-pm-icon svg { width: 54px; height: 36px; border-radius: 5px; opacity: 0.9; } .widget-c855f3 .lw-pm-style--flat.lw-pm-size--large .lw-pm-icon svg { width: 90px; height: 60px; border-radius: 8px; opacity: 0.9; } .widget-c855f3 .lw-pm-style--flat.lw-pm-size--xlarge .lw-pm-icon svg { width: 114px; height: 76px; border-radius: 9px; opacity: 0.9; } .widget-c855f3 .lw-pm-style--outline .lw-pm-icon { border: 1.5px solid var(--lw-divider-color); border-radius: 8px; padding: 4px 6px; background: transparent; } .widget-c855f3 .lw-pm-style--outline.lw-pm-size--small .lw-pm-icon { padding: 3px 4px; border-radius: 6px; } .widget-c855f3 .lw-pm-style--outline.lw-pm-size--large .lw-pm-icon { padding: 6px 8px; border-radius: 10px; } .widget-c855f3 .lw-pm-style--outline.lw-pm-size--xlarge .lw-pm-icon { padding: 7px 10px; border-radius: 12px; } .widget-c855f3 .lw-pm-style--outline .lw-pm-icon svg, .widget-c855f3 .lw-pm-style--outline.lw-pm-size--medium .lw-pm-icon svg { width: 66px; height: 44px; border-radius: 6px; } .widget-c855f3 .lw-pm-style--outline.lw-pm-size--small .lw-pm-icon svg { width: 50px; height: 33px; border-radius: 4px; } .widget-c855f3 .lw-pm-style--outline.lw-pm-size--large .lw-pm-icon svg { width: 82px; height: 55px; border-radius: 7px; } .widget-c855f3 .lw-pm-style--outline.lw-pm-size--xlarge .lw-pm-icon svg { width: 104px; height: 69px; border-radius: 8px; } .widget-c855f3 .lw-pm-style--rounded .lw-pm-icon { background: var(--lw-card-bg, #fff); border-radius: 14px; padding: 5px 8px; box-shadow: 0 2px 8px rgba(0, 0, 0, 0.12); } .widget-c855f3 .lw-pm-style--rounded.lw-pm-size--small .lw-pm-icon { padding: 4px 6px; border-radius: 11px; } .widget-c855f3 .lw-pm-style--rounded.lw-pm-size--large .lw-pm-icon { padding: 7px 10px; border-radius: 16px; } .widget-c855f3 .lw-pm-style--rounded.lw-pm-size--xlarge .lw-pm-icon { padding: 8px 12px; border-radius: 18px; } .widget-c855f3 .lw-pm-style--rounded .lw-pm-icon svg, .widget-c855f3 .lw-pm-style--rounded.lw-pm-size--medium .lw-pm-icon svg { width: 66px; height: 44px; border-radius: 6px; } .widget-c855f3 .lw-pm-style--rounded.lw-pm-size--small .lw-pm-icon svg { width: 50px; height: 33px; border-radius: 4px; } .widget-c855f3 .lw-pm-style--rounded.lw-pm-size--large .lw-pm-icon svg { width: 82px; height: 55px; border-radius: 7px; } .widget-c855f3 .lw-pm-style--rounded.lw-pm-size--xlarge .lw-pm-icon svg { width: 104px; height: 69px; border-radius: 8px; } .widget-c855f3 .lw-pm-style--mono .lw-pm-icon svg, .widget-c855f3 .lw-pm-style--mono.lw-pm-size--medium .lw-pm-icon svg { width: 72px; height: 48px; border-radius: 7px; filter: grayscale(100%) opacity(0.6); transition: filter 0.25s ease; } .widget-c855f3 .lw-pm-style--mono.lw-pm-size--small .lw-pm-icon svg { width: 54px; height: 36px; border-radius: 5px; filter: grayscale(100%) opacity(0.6); transition: filter 0.25s ease; } .widget-c855f3 .lw-pm-style--mono.lw-pm-size--large .lw-pm-icon svg { width: 90px; height: 60px; border-radius: 8px; filter: grayscale(100%) opacity(0.6); transition: filter 0.25s ease; } .widget-c855f3 .lw-pm-style--mono.lw-pm-size--xlarge .lw-pm-icon svg { width: 114px; height: 76px; border-radius: 9px; filter: grayscale(100%) opacity(0.6); transition: filter 0.25s ease; } .widget-c855f3 .lw-pm-style--mono .lw-pm-item:hover .lw-pm-icon svg { filter: grayscale(0%) opacity(1); } @media (max-width: 767px) { .widget-c855f3 .location-widget { padding: 8px; gap: 12px; } .widget-c855f3 .location-header { padding: 16px 16px 0 16px; flex-direction: column; gap: 10px; } .widget-c855f3 .location-columns { grid-template-columns: 1fr !important; padding: 14px 16px; gap: 14px; } .widget-c855f3 .business-name { font-size: 1.05rem; } .widget-c855f3 .location-icon-wrap { margin-top: 0; } .widget-c855f3 .lw-branches-grid { grid-template-columns: 1fr !important; } .widget-c855f3 .lw-map-frame { height: 240px; } .widget-c855f3 .lw-payment-wrap { padding: 16px 16px 20px 16px; } .widget-c855f3 .lw-wa-btn--rounded .text, .widget-c855f3 .lw-wa-btn--outline .text, .widget-c855f3 .lw-wa-btn--glass .text, .widget-c855f3 .lw-wa-btn--neumo .text, .widget-c855f3 .lw-wa-btn--gradient .text, .widget-c855f3 .lw-wa-btn--apple .text { display: none !important; } .widget-c855f3 .lw-wa-btn--rounded, .widget-c855f3 .lw-wa-btn--outline, .widget-c855f3 .lw-wa-btn--glass, .widget-c855f3 .lw-wa-btn--neumo, .widget-c855f3 .lw-wa-btn--gradient, .widget-c855f3 .lw-wa-btn--apple { width: 48px !important; height: 48px !important; border-radius: 50% !important; padding: 0 !important; justify-content: center !important; } .widget-c855f3 .lw-wa-icon--rounded, .widget-c855f3 .lw-wa-icon--outline, .widget-c855f3 .lw-wa-icon--glass, .widget-c855f3 .lw-wa-icon--neumo, .widget-c855f3 .lw-wa-icon--gradient, .widget-c855f3 .lw-wa-icon--apple { width: 24px !important; height: 24px !important; margin: 0 !important; } } @media (min-width: 768px) and (max-width: 1024px) { .widget-c855f3 { /* Only cap columns on tablet if using a uniform integer layout (--lw-cols > 2). Custom fr-based layouts set inline are intentionally left untouched here; the 1fr fallback already stacks naturally on small viewports (above). */ } .widget-c855f3 .location-columns:not([style*=fr]) { grid-template-columns: repeat(min(var(--lw-cols, 1), 2), 1fr) !important; } .widget-c855f3 .lw-branches-grid { grid-template-columns: repeat(min(var(--lw-branch-cols, 1), 2), 1fr) !important; } } .widget-1f5975 .copyright { font-size: 13px; display: flex; text-align: left; justify-content: flex-start; }