/**/.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}/**/.hamburgerButton{display:block;background-color:transparent;border:0;padding:0;margin:0}.hamburgerButton,.hamburgerButton svg{width:100%;height:100%}/**/.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}/**/.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%}}/**/#dm .dmDivider{display:block;min-height:2px;margin:0;border:0;color:gray;background:0}#dm .dmDividerWrapper{display:block;margin:10px 0}/**/.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} /* Custom Widgets Styles */ .widget-f4a520 { --social-icon-size: 48px; --social-icon-gap: 12px; --social-icon-radius: 50%; --social-icon-color: #ffffff; --social-icon-bg: #1a1a2e; --social-icon-hover-scale: 1.15; --social-transition: 0.3s cubic-bezier(0.34, 1.56, 0.64, 1); --c-facebook: #1877F2; --c-instagram: #E1306C; --c-twitter: #000000; --c-linkedin: #0A66C2; --c-youtube: #FF0000; --c-tiktok: #010101; --c-pinterest: #E60023; --c-snapchat: #FFFC00; --c-whatsapp: #25D366; --c-telegram: #26A5E4; --c-custom: #6366F1; display: block; width: 100%; } /* ── Visibility ── */ .widget-f4a520 .is-hidden { display: none !important; } /* ══════════════════════════════ WRAPPER ══════════════════════════════ */ .widget-f4a520 .social-widget-wrapper { display: flex; flex-direction: column; gap: 16px; width: 100%; align-items: center; text-align: center; } .widget-f4a520 .social-widget-wrapper.align-left { align-items: flex-start; text-align: left; } .widget-f4a520 .social-widget-wrapper.align-center { align-items: center; text-align: center; } .widget-f4a520 .social-widget-wrapper.align-right { align-items: flex-end; text-align: right; } /* ══════════════════════════════ HEADER ══════════════════════════════ */ .widget-f4a520 .social-header { display: flex; flex-direction: row; align-items: center; justify-content: center; gap: 10px; width: 100%; } .widget-f4a520 .social-widget-wrapper.align-left .social-header { justify-content: flex-start; } .widget-f4a520 .social-widget-wrapper.align-right .social-header { justify-content: flex-end; } .widget-f4a520 .social-header-icon { display: flex; align-items: center; justify-content: center; flex-shrink: 0; width: 32px; height: 32px; } .widget-f4a520 .social-header-icon svg { width: 100%; height: 100%; } .widget-f4a520 .social-header-text { display: flex; flex-direction: column; gap: 2px; min-width: 0; } /* Title & subtitle — text-align follows wrapper alignment */ .widget-f4a520 .social-title { font-size: 20px; font-weight: 700; line-height: 1.2; display: block; text-align: center; } .widget-f4a520 .social-widget-wrapper.align-left .social-title { text-align: left; } .widget-f4a520 .social-widget-wrapper.align-right .social-title { text-align: right; } .widget-f4a520 .social-subtitle { font-size: 13px; line-height: 1.4; display: block; text-align: center; } .widget-f4a520 .social-widget-wrapper.align-left .social-subtitle { text-align: left; } .widget-f4a520 .social-widget-wrapper.align-right .social-subtitle { text-align: right; } /* ══════════════════════════════ DIVIDER ══════════════════════════════ */ .widget-f4a520 .social-divider { width: 100%; height: 1px; background: rgba(0,0,0,0.1); border-radius: 2px; } /* ══════════════════════════════ ICONS CONTAINER ══════════════════════════════ */ .widget-f4a520 .social-icons-container { display: flex; flex-wrap: wrap; gap: var(--social-icon-gap); align-items: center; justify-content: center; width: 100%; } .widget-f4a520 .social-widget-wrapper.align-left .social-icons-container { justify-content: flex-start; } .widget-f4a520 .social-widget-wrapper.align-right .social-icons-container { justify-content: flex-end; } .widget-f4a520 .social-icons-container.layout-list { flex-direction: column; align-items: center; } .widget-f4a520 .social-widget-wrapper.align-left .social-icons-container.layout-list { align-items: flex-start; } .widget-f4a520 .social-widget-wrapper.align-right .social-icons-container.layout-list { align-items: flex-end; } .widget-f4a520 .social-icons-container.layout-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(var(--social-icon-size), 1fr)); justify-items: center; } /* ══════════════════════════════ ICON ITEMS ══════════════════════════════ */ .widget-f4a520 .social-icon-item { display: flex; align-items: center; gap: 10px; text-decoration: none; cursor: pointer; position: relative; outline: none; } .widget-f4a520 .icon-inner { width: var(--social-icon-size); height: var(--social-icon-size); border-radius: var(--social-icon-radius); background: var(--social-icon-bg); display: flex; align-items: center; justify-content: center; flex-shrink: 0; transition: transform var(--social-transition), box-shadow var(--social-transition), background var(--social-transition); position: relative; overflow: visible; } .widget-f4a520 .icon-inner > svg { width: 52%; height: 52%; fill: var(--social-icon-color); transition: fill 0.2s ease; position: relative; z-index: 1; overflow: hidden; border-radius: inherit; } .widget-f4a520 .icon-text-group { display: flex; flex-direction: column; gap: 2px; } /* No color overrides — design panel controls these */ .widget-f4a520 .icon-label { font-size: 14px; font-weight: 600; white-space: nowrap; transition: color 0.2s ease; } .widget-f4a520 .icon-followers { font-size: 11px; font-weight: 400; white-space: nowrap; } /* ══════════════════════════════ TOOLTIP ══════════════════════════════ */ .widget-f4a520 .social-tooltip { position: absolute; bottom: calc(100% + 8px); left: 50%; transform: translateX(-50%) translateY(4px); background: rgba(15,15,25,0.88); color: #fff; font-size: 11px; font-weight: 500; white-space: nowrap; padding: 4px 9px; border-radius: 6px; pointer-events: none; opacity: 0; transition: opacity 0.18s ease, transform 0.18s ease; z-index: 10; letter-spacing: 0.02em; } .widget-f4a520 .social-tooltip::after { content: ''; position: absolute; top: 100%; left: 50%; transform: translateX(-50%); border: 5px solid transparent; border-top-color: rgba(15,15,25,0.88); } .widget-f4a520 .social-icon-item:hover .social-tooltip { opacity: 1; transform: translateX(-50%) translateY(0); } /* ══════════════════════════════ HOVER EFFECTS ══════════════════════════════ */ .widget-f4a520 .social-icon-item:hover .icon-inner { transform: scale(var(--social-icon-hover-scale)); box-shadow: 0 8px 25px rgba(0,0,0,0.25); } /* ══════════════════════════════ THEMES ══════════════════════════════ */ /* brand — color on hover */ .widget-f4a520 .theme-brand .platform-facebook:hover .icon-inner { background: var(--c-facebook); } .widget-f4a520 .theme-brand .platform-instagram:hover .icon-inner { background: var(--c-instagram); } .widget-f4a520 .theme-brand .platform-twitter:hover .icon-inner { background: var(--c-twitter); } .widget-f4a520 .theme-brand .platform-linkedin:hover .icon-inner { background: var(--c-linkedin); } .widget-f4a520 .theme-brand .platform-youtube:hover .icon-inner { background: var(--c-youtube); } .widget-f4a520 .theme-brand .platform-tiktok:hover .icon-inner { background: var(--c-tiktok); } .widget-f4a520 .theme-brand .platform-pinterest:hover .icon-inner { background: var(--c-pinterest); } .widget-f4a520 .theme-brand .platform-snapchat:hover .icon-inner { background: var(--c-snapchat); } .widget-f4a520 .theme-brand .platform-whatsapp:hover .icon-inner { background: var(--c-whatsapp); } .widget-f4a520 .theme-brand .platform-telegram:hover .icon-inner { background: var(--c-telegram); } .widget-f4a520 .theme-brand .platform-custom:hover .icon-inner { background: var(--c-custom); } /* snapchat needs dark svg */ .widget-f4a520 .platform-snapchat .icon-inner > svg { fill: #333; } .widget-f4a520 .theme-brand .platform-snapchat:hover .icon-inner > svg { fill: #333; } .widget-f4a520 .theme-flat .platform-snapchat .icon-inner > svg { fill: #333; } .widget-f4a520 .theme-gradient .platform-snapchat .icon-inner > svg { fill: #333; } /* flat — always brand color */ .widget-f4a520 .theme-flat .platform-facebook .icon-inner { background: var(--c-facebook); } .widget-f4a520 .theme-flat .platform-instagram .icon-inner { background: var(--c-instagram); } .widget-f4a520 .theme-flat .platform-twitter .icon-inner { background: var(--c-twitter); } .widget-f4a520 .theme-flat .platform-linkedin .icon-inner { background: var(--c-linkedin); } .widget-f4a520 .theme-flat .platform-youtube .icon-inner { background: var(--c-youtube); } .widget-f4a520 .theme-flat .platform-tiktok .icon-inner { background: var(--c-tiktok); } .widget-f4a520 .theme-flat .platform-pinterest .icon-inner { background: var(--c-pinterest); } .widget-f4a520 .theme-flat .platform-snapchat .icon-inner { background: var(--c-snapchat); } .widget-f4a520 .theme-flat .platform-whatsapp .icon-inner { background: var(--c-whatsapp); } .widget-f4a520 .theme-flat .platform-telegram .icon-inner { background: var(--c-telegram); } .widget-f4a520 .theme-flat .platform-custom .icon-inner { background: var(--c-custom); } /* outline */ .widget-f4a520 .theme-outline .icon-inner { background: transparent !important; border: 2px solid var(--social-icon-bg); overflow: hidden; } .widget-f4a520 .theme-outline .icon-inner > svg { fill: var(--social-icon-bg); } .widget-f4a520 .theme-outline .social-icon-item:hover .icon-inner { background: var(--social-icon-bg) !important; } .widget-f4a520 .theme-outline .social-icon-item:hover .icon-inner > svg { fill: var(--social-icon-color); } /* minimal */ .widget-f4a520 .theme-minimal .icon-inner { background: transparent !important; box-shadow: none !important; overflow: hidden; } .widget-f4a520 .theme-minimal .icon-inner > svg { fill: var(--social-icon-bg); } .widget-f4a520 .theme-minimal .social-icon-item:hover .icon-inner { transform: translateY(-4px) scale(1.05) !important; box-shadow: none !important; } /* glass */ .widget-f4a520 .theme-glass .icon-inner { background: rgba(255,255,255,0.15) !important; backdrop-filter: blur(8px); -webkit-backdrop-filter: blur(8px); border: 1px solid rgba(255,255,255,0.3); box-shadow: 0 4px 15px rgba(0,0,0,0.1); overflow: hidden; } .widget-f4a520 .theme-glass .social-icon-item:hover .icon-inner { background: rgba(255,255,255,0.3) !important; box-shadow: 0 8px 25px rgba(0,0,0,0.2); } /* gradient */ .widget-f4a520 .theme-gradient .platform-instagram .icon-inner { background: linear-gradient(135deg,#f09433 0%,#e6683c 25%,#dc2743 50%,#cc2366 75%,#bc1888 100%) !important; } .widget-f4a520 .theme-gradient .platform-facebook .icon-inner { background: linear-gradient(135deg,#1877F2,#0d47a1) !important; } .widget-f4a520 .theme-gradient .platform-twitter .icon-inner { background: linear-gradient(135deg,#14171A,#657786) !important; } .widget-f4a520 .theme-gradient .platform-linkedin .icon-inner { background: linear-gradient(135deg,#0A66C2,#004182) !important; } .widget-f4a520 .theme-gradient .platform-youtube .icon-inner { background: linear-gradient(135deg,#FF0000,#cc0000) !important; } .widget-f4a520 .theme-gradient .platform-tiktok .icon-inner { background: linear-gradient(135deg,#010101,#69C9D0) !important; } .widget-f4a520 .theme-gradient .platform-pinterest .icon-inner { background: linear-gradient(135deg,#E60023,#ad081b) !important; } .widget-f4a520 .theme-gradient .platform-whatsapp .icon-inner { background: linear-gradient(135deg,#25D366,#128C7E) !important; } .widget-f4a520 .theme-gradient .platform-telegram .icon-inner { background: linear-gradient(135deg,#26A5E4,#1c7ab5) !important; } .widget-f4a520 .theme-gradient .platform-snapchat .icon-inner { background: linear-gradient(135deg,#FFFC00,#f5e400) !important; } .widget-f4a520 .theme-gradient .platform-custom .icon-inner { background: linear-gradient(135deg,#6366F1,#a855f7) !important; } /* ══════════════════════════════ ANIMATIONS ══════════════════════════════ */ .widget-f4a520 .anim-pulse .social-icon-item:hover .icon-inner { animation: sw-pulse-ring 0.6s ease-out; } @keyframes sw-pulse-ring { 0% { box-shadow: 0 0 0 0 rgba(0,0,0,0.3); } 70% { box-shadow: 0 0 0 12px rgba(0,0,0,0); } 100% { box-shadow: 0 0 0 0 rgba(0,0,0,0); } } .widget-f4a520 .anim-bounce .social-icon-item:hover .icon-inner { animation: sw-bounce-icon 0.5s ease; } @keyframes sw-bounce-icon { 0% { transform: scale(1); } 30% { transform: scale(1.25) translateY(-6px); } 60% { transform: scale(0.95) translateY(2px); } 100% { transform: scale(1.15); } } .widget-f4a520 .anim-rotate .social-icon-item:hover .icon-inner { animation: sw-rotate-icon 0.5s ease; } @keyframes sw-rotate-icon { 0% { transform: rotate(0deg) scale(1); } 50% { transform: rotate(15deg) scale(1.1); } 100% { transform: rotate(0deg) scale(1.15); } } .widget-f4a520 .anim-shine .icon-inner::before { content: ''; position: absolute; top: -60%; left: -60%; width: 50%; height: 200%; background: rgba(255,255,255,0.35); transform: rotate(30deg); opacity: 0; pointer-events: none; z-index: 2; } .widget-f4a520 .anim-shine .social-icon-item:hover .icon-inner::before { opacity: 1; animation: sw-shine-sweep 0.5s ease; } @keyframes sw-shine-sweep { from { left: -60%; opacity: 1; } to { left: 130%; opacity: 0; } } /* ══════════════════════════════ LIST LAYOUT ══════════════════════════════ */ .widget-f4a520 .layout-list .social-icon-item { width: 100%; padding: 6px 8px; border-radius: 10px; transition: background 0.2s ease; } .widget-f4a520 .layout-list .social-icon-item:hover { background: rgba(0,0,0,0.04); } /* ══════════════════════════════ CTA BUTTON ══════════════════════════════ */ .widget-f4a520 .social-cta { width: 100%; display: flex; justify-content: center; } .widget-f4a520 .social-widget-wrapper.align-left .social-cta { justify-content: flex-start; } .widget-f4a520 .social-widget-wrapper.align-right .social-cta { justify-content: flex-end; } .widget-f4a520 .social-cta-btn { display: inline-block; padding: 10px 24px; background: var(--social-icon-bg); color: var(--social-icon-color); border-radius: 100px; text-decoration: none; font-size: 14px; font-weight: 600; letter-spacing: 0.03em; transition: opacity 0.2s ease, transform 0.2s ease; } .widget-f4a520 .social-cta-btn:hover { opacity: 0.85; transform: translateY(-1px); } /* ══════════════════════════════ RESPONSIVE ══════════════════════════════ */ @media (max-width: 767px) { .widget-f4a520 .social-icons-container.layout-grid { grid-template-columns: repeat(auto-fill, minmax(44px, 1fr)); } .widget-f4a520 .icon-inner { width: calc(var(--social-icon-size) * 0.88); height: calc(var(--social-icon-size) * 0.88); } } @charset "UTF-8"; /* ============================================ CONTENEDOR RAÍZ — se adapta al padre ============================================ */ .widget-260504 { position: relative; display: inline-block; max-width: 100%; min-height: 35px; text-align: left; box-sizing: border-box; } .widget-260504 * { margin: 0; padding: 0; box-sizing: border-box; text-decoration: none; } /* Bloque raíz interno — nunca desborda */ .contenedorGralWP { display: inline-block; max-width: 100%; position: relative; } /* 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: inline-flex; align-items: center; justify-content: center; max-width: 100%; transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1); position: relative; } .widget-260504 .text { padding: 0 !important; line-height: 1.5; font-weight: 500; } /* ============================================ BASE COMPARTIDA PARA EFECTOS HOVER ============================================ */ .dmWidget { overflow: hidden; position: relative; max-width: 100%; } /* ============================================ EFECTO 1: SHIMMER — Reflejo diagonal ============================================ */ .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); } .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 ============================================ */ .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; } @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; } .btnNeumorphism.hover-ripple::after, .btnAppleStyle.hover-ripple::after, .btnMinimalOutline.hover-ripple::after { background: rgba(18, 140, 126, 0.15); } /* ============================================ EFECTO 3: GLOW AURA ============================================ */ .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; } .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; } .whatsapp-link:hover .btnGold.hover-glow-aura, .whatsapp-link:hover .btnGoldDark.hover-glow-aura { box-shadow: 0 0 20px 4px rgba(212, 175, 55, 0.55), 0 0 50px 10px rgba(212, 175, 55, 0.25), 0 8px 25px rgba(180, 140, 20, 0.4) !important; } .whatsapp-link:hover .btnRose.hover-glow-aura { box-shadow: 0 0 20px 4px rgba(244, 114, 182, 0.5), 0 0 50px 10px rgba(244, 114, 182, 0.25), 0 8px 25px rgba(236, 72, 153, 0.4) !important; } .whatsapp-link:hover .btnNeon.hover-glow-aura { box-shadow: 0 0 20px 6px rgba(0, 255, 136, 0.6), 0 0 50px 12px rgba(0, 255, 136, 0.3), 0 8px 25px rgba(0, 200, 100, 0.5) !important; } .whatsapp-link:hover .btnDark.hover-glow-aura { box-shadow: 0 0 20px 4px rgba(37, 211, 102, 0.4), 0 0 50px 10px rgba(37, 211, 102, 0.2), 0 8px 25px rgba(0, 0, 0, 0.5) !important; } /* ============================================ EFECTO 4: LIFT ============================================ */ .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; } .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 ============================================ */ .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; } .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; } .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); } .wa-tooltip.tooltip-touch { pointer-events: auto; } /* ============================================ 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; } /* Posiciones del badge */ .wa-badge.badge-pos-top-right { top: -10px; right: -10px; left: auto; bottom: auto; } .wa-badge.badge-pos-top-left { top: -10px; left: -10px; right: auto; bottom: auto; } .wa-badge.badge-pos-bottom-right { bottom: -10px; right: -10px; top: auto; left: auto; } .wa-badge.badge-pos-bottom-left { bottom: -10px; left: -10px; top: auto; right: auto; } .wa-badge.badge-dot.badge-pos-top-right { top: -4px; right: -4px; left: auto; bottom: auto; } .wa-badge.badge-dot.badge-pos-top-left { top: -4px; left: -4px; right: auto; bottom: auto; } .wa-badge.badge-dot.badge-pos-bottom-right { bottom: -4px; right: -4px; top: auto; left: auto; } .wa-badge.badge-dot.badge-pos-bottom-left { bottom: -4px; left: -4px; top: auto; right: auto; } @keyframes badge-pulse { 0%, 100% { transform: scale(1); opacity: 1; } 50% { transform: scale(1.1); opacity: 0.8; } } /* ============================================ SHARED BUTTON BASE — todos los botones usan display:inline-flex y fluyen normalmente ============================================ */ .btnDisenoDos, .btnDisenotres, .btnGlassmorphism, .btnNeumorphism, .btnGradientPop, .btnMinimalOutline, .btnAppleStyle, .btnGold, .btnGoldDark, .btnRose, .btnNeon, .btnDark { position: relative !important; display: inline-flex !important; align-items: center; justify-content: center; max-width: 100%; top: auto !important; left: auto !important; margin: 0 !important; } /* ============================================ DISEÑO 2 - Redondeado ============================================ */ .btnDisenoDos { background: linear-gradient(135deg, #128C7E 0%, #25D366 100%) !important; color: #fff !important; width: 220px !important; height: 55px !important; border-radius: 30px; padding: 12px 24px; 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 ============================================ */ .btnDisenotres { background-color: transparent !important; color: #128C7E !important; width: 180px !important; height: 45px !important; justify-content: flex-start !important; text-align: left !important; padding: 10px 15px; 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 ============================================ */ .iconoDisenoCuatro { width: 60px !important; height: 60px !important; min-width: 60px; min-height: 60px; display: inline-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%; position: relative; } .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 ============================================ */ .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; border-radius: 20px; padding: 14px 28px; 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 ============================================ */ .btnNeumorphism { background: #e8f5e9 !important; color: #075E54 !important; width: 230px !important; height: 58px !important; border-radius: 15px; padding: 14px 26px; 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 ============================================ */ .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; border-radius: 26px; padding: 12px 24px; 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 ============================================ */ .btnMinimalOutline { background: transparent !important; color: #075E54 !important; width: 190px !important; height: 48px !important; border-radius: 10px; padding: 10px 20px; 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 ============================================ */ .btnAppleStyle { background: #fff !important; color: #000 !important; width: 200px !important; height: 50px !important; border-radius: 12px; padding: 12px 24px; 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); } /* ============================================ DISEÑO 10 - Gold Luxury ============================================ */ .btnGold { background: linear-gradient(135deg, #BF953F 0%, #FCF6BA 40%, #D4AF37 60%, #FBF5B7 80%, #AA771C 100%) !important; background-size: 200% 200% !important; color: #3a2000 !important; width: 215px !important; height: 54px !important; border-radius: 27px; padding: 12px 24px; border: 1px solid rgba(212, 175, 55, 0.6) !important; transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1); box-shadow: 0 4px 20px rgba(212, 175, 55, 0.45), inset 0 1px 0 rgba(255, 255, 255, 0.4); font-size: 15px; font-weight: 700; letter-spacing: 0.4px; animation: gold-shimmer 4s ease infinite; } @keyframes gold-shimmer { 0%, 100% { background-position: 0% 50%; } 50% { background-position: 100% 50%; } } .btnGold:hover { transform: translateY(-3px) scale(1.03); box-shadow: 0 8px 28px rgba(212, 175, 55, 0.65), inset 0 1px 0 rgba(255, 255, 255, 0.5); } .btnGold span { margin: 0 !important; padding: 0 !important; color: #3a2000 !important; text-decoration: none !important; text-shadow: 0 1px 2px rgba(255, 255, 255, 0.4); } .iconoGold { width: 26px; height: 26px; min-width: 26px; min-height: 26px; margin-right: 10px; display: flex; align-items: center; justify-content: center; transition: transform 0.4s ease; } .iconoGold svg { fill: #3a2000; filter: drop-shadow(0 1px 2px rgba(255, 255, 255, 0.4)); transition: all 0.4s ease; } .btnGold:hover .iconoGold { transform: scale(1.15) rotate(-5deg); } .btnGold.hover-shimmer::before { background: linear-gradient( 120deg, transparent 0%, rgba(255, 255, 255, 0) 25%, rgba(255, 255, 255, 0.65) 50%, rgba(255, 255, 255, 0) 75%, transparent 100% ); } /* ============================================ DISEÑO 11 - Gold Dark ============================================ */ .btnGoldDark { background: linear-gradient(135deg, #1a0f00 0%, #3d2b00 30%, #6b4a00 60%, #3d2b00 80%, #1a0f00 100%) !important; background-size: 200% 200% !important; color: #D4AF37 !important; width: 210px !important; height: 54px !important; border-radius: 27px; padding: 12px 24px; border: 1px solid #D4AF37 !important; transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1); box-shadow: 0 4px 20px rgba(212, 175, 55, 0.3), 0 0 0 1px rgba(212, 175, 55, 0.15); font-size: 15px; font-weight: 700; letter-spacing: 0.5px; animation: gold-dark-shift 4s ease infinite; } @keyframes gold-dark-shift { 0%, 100% { background-position: 0% 50%; } 50% { background-position: 100% 50%; } } .btnGoldDark:hover { transform: translateY(-3px) scale(1.03); box-shadow: 0 8px 30px rgba(212, 175, 55, 0.5), 0 0 20px rgba(212, 175, 55, 0.25); border-color: #FCF6BA !important; } .btnGoldDark span { margin: 0 !important; padding: 0 !important; color: #D4AF37 !important; text-decoration: none !important; text-shadow: 0 0 8px rgba(212, 175, 55, 0.5); } .iconoGoldDark { width: 26px; height: 26px; min-width: 26px; min-height: 26px; margin-right: 10px; display: flex; align-items: center; justify-content: center; transition: transform 0.4s ease; } .iconoGoldDark svg { fill: #D4AF37; filter: drop-shadow(0 0 6px rgba(212, 175, 55, 0.6)); transition: all 0.4s ease; } .btnGoldDark:hover .iconoGoldDark { transform: scale(1.15) rotate(-5deg); } .btnGoldDark.hover-shimmer::before { background: linear-gradient( 120deg, transparent 0%, rgba(212, 175, 55, 0) 25%, rgba(212, 175, 55, 0.4) 50%, rgba(212, 175, 55, 0) 75%, transparent 100% ); } /* ============================================ DISEÑO 12 - Rose / Pink ============================================ */ .btnRose { background: linear-gradient(135deg, #ec4899 0%, #f472b6 50%, #fb7185 100%) !important; background-size: 200% 200% !important; color: #fff !important; width: 210px !important; height: 52px !important; border-radius: 26px; padding: 12px 24px; border: none !important; transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1); box-shadow: 0 4px 18px rgba(236, 72, 153, 0.45); font-size: 15px; font-weight: 700; letter-spacing: 0.3px; animation: rose-shift 3s ease infinite; } @keyframes rose-shift { 0%, 100% { background-position: 0% 50%; } 50% { background-position: 100% 50%; } } .btnRose:hover { transform: translateY(-3px) scale(1.04); box-shadow: 0 8px 28px rgba(236, 72, 153, 0.65); } .btnRose span { margin: 0 !important; padding: 0 !important; color: #fff !important; text-decoration: none !important; } .iconoRose { width: 26px; height: 26px; min-width: 26px; min-height: 26px; margin-right: 10px; display: flex; align-items: center; justify-content: center; transition: transform 0.4s ease; } .iconoRose svg { fill: #fff; transition: all 0.4s ease; } .btnRose:hover .iconoRose { transform: scale(1.15) rotate(-5deg); } .btnRose.hover-shimmer::before { background: linear-gradient( 120deg, transparent 0%, rgba(255, 255, 255, 0) 25%, rgba(255, 255, 255, 0.45) 50%, rgba(255, 255, 255, 0) 75%, transparent 100% ); } /* ============================================ DISEÑO 13 - Neon Cyber ============================================ */ .btnNeon { background: #0a0a0a !important; color: #00ff88 !important; width: 215px !important; height: 54px !important; border-radius: 6px; padding: 12px 24px; border: 1px solid #00ff88 !important; transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1); box-shadow: 0 0 8px rgba(0, 255, 136, 0.4), inset 0 0 8px rgba(0, 255, 136, 0.05); font-size: 14px; font-weight: 700; letter-spacing: 1.5px; text-transform: uppercase; animation: neon-flicker 4s ease-in-out infinite; } @keyframes neon-flicker { 0%, 95%, 100% { box-shadow: 0 0 8px rgba(0, 255, 136, 0.4), inset 0 0 8px rgba(0, 255, 136, 0.05); } 96% { box-shadow: 0 0 2px rgba(0, 255, 136, 0.1), inset 0 0 2px rgba(0, 255, 136, 0.02); } 97% { box-shadow: 0 0 12px rgba(0, 255, 136, 0.6), inset 0 0 12px rgba(0, 255, 136, 0.1); } } .btnNeon:hover { background: rgba(0, 255, 136, 0.08) !important; transform: translateY(-2px); box-shadow: 0 0 18px rgba(0, 255, 136, 0.7), 0 0 40px rgba(0, 255, 136, 0.3), inset 0 0 12px rgba(0, 255, 136, 0.08); } .btnNeon span { margin: 0 !important; padding: 0 !important; color: #00ff88 !important; text-decoration: none !important; text-shadow: 0 0 8px rgba(0, 255, 136, 0.8); } .iconoNeon { width: 26px; height: 26px; min-width: 26px; min-height: 26px; margin-right: 10px; display: flex; align-items: center; justify-content: center; transition: transform 0.3s ease; } .iconoNeon svg { fill: #00ff88; filter: drop-shadow(0 0 6px rgba(0, 255, 136, 0.8)); transition: all 0.3s ease; } .btnNeon:hover .iconoNeon { transform: scale(1.1); } .btnNeon.hover-shimmer::before { background: linear-gradient( 120deg, transparent 0%, rgba(0, 255, 136, 0) 25%, rgba(0, 255, 136, 0.3) 50%, rgba(0, 255, 136, 0) 75%, transparent 100% ); } /* ============================================ DISEÑO 14 - Dark Mode Premium ============================================ */ .btnDark { background: linear-gradient(135deg, #1a1a2e 0%, #16213e 50%, #0f3460 100%) !important; background-size: 200% 200% !important; color: #fff !important; width: 215px !important; height: 54px !important; border-radius: 14px; padding: 12px 24px; border: 1px solid rgba(255, 255, 255, 0.08) !important; transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1); box-shadow: 0 4px 20px rgba(0, 0, 0, 0.5), inset 0 1px 0 rgba(255, 255, 255, 0.1); font-size: 15px; font-weight: 600; letter-spacing: 0.2px; animation: dark-shift 5s ease infinite; } @keyframes dark-shift { 0%, 100% { background-position: 0% 50%; } 50% { background-position: 100% 50%; } } .btnDark:hover { transform: translateY(-3px) scale(1.02); box-shadow: 0 10px 30px rgba(0, 0, 0, 0.6), 0 0 20px rgba(37, 211, 102, 0.2), inset 0 1px 0 rgba(255, 255, 255, 0.15); border-color: rgba(37, 211, 102, 0.3) !important; } .btnDark span { margin: 0 !important; padding: 0 !important; color: #fff !important; text-decoration: none !important; } .iconoDark { width: 26px; height: 26px; min-width: 26px; min-height: 26px; margin-right: 10px; display: flex; align-items: center; justify-content: center; transition: transform 0.4s ease; } .iconoDark svg { fill: #25D366; filter: drop-shadow(0 0 4px rgba(37, 211, 102, 0.5)); transition: all 0.4s ease; } .btnDark:hover .iconoDark { transform: scale(1.12) rotate(-5deg); } .btnDark.hover-shimmer::before { background: linear-gradient( 120deg, transparent 0%, rgba(255, 255, 255, 0) 25%, rgba(255, 255, 255, 0.12) 50%, rgba(255, 255, 255, 0) 75%, transparent 100% ); } /* ============================================ 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; } .btnGold { width: 205px !important; height: 52px !important; font-size: 14px; } .btnGoldDark { width: 200px !important; height: 52px !important; font-size: 14px; } .btnRose { width: 200px !important; height: 50px !important; font-size: 14px; } .btnNeon { width: 205px !important; height: 52px !important; font-size: 13px; } .btnDark { width: 205px !important; height: 52px !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) { .btnDisenoDos .text, .btnDisenotres .text, .btnGlassmorphism .text, .btnNeumorphism .text, .btnGradientPop .text, .btnMinimalOutline .text, .btnAppleStyle .text, .btnGold .text, .btnGoldDark .text, .btnRose .text, .btnNeon .text, .btnDark .text { display: none !important; } .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; } .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; } .iconoDisenoCuatro { width: 56px !important; height: 56px !important; min-width: 56px !important; min-height: 56px !important; } .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; box-shadow: 0 6px 20px rgba(37, 211, 102, 0.2) !important; } .iconoGlass { width: 28px !important; height: 28px !important; min-width: 28px !important; min-height: 28px !important; margin: 0 !important; } .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; box-shadow: 6px 6px 12px rgba(7, 94, 84, 0.15), -6px -6px 12px rgba(255, 255, 255, 0.9) !important; } .iconoNeumo { width: 28px !important; height: 28px !important; min-width: 28px !important; min-height: 28px !important; margin: 0 !important; } .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; } .btnMinimalOutline { width: 56px !important; height: 56px !important; min-width: 56px !important; min-height: 56px !important; border-radius: 10px !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; } .btnAppleStyle { width: 56px !important; height: 56px !important; min-width: 56px !important; min-height: 56px !important; border-radius: 12px !important; padding: 0 !important; display: flex !important; align-items: center; justify-content: center; box-shadow: 0 2px 10px rgba(0, 0, 0, 0.12) !important; } .iconoApple { width: 28px !important; height: 28px !important; min-width: 28px !important; min-height: 28px !important; margin: 0 !important; } .btnGold { width: 58px !important; height: 58px !important; min-width: 58px !important; min-height: 58px !important; border-radius: 14px !important; padding: 0 !important; display: flex !important; align-items: center; justify-content: center; box-shadow: 0 4px 16px rgba(212, 175, 55, 0.55), inset 0 1px 0 rgba(255, 255, 255, 0.4) !important; } .iconoGold { width: 30px !important; height: 30px !important; min-width: 30px !important; min-height: 30px !important; margin: 0 !important; } .btnGoldDark { width: 58px !important; height: 58px !important; min-width: 58px !important; min-height: 58px !important; border-radius: 14px !important; padding: 0 !important; display: flex !important; align-items: center; justify-content: center; box-shadow: 0 4px 16px rgba(212, 175, 55, 0.4), 0 0 0 1px rgba(212, 175, 55, 0.3) !important; } .iconoGoldDark { width: 30px !important; height: 30px !important; min-width: 30px !important; min-height: 30px !important; margin: 0 !important; } .btnRose { 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; box-shadow: 0 4px 16px rgba(236, 72, 153, 0.55) !important; } .iconoRose { width: 28px !important; height: 28px !important; min-width: 28px !important; min-height: 28px !important; margin: 0 !important; } .btnNeon { width: 58px !important; height: 58px !important; min-width: 58px !important; min-height: 58px !important; border-radius: 12px !important; padding: 0 !important; display: flex !important; align-items: center; justify-content: center; letter-spacing: 0; box-shadow: 0 0 10px rgba(0, 255, 136, 0.5), 0 0 22px rgba(0, 255, 136, 0.25), inset 0 0 8px rgba(0, 255, 136, 0.06) !important; } .iconoNeon { width: 30px !important; height: 30px !important; min-width: 30px !important; min-height: 30px !important; margin: 0 !important; } .btnDark { width: 58px !important; height: 58px !important; min-width: 58px !important; min-height: 58px !important; border-radius: 14px !important; padding: 0 !important; display: flex !important; align-items: center; justify-content: center; box-shadow: 0 6px 20px rgba(0, 0, 0, 0.55), inset 0 1px 0 rgba(255, 255, 255, 0.08) !important; } .iconoDark { width: 30px !important; height: 30px !important; min-width: 30px !important; min-height: 30px !important; margin: 0 !important; } /* Tooltip mobile */ .wa-tooltip { font-size: 12px; padding: 8px 12px; white-space: normal; max-width: 200px; } /* Badge 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; } /* Mensaje bienvenida 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) ============================================ */ @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, .mobile-full .btnGold .text, .mobile-full .btnGoldDark .text, .mobile-full .btnRose .text, .mobile-full .btnNeon .text, .mobile-full .btnDark .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; } .mobile-full .btnGold { width: 215px !important; height: 54px !important; min-width: unset !important; min-height: unset !important; border-radius: 27px !important; padding: 12px 24px !important; } .mobile-full .iconoGold { width: 26px !important; height: 26px !important; min-width: 26px !important; min-height: 26px !important; margin-right: 10px !important; } .mobile-full .btnGoldDark { width: 210px !important; height: 54px !important; min-width: unset !important; min-height: unset !important; border-radius: 27px !important; padding: 12px 24px !important; } .mobile-full .iconoGoldDark { width: 26px !important; height: 26px !important; min-width: 26px !important; min-height: 26px !important; margin-right: 10px !important; } .mobile-full .btnRose { width: 210px !important; height: 52px !important; min-width: unset !important; min-height: unset !important; border-radius: 26px !important; padding: 12px 24px !important; } .mobile-full .iconoRose { width: 26px !important; height: 26px !important; min-width: 26px !important; min-height: 26px !important; margin-right: 10px !important; } .mobile-full .btnNeon { width: 215px !important; height: 54px !important; min-width: unset !important; min-height: unset !important; border-radius: 6px !important; padding: 12px 24px !important; letter-spacing: 1.5px; box-shadow: 0 0 8px rgba(0, 255, 136, 0.4), inset 0 0 8px rgba(0, 255, 136, 0.05) !important; } .mobile-full .iconoNeon { width: 26px !important; height: 26px !important; min-width: 26px !important; min-height: 26px !important; margin-right: 10px !important; } .mobile-full .btnDark { width: 215px !important; height: 54px !important; min-width: unset !important; min-height: unset !important; border-radius: 14px !important; padding: 12px 24px !important; } .mobile-full .iconoDark { width: 26px !important; height: 26px !important; min-width: 26px !important; min-height: 26px !important; margin-right: 10px !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%; } } /* ===== 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; } } .widget-bb3502 { /* ── Widget container ───────────────────────────────────────────────── */ .schedule-widget { display: flex; flex-direction: column; background-color: #ffffff; padding-top: 28px; padding-bottom: 28px; padding-left: 20px; padding-right: 20px; width: 100%; box-sizing: border-box; overflow: hidden; } /* ── Title section ───────────────────────────────────────────────────── */ .schedule-title-wrap { display: flex; flex-direction: column; align-items: flex-start; margin-bottom: 24px; padding-bottom: 20px; border-bottom: 1.5px solid rgba(0,0,0,0.15); } .schedule-title-row { display: flex; flex-direction: row; align-items: center; gap: 10px; width: 100%; } .schedule-title-text-wrap { display: flex; flex-direction: column; gap: 4px; } .schedule-title { font-family: 'Arial Black', 'Arial Bold', Arial, sans-serif; font-size: 13px; font-weight: 800; color: #000000; text-transform: uppercase; letter-spacing: 0.18em; line-height: 1.2; } .schedule-subtitle { font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Arial, sans-serif; font-size: 12px; font-weight: 400; color: #000000; opacity: 0.6; letter-spacing: 0.04em; line-height: 1.4; } /* ── Title icon ──────────────────────────────────────────────────────── */ .schedule-title-icon { display: inline-flex; align-items: center; justify-content: center; flex-shrink: 0; width: 28px; height: 28px; color: #000000; } .schedule-title-icon svg { width: 100%; height: 100%; display: block; fill: currentColor; } /* ── Hours icon (inline with hours text) ────────────────────────────── */ .schedule-hours-row { display: flex; flex-direction: row; align-items: center; gap: 6px; } /* Second shift row — adds a subtle top margin to separate from first */ .schedule-hours-row--split { margin-top: 4px; } .schedule-hours-icon { display: inline-flex; align-items: center; justify-content: center; flex-shrink: 0; width: 14px; height: 14px; color: #000000; opacity: 0.7; } .schedule-hours-icon svg { width: 100%; height: 100%; display: block; fill: currentColor; } /* ── Loading dots ───────────────────────────────────────────────────── */ .schedule-loading { display: flex; align-items: center; justify-content: center; padding: 32px; } .schedule-loading-dots { display: flex; gap: 8px; align-items: center; } .schedule-loading-dots span { width: 8px; height: 8px; border-radius: 50%; background: rgba(0,0,0,0.35); animation: schedule-dot-bounce 1.2s ease-in-out infinite both; } .schedule-loading-dots span:nth-child(1) { animation-delay: 0s; } .schedule-loading-dots span:nth-child(2) { animation-delay: 0.2s; } .schedule-loading-dots span:nth-child(3) { animation-delay: 0.4s; } @keyframes schedule-dot-bounce { 0%, 80%, 100% { transform: scale(0.6); opacity: 0.4; } 40% { transform: scale(1); opacity: 1; } } /* ── Error banner ───────────────────────────────────────────────────── */ .schedule-error { display: flex; align-items: center; gap: 8px; padding: 10px 16px; background: rgba(255,255,255,0.6); border-left: 3px solid #c0392b; border-radius: 6px; margin-bottom: 16px; backdrop-filter: blur(4px); } .schedule-error-icon { font-size: 14px; flex-shrink: 0; } .schedule-error-text { font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Arial, sans-serif; font-size: 12px; color: #c0392b; line-height: 1.4; } /* ── Blocks container ───────────────────────────────────────────────── */ .schedule-blocks-container { display: flex; flex-direction: row; align-items: stretch; width: 100%; } /* ── Individual block ───────────────────────────────────────────────── */ .schedule-block { flex: 1 1 0; min-width: 0; display: flex; flex-direction: column; justify-content: flex-start; align-items: flex-start; padding-top: 16px; padding-bottom: 16px; padding-left: 28px; padding-right: 28px; box-sizing: border-box; position: relative; transition: background 0.25s ease; } .schedule-block:not(:last-child) { border-right: 2px solid rgba(0,0,0,0.25); } /* ── Today highlight ────────────────────────────────────────────────── */ .schedule-block--today { background: rgba(255,255,255,0.18); } /* ── Open-now highlight (stronger than today) ───────────────────────── */ .schedule-block--open-now { background: rgba(255,255,255,0.28); } /* ── Open-now badge ─────────────────────────────────────────────────── */ .schedule-open-now-badge { display: inline-flex; align-items: center; gap: 5px; margin-top: 8px; padding: 4px 10px; background-color: rgba(0,0,0,0.0); border: 1.5px solid rgba(0,0,0,0.5); color: #000000; font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Arial, sans-serif; font-size: 10px; font-weight: 700; letter-spacing: 0.1em; text-transform: uppercase; border-radius: 20px; line-height: 1.4; } .schedule-open-now-dot { display: inline-block; width: 6px; height: 6px; border-radius: 50%; background: currentColor; animation: schedule-pulse 1.6s ease-in-out infinite; flex-shrink: 0; } @keyframes schedule-pulse { 0%, 100% { opacity: 1; transform: scale(1); } 50% { opacity: 0.4; transform: scale(0.7); } } /* ── Today badge ────────────────────────────────────────────────────── */ .schedule-today-badge { display: inline-block; margin-left: 8px; padding: 2px 8px; background-color: #000000; color: #ffffff; font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Arial, sans-serif; font-size: 10px; font-weight: 700; letter-spacing: 0.08em; text-transform: uppercase; border-radius: 20px; vertical-align: middle; line-height: 1.6; position: relative; top: -2px; } /* ── Day label ──────────────────────────────────────────────────────── */ .schedule-day { font-family: 'Arial Black', 'Arial Bold', Arial, sans-serif; font-size: 26px; font-weight: 900; color: #000000; text-transform: uppercase; line-height: 1.1; margin-bottom: 10px; word-break: break-word; letter-spacing: -0.01em; } /* ── Status label ───────────────────────────────────────────────────── */ .schedule-status { font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Arial, sans-serif; font-size: 11px; font-weight: 600; color: #000000; text-transform: uppercase; letter-spacing: 0.1em; margin-bottom: 6px; opacity: 0.75; } /* ── Hours ──────────────────────────────────────────────────────────── */ .schedule-hours { font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Arial, sans-serif; font-size: 14px; font-weight: 500; color: #000000; letter-spacing: 0.02em; line-height: 1.5; } /* Second shift — slightly dimmer to visually separate from primary */ .schedule-hours--split { opacity: 0.75; } /* ═══════════════════════════════════════════════════════════════════════ TITLE ALIGNMENT VARIANTS ═══════════════════════════════════════════════════════════════════════ */ .schedule-title-wrap.align-center { align-items: center; text-align: center; } .schedule-title-wrap.align-right { align-items: flex-end; text-align: right; } /* ═══════════════════════════════════════════════════════════════════════ SCROLL MODE — horizontal scrollable row (mobile / tablet) ═══════════════════════════════════════════════════════════════════════ */ .schedule-blocks-container.mobile-scroll { overflow-x: auto; -webkit-overflow-scrolling: touch; flex-wrap: nowrap; /* Fade hint at the right edge */ -webkit-mask-image: linear-gradient(to right, black 88%, transparent 100%); mask-image: linear-gradient(to right, black 88%, transparent 100%); padding-bottom: 4px; } .schedule-blocks-container.mobile-scroll .schedule-block { flex: 0 0 auto; min-width: 130px; max-width: 200px; } /* ═══════════════════════════════════════════════════════════════════════ TABLET (768px – 1024px) ═══════════════════════════════════════════════════════════════════════ */ @media (min-width: 768px) and (max-width: 1024px) { .schedule-widget { padding-top: 24px; padding-bottom: 24px; padding-left: 18px; padding-right: 18px; } /* Default tablet: row with wrap — blocks shrink/wrap gracefully */ .schedule-blocks-container { flex-wrap: wrap; } /* Each block takes at least 140px, max half the width */ .schedule-block { flex: 1 1 140px; min-width: 130px; padding-left: clamp(12px, 2vw, 24px); padding-right: clamp(12px, 2vw, 24px); } /* When wrapping, bottom border replaces right border for wrapped rows */ .schedule-block:not(:last-child) { border-right: 2px solid rgba(0,0,0,0.25); } /* Fluid font sizes for tablet */ .schedule-day { font-size: clamp(16px, 2.2vw, 24px); } .schedule-status { font-size: 10px; } .schedule-hours { font-size: clamp(11px, 1.4vw, 14px); } /* Tablet column mode */ .schedule-blocks-container.tablet-column { flex-direction: column; flex-wrap: nowrap; } .schedule-blocks-container.tablet-column .schedule-block { flex: none; width: 100%; min-width: unset; } .schedule-blocks-container.tablet-column .schedule-block:not(:last-child) { border-right: none; border-bottom: 2px solid rgba(0,0,0,0.25); } /* Tablet scroll mode */ .schedule-blocks-container.tablet-scroll { flex-wrap: nowrap; overflow-x: auto; -webkit-overflow-scrolling: touch; -webkit-mask-image: linear-gradient(to right, black 88%, transparent 100%); mask-image: linear-gradient(to right, black 88%, transparent 100%); } .schedule-blocks-container.tablet-scroll .schedule-block { flex: 0 0 auto; min-width: 160px; } } /* ═══════════════════════════════════════════════════════════════════════ MOBILE (≤ 767px) ═══════════════════════════════════════════════════════════════════════ */ @media (max-width: 767px) { .schedule-widget { padding-top: 20px; padding-bottom: 20px; padding-left: 16px; padding-right: 16px; } .schedule-title-wrap { margin-bottom: 18px; padding-bottom: 16px; } .schedule-title { font-size: 11px; } .schedule-title-icon { width: 22px; height: 22px; } /* Default mobile: columna (apilado) */ .schedule-blocks-container { flex-direction: column; flex-wrap: nowrap; } .schedule-block { padding-top: 16px; padding-bottom: 16px; padding-left: 16px; padding-right: 16px; min-width: unset; width: 100%; } .schedule-block:not(:last-child) { border-right: none; border-bottom: 2px solid rgba(0,0,0,0.25); } .schedule-day { font-size: 20px; } .schedule-status { font-size: 10px; } .schedule-hours { font-size: 13px; } /* ── Mobile ROW: 2 columnas con wrap ───────────────────────────────── */ .schedule-blocks-container.mobile-row { flex-direction: row; flex-wrap: wrap; } .schedule-blocks-container.mobile-row .schedule-block { flex: 1 1 calc(50% - 1px); min-width: 120px; max-width: 50%; width: auto; } /* In row mode: restore right border, remove bottom for side-by-side pairs */ .schedule-blocks-container.mobile-row .schedule-block:not(:last-child) { border-bottom: none; border-right: 2px solid rgba(0,0,0,0.25); } /* Re-add bottom border between row-pairs */ .schedule-blocks-container.mobile-row .schedule-block:nth-child(2n):not(:last-child), .schedule-blocks-container.mobile-row .schedule-block:nth-child(2n+1):not(:nth-last-child(-n+2)) { border-bottom: 2px solid rgba(0,0,0,0.25); } /* ── Mobile SCROLL: fila horizontal deslizable ─────────────────────── */ .schedule-blocks-container.mobile-scroll { flex-direction: row; flex-wrap: nowrap; overflow-x: auto; -webkit-overflow-scrolling: touch; -webkit-mask-image: linear-gradient(to right, black 88%, transparent 100%); mask-image: linear-gradient(to right, black 88%, transparent 100%); padding-bottom: 6px; } .schedule-blocks-container.mobile-scroll .schedule-block { flex: 0 0 auto; min-width: 130px; max-width: 170px; width: auto; border-bottom: none; } .schedule-blocks-container.mobile-scroll .schedule-block:not(:last-child) { border-right: 2px solid rgba(0,0,0,0.25); border-bottom: none; } } } @charset "UTF-8"; .ira { /* display:flex; align-items: center; justify-content: center;*/ } .general { text-align: center; } .iconomap { width: 50px; height: 50px; padding: 10px; /*display:flex; align-items: center; margin:0 5px;*/ display: inline-block; position: relative; } .iconomap a { display: contents; } .iconomap a svg { width: 100%; height: 100%; } /* primer diseño*/ .fiu .iconomap a { position: relative; z-index: 10; } /*.fiu .iconomap:after{ z-index:0; position: absolute; content: ""; height: calc(100% + 16px); width: calc(100% + 16px); top: -9px; left: -9px; border-radius: 50%; border: 1px solid rgba(132, 132, 164, 0.35); animation: 1.5s linear 0s normal none infinite focuse; }*/ .fiu .iconomap:hover { -webkit-animation: jello-horizontal 0.9s both; animation: jello-horizontal 0.9s both; } @keyframes focuse { 0% { transform: scale(0.8); opacity: 1; } 75% { transform: scale(1.2); opacity: 0; } 100% { transform: scale(1.2); opacity: 0; } } @-webkit-keyframes jello-horizontal { 0% { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 30% { -webkit-transform: scale3d(1.25, 0.75, 1); transform: scale3d(1.25, 0.75, 1); } 40% { -webkit-transform: scale3d(0.75, 1.25, 1); transform: scale3d(0.75, 1.25, 1); } 50% { -webkit-transform: scale3d(1.15, 0.85, 1); transform: scale3d(1.15, 0.85, 1); } 65% { -webkit-transform: scale3d(0.95, 1.05, 1); transform: scale3d(0.95, 1.05, 1); } 75% { -webkit-transform: scale3d(1.05, 0.95, 1); transform: scale3d(1.05, 0.95, 1); } 100% { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } @keyframes jello-horizontal { 0% { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 30% { -webkit-transform: scale3d(1.25, 0.75, 1); transform: scale3d(1.25, 0.75, 1); } 40% { -webkit-transform: scale3d(0.75, 1.25, 1); transform: scale3d(0.75, 1.25, 1); } 50% { -webkit-transform: scale3d(1.15, 0.85, 1); transform: scale3d(1.15, 0.85, 1); } 65% { -webkit-transform: scale3d(0.95, 1.05, 1); transform: scale3d(0.95, 1.05, 1); } 75% { -webkit-transform: scale3d(1.05, 0.95, 1); transform: scale3d(1.05, 0.95, 1); } 100% { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } /*diseño circulo*/ .circulo .iconomap { border-radius: 50%; box-shadow: 0 0 3px rgba(0, 0, 0, 0.5); } .circulo .iconomap:hover { -webkit-animation: jello-horizontal 0.9s both; animation: jello-horizontal 0.9s both; } /*tercer diseño*/ .cuadro .iconomap { border-radius: 10px; box-shadow: 0 0 5px rgba(0, 0, 0, 0.3); } .cuadro .googlemaps { background-color: #fff; } .cuadro .waze { background-color: #3cf; } .cuadro .iconomap:hover { -webkit-animation: jello-horizontal 0.9s both; animation: jello-horizontal 0.9s both; } .imagenLogo { width: 120px; height: auto; } .contentLogo { text-align: center; padding: 10px 0; } /* ═══════════════════════════════════════════════════════ Phone Directory Widget ═══════════════════════════════════════════════════════ */ .widget-9aa7be { font-family: inherit; /* ── Layout tokens ── */ --pd-radius-card: 22px; --pd-radius-icon: 13px; --pd-icon-size: 48px; --pd-icon-inner: 22px; --pd-gap: 14px; --pd-pad-h: 26px; --pd-pad-v: 14px; /* ── Default (Minimal) palette ── */ --pd-bg: #ffffff; --pd-item-bg: transparent; --pd-item-hover: #f5f5fa; --pd-item-radius: 0px; --pd-item-mx: 0px; --pd-item-border: none; --pd-divider: rgba(0,0,0,0.07); --pd-icon-bg: #f0f0f8; --pd-icon-color: #4f46e5; --pd-hicon-bg: #ebebf8; --pd-hicon-color: #4f46e5; --pd-title: #111827; --pd-subtitle: #6b7280; --pd-label: #9ca3af; --pd-phone: #111827; --pd-note: #c4c9d4; --pd-cta-bg: #eeeeff; --pd-cta-color: #4f46e5; --pd-cta-hover-bg: #4f46e5; --pd-cta-hover-color: #ffffff; --pd-shadow: none; --pd-list-pt: 10px; --pd-list-pb: 14px; --pd-ring-color: transparent; /* ── Footer Minimal palette ── */ --pd-fm-bg: transparent; --pd-fm-brand-color: #111827; --pd-fm-icon-bg: rgba(79,70,229,0.10); --pd-fm-icon-color: #4f46e5; --pd-fm-label-color: #6b7280; --pd-fm-phone-color: #111827; --pd-fm-separator: rgba(0,0,0,0.08); --pd-fm-gap: 28px; --pd-fm-icon-size: 40px; --pd-fm-icon-inner: 18px; --pd-fm-icon-radius: 50%; --pd-fm-accent: #4f46e5; /* ───────────────────────────────────────── KEYFRAMES ───────────────────────────────────────── */ @keyframes pd-aurora { 0% { background-position: 0% 50%; } 50% { background-position: 100% 50%; } 100% { background-position: 0% 50%; } } @keyframes pd-pulse-ring { 0% { box-shadow: 0 0 0 0 var(--pd-ring-color); } 70% { box-shadow: 0 0 0 8px transparent; } 100% { box-shadow: 0 0 0 0 transparent; } } @keyframes pd-shimmer { 0% { background-position: -400px 0; } 100% { background-position: 400px 0; } } @keyframes pd-float { 0%, 100% { transform: translateY(0); } 50% { transform: translateY(-3px); } } @keyframes pd-neon-flicker { 0%,100% { opacity: 1; } 92% { opacity: 1; } 93% { opacity: .6; } 95% { opacity: 1; } 97% { opacity: .7; } 98% { opacity: 1; } } @keyframes pd-fm-in { from { opacity: 0; transform: translateY(6px); } to { opacity: 1; transform: translateY(0); } } /* ───────────────────────────────────────── BASE STRUCTURE ───────────────────────────────────────── */ .phone-directory { position: relative; background: var(--pd-bg); border-radius: var(--pd-radius-card); overflow: hidden; width: 100%; box-shadow: var(--pd-shadow); } .pd-bg-deco { display: none; position: absolute; inset: 0; pointer-events: none; z-index: 0; } /* ── Header ── */ .pd-header { position: relative; z-index: 1; padding: 22px var(--pd-pad-h) 18px; } .pd-header-inner { display: flex; align-items: center; gap: 13px; } .pd-header-icon { flex-shrink: 0; display: flex; align-items: center; justify-content: center; width: 46px; height: 46px; min-width: 46px; min-height: 46px; background: var(--pd-hicon-bg); border-radius: var(--pd-radius-icon); color: var(--pd-hicon-color); overflow: hidden; } .pd-header-icon > svg, .pd-header-icon svg { width: 24px !important; height: 24px !important; display: block; flex-shrink: 0; color: inherit; fill: currentColor; stroke: currentColor; max-width: 24px; max-height: 24px; } .pd-header-icon > svg[fill="none"], .pd-header-icon svg[fill="none"] { fill: none; stroke: currentColor; } .pd-header-text { display: flex; flex-direction: column; gap: 2px; min-width: 0; } .pd-title { margin: 0; font-size: 1.15rem; font-weight: 700; color: var(--pd-title); letter-spacing: -0.02em; line-height: 1.2; } .pd-subtitle { margin: 0; font-size: 0.78rem; color: var(--pd-subtitle); font-weight: 400; } /* ── Divider ── */ .pd-divider { position: relative; z-index: 1; height: 1px; background: var(--pd-divider); margin: 0 var(--pd-pad-h); } /* ── List ── */ .pd-list { position: relative; z-index: 1; list-style: none; margin: 0; padding: var(--pd-list-pt) 0 var(--pd-list-pb); } .pd-item { display: flex; align-items: center; gap: var(--pd-gap); padding: var(--pd-pad-v) var(--pd-pad-h); border-radius: var(--pd-item-radius); margin: 0 var(--pd-item-mx); background: var(--pd-item-bg); border: var(--pd-item-border); transition: background 0.2s ease, transform 0.2s ease, box-shadow 0.2s ease; cursor: default; box-sizing: border-box; &:hover { background: var(--pd-item-hover); } } /* ── Item icon ── */ .pd-item-icon-wrap { flex-shrink: 0; display: flex; align-items: center; justify-content: center; width: var(--pd-icon-size); height: var(--pd-icon-size); min-width: var(--pd-icon-size); min-height: var(--pd-icon-size); background: var(--pd-icon-bg); border-radius: var(--pd-radius-icon); color: var(--pd-icon-color); transition: transform 0.22s cubic-bezier(.34,1.56,.64,1); } .pd-item:hover .pd-item-icon-wrap { transform: scale(1.08); } .pd-icon { display: flex; align-items: center; justify-content: center; width: var(--pd-icon-inner); height: var(--pd-icon-inner); flex-shrink: 0; } .pd-icon > svg, .pd-icon svg { width: var(--pd-icon-inner); height: var(--pd-icon-inner); min-width: var(--pd-icon-inner); min-height: var(--pd-icon-inner); display: block; color: inherit; flex-shrink: 0; } /* ── Content ── */ .pd-item-content { flex: 1; min-width: 0; display: flex; flex-direction: column; justify-content: center; gap: 1px; align-self: center; } .pd-label { font-size: 0.65rem; font-weight: 600; text-transform: uppercase; letter-spacing: 0.1em; color: var(--pd-label); line-height: 1.3; } .pd-phone { font-size: 0.98rem; font-weight: 700; color: var(--pd-phone); text-decoration: none; letter-spacing: -0.01em; line-height: 1.3; transition: opacity 0.15s ease; &:hover { opacity: 0.7; } } .pd-note { font-size: 0.7rem; color: var(--pd-note); margin-top: 1px; } /* ── CTA ── */ .pd-cta { flex-shrink: 0; display: flex; align-items: center; align-self: center; } .pd-call-btn { font-size: 0.74rem; padding: 6px 14px; border-radius: 10px; font-weight: 600; white-space: nowrap; text-decoration: none; display: inline-flex; align-items: center; justify-content: center; background: var(--pd-cta-bg); color: var(--pd-cta-color); border: none; transition: background 0.18s ease, color 0.18s ease, transform 0.15s ease; &:hover { background: var(--pd-cta-hover-bg); color: var(--pd-cta-hover-color); transform: scale(1.05); } } .pd-call-icon-btn { display: flex; align-items: center; justify-content: center; width: 38px; height: 38px; min-width: 38px; min-height: 38px; border-radius: 50%; background: var(--pd-cta-bg); color: var(--pd-cta-color); text-decoration: none; transition: background 0.18s ease, color 0.18s ease, transform 0.18s ease; svg { width: 16px; height: 16px; flex-shrink: 0; } &:hover { background: var(--pd-cta-hover-bg); color: var(--pd-cta-hover-color); transform: scale(1.12); } } /* ── WhatsApp variant ── */ .pd-wa-btn.pd-call-icon-btn { background: #25d366; color: #fff; &:hover { background: #20b858; color: #fff; } } .pd-wa-btn.pd-call-btn { background: #25d366; color: #fff; &:hover { background: #20b858; color: #fff; } } .pd-icon-wa svg { width: var(--pd-icon-inner); height: var(--pd-icon-inner); } /* ── Email variant ── */ --pd-email-icon-bg: #fff0f3; --pd-email-icon-color: #e11d48; --pd-email-cta-bg: #fff0f3; --pd-email-cta-color: #e11d48; --pd-email-cta-hover-bg: #e11d48; --pd-email-cta-hover-color:#ffffff; /* ── Address block ── */ --pd-address-color: #6b7280; --pd-address-icon-color: #9ca3af; --pd-address-bg: transparent; .pd-item-icon-wrap-email { background: var(--pd-email-icon-bg); color: var(--pd-email-icon-color); } .pd-item:hover .pd-item-icon-wrap-email { background: var(--pd-email-icon-bg); } .pd-icon-email svg { width: var(--pd-icon-inner); height: var(--pd-icon-inner); } .pd-email-btn.pd-call-icon-btn { background: var(--pd-email-cta-bg); color: var(--pd-email-cta-color); &:hover { background: var(--pd-email-cta-hover-bg); color: var(--pd-email-cta-hover-color); } } .pd-email-btn.pd-call-btn { background: var(--pd-email-cta-bg); color: var(--pd-email-cta-color); &:hover { background: var(--pd-email-cta-hover-bg); color: var(--pd-email-cta-hover-color); } } /* Footer minimal email icon */ .pd-fm-icon-email { background: var(--pd-email-icon-bg); color: var(--pd-email-icon-color); } .pd-fm-item-email:hover .pd-fm-icon-email { background: var(--pd-email-cta-hover-bg); color: var(--pd-email-cta-hover-color); } /* ── Footer ── */ .pd-footer { position: relative; z-index: 1; padding: 10px var(--pd-pad-h) 18px; border-top: 1px solid var(--pd-divider); } .pd-footer-note { margin: 0; font-size: 0.71rem; color: var(--pd-note); text-align: center; } /* ── Address block ── */ .pd-address-block { position: relative; z-index: 1; padding: 12px var(--pd-pad-h) 6px; background: var(--pd-address-bg); } .pd-address-inner { display: flex; align-items: flex-start; gap: 8px; } .pd-address-icon { flex-shrink: 0; display: flex; align-items: center; justify-content: center; width: 18px; height: 18px; margin-top: 1px; color: var(--pd-address-icon-color); } .pd-address-icon svg { width: 16px; height: 16px; display: block; } .pd-address-text { font-size: 0.78rem; color: var(--pd-address-color); line-height: 1.4; } /* ═══════════════════════════════════════════════════ ████ FOOTER MINIMAL LAYOUT ████ Perfecto para footers — compacto, horizontal, icono circular + etiqueta + número ═══════════════════════════════════════════════════ */ .phone-directory[data-layout="footer-minimal"] { background: var(--pd-fm-bg) !important; border-radius: 0 !important; box-shadow: none !important; overflow: visible !important; } .pd-footer-minimal { display: flex; align-items: center; flex-wrap: wrap; gap: var(--pd-fm-gap); padding: 0; } /* ── Brand block (icon + title) ── */ .pd-fm-brand { display: flex; align-items: center; gap: 9px; flex-shrink: 0; } .pd-fm-brand::after { content: ''; display: block; width: 1px; height: 28px; background: var(--pd-fm-separator); margin-left: calc(var(--pd-fm-gap) / 2); align-self: center; } .pd-fm-brand-icon { flex-shrink: 0; display: flex; align-items: center; justify-content: center; width: var(--pd-fm-icon-size); height: var(--pd-fm-icon-size); min-width: var(--pd-fm-icon-size); min-height: var(--pd-fm-icon-size); background: var(--pd-fm-icon-bg); border-radius: var(--pd-fm-icon-radius); color: var(--pd-fm-icon-color); } .pd-fm-brand-icon > svg, .pd-fm-brand-icon svg { width: var(--pd-fm-icon-inner) !important; height: var(--pd-fm-icon-inner) !important; display: block; flex-shrink: 0; color: inherit; fill: currentColor; stroke: currentColor; } .pd-fm-brand-icon > svg[fill="none"], .pd-fm-brand-icon svg[fill="none"] { fill: none; stroke: currentColor; } .pd-fm-brand-name { font-size: 0.85rem; font-weight: 700; color: var(--pd-fm-brand-color); letter-spacing: -0.01em; white-space: nowrap; line-height: 1; } /* ── Items row ── */ .pd-fm-items { display: flex; align-items: center; flex-wrap: wrap; gap: var(--pd-fm-gap); flex: 1; min-width: 0; } /* ── Single item ── */ .pd-fm-item { display: flex; align-items: center; gap: 10px; text-decoration: none; cursor: pointer; animation: pd-fm-in 0.4s cubic-bezier(.22,1,.36,1) both; transition: transform 0.2s ease; &:hover { transform: translateY(-1px); } } .pd-fm-icon-wrap { flex-shrink: 0; display: flex; align-items: center; justify-content: center; width: var(--pd-fm-icon-size); height: var(--pd-fm-icon-size); min-width: var(--pd-fm-icon-size); min-height: var(--pd-fm-icon-size); background: var(--pd-fm-icon-bg); border-radius: var(--pd-fm-icon-radius); color: var(--pd-fm-icon-color); transition: background 0.2s ease, transform 0.2s cubic-bezier(.34,1.56,.64,1); svg { width: var(--pd-fm-icon-inner); height: var(--pd-fm-icon-inner); min-width: var(--pd-fm-icon-inner); min-height: var(--pd-fm-icon-inner); display: block; flex-shrink: 0; color: inherit; } } .pd-fm-item:hover .pd-fm-icon-wrap { background: var(--pd-fm-accent); color: #fff; transform: scale(1.1); } .pd-fm-text { display: flex; flex-direction: column; justify-content: center; gap: 1px; } .pd-fm-label { font-size: 0.62rem; font-weight: 600; text-transform: uppercase; letter-spacing: 0.08em; color: var(--pd-fm-label-color); line-height: 1.2; } .pd-fm-phone { font-size: 0.9rem; font-weight: 700; color: var(--pd-fm-phone-color); letter-spacing: -0.01em; line-height: 1.3; white-space: nowrap; } /* Variant: icon-only (no text) */ .pd-footer-minimal.fm-icon-only .pd-fm-label, .pd-footer-minimal.fm-icon-only .pd-fm-phone { display: none; } .pd-footer-minimal.fm-icon-only .pd-fm-item { gap: 0; } /* Variant: compact (icon + phone only, no label) */ .pd-footer-minimal.fm-compact .pd-fm-label { display: none; } /* ── Separator dots between items ── */ .pd-fm-sep { width: 4px; height: 4px; border-radius: 50%; background: var(--pd-fm-separator); flex-shrink: 0; opacity: 0.6; align-self: center; } /* ─── Theme overrides for footer-minimal ─── */ /* Dark */ .phone-directory[data-theme="dark"][data-layout="footer-minimal"] { --pd-fm-brand-color: #f0f0ff; --pd-fm-icon-bg: rgba(139,92,246,0.18); --pd-fm-icon-color: #a78bfa; --pd-fm-label-color: #4b5563; --pd-fm-phone-color: #e2e8f0; --pd-fm-separator: rgba(255,255,255,0.1); --pd-fm-accent: #a78bfa; } /* Neon */ .phone-directory[data-theme="neon"][data-layout="footer-minimal"] { --pd-fm-brand-color: #ffffff; --pd-fm-icon-bg: rgba(0,255,200,0.08); --pd-fm-icon-color: #00ffc8; --pd-fm-label-color: rgba(0,255,200,0.4); --pd-fm-phone-color: #ffffff; --pd-fm-separator: rgba(0,255,200,0.15); --pd-fm-accent: #00ffc8; } /* Glass / Aurora — white palette */ .phone-directory[data-theme="glass"][data-layout="footer-minimal"], .phone-directory[data-theme="aurora"][data-layout="footer-minimal"] { --pd-fm-brand-color: #ffffff; --pd-fm-icon-bg: rgba(255,255,255,0.18); --pd-fm-icon-color: #ffffff; --pd-fm-label-color: rgba(255,255,255,0.55); --pd-fm-phone-color: #ffffff; --pd-fm-separator: rgba(255,255,255,0.2); --pd-fm-accent: rgba(255,255,255,0.4); } /* Sunset */ .phone-directory[data-theme="sunset"][data-layout="footer-minimal"] { --pd-fm-brand-color: #fff1ec; --pd-fm-icon-bg: rgba(255,100,50,0.14); --pd-fm-icon-color: #ff6432; --pd-fm-label-color: rgba(255,160,120,0.6); --pd-fm-phone-color: #fff1ec; --pd-fm-separator: rgba(255,100,50,0.2); --pd-fm-accent: #ff6432; } /* Apple */ .phone-directory[data-theme="apple"][data-layout="footer-minimal"] { --pd-fm-brand-color: #1d1d1f; --pd-fm-icon-bg: #f5f5f7; --pd-fm-icon-color: #1d1d1f; --pd-fm-label-color: #aeaeb2; --pd-fm-phone-color: #1d1d1f; --pd-fm-separator: rgba(0,0,0,0.08); --pd-fm-accent: #0071e3; } /* Slate */ .phone-directory[data-theme="slate"][data-layout="footer-minimal"] { --pd-fm-brand-color: #0f172a; --pd-fm-icon-bg: #e8f0fe; --pd-fm-icon-color: #1a56db; --pd-fm-label-color: #94a3b8; --pd-fm-phone-color: #0f172a; --pd-fm-separator: #e2e8f0; --pd-fm-accent: #1a56db; } /* ═══════════════════════════════════════════ ████ THEMES ████ ═══════════════════════════════════════════ */ /* ── 1. APPLE ────────────────────────────── Clean white, SF-inspired, ultra-refined */ .phone-directory[data-theme="apple"] { --pd-bg: #f5f5f7; --pd-item-bg: #ffffff; --pd-item-hover: #fafafa; --pd-item-radius: 16px; --pd-item-mx: 16px; --pd-item-border: 1px solid rgba(0,0,0,0.06); --pd-divider: rgba(0,0,0,0.06); --pd-icon-bg: linear-gradient(145deg,#e8e8ee,#f5f5f7); --pd-icon-color: #1d1d1f; --pd-hicon-bg: linear-gradient(145deg,#e8e8ee,#f5f5f7); --pd-hicon-color: #1d1d1f; --pd-title: #1d1d1f; --pd-subtitle: #6e6e73; --pd-label: #aeaeb2; --pd-phone: #1d1d1f; --pd-note: #c7c7cc; --pd-cta-bg: #f5f5f7; --pd-cta-color: #0071e3; --pd-cta-hover-bg: #0071e3; --pd-cta-hover-color: #ffffff; --pd-shadow: 0 2px 20px rgba(0,0,0,0.08); --pd-list-pt: 12px; --pd-list-pb: 16px; .pd-item { box-shadow: 0 1px 4px rgba(0,0,0,0.05); margin-bottom: 6px; &:hover { box-shadow: 0 4px 16px rgba(0,0,0,0.10); transform: translateY(-1px); } } .pd-item-icon-wrap { border-radius: 12px; box-shadow: inset 0 1px 0 rgba(255,255,255,0.9), 0 1px 3px rgba(0,0,0,0.08); } .pd-header-icon { border-radius: 12px; box-shadow: inset 0 1px 0 rgba(255,255,255,0.9), 0 1px 3px rgba(0,0,0,0.08); } .pd-phone { letter-spacing: -0.02em; font-weight: 600; } .pd-title { font-weight: 700; letter-spacing: -0.03em; } } /* ── 2. GLASS ────────────────────────────── True glassmorphism with its own gradient */ .phone-directory[data-theme="glass"] { --pd-icon-color: rgba(255,255,255,0.95); --pd-hicon-color: rgba(255,255,255,0.95); --pd-title: #ffffff; --pd-subtitle: rgba(255,255,255,0.72); --pd-label: rgba(255,255,255,0.5); --pd-phone: #ffffff; --pd-note: rgba(255,255,255,0.45); --pd-cta-color: #ffffff; --pd-cta-hover-color: rgba(80,0,200,0.9); --pd-shadow: 0 20px 60px rgba(80,0,200,0.25); --pd-divider: rgba(255,255,255,0.15); --pd-item-radius: 14px; --pd-item-mx: 14px; --pd-item-border: 1px solid rgba(255,255,255,0.18); --pd-list-pt: 12px; --pd-list-pb: 16px; background: transparent !important; overflow: visible; .pd-bg-deco { display: block; border-radius: var(--pd-radius-card); overflow: hidden; background: linear-gradient(135deg, #6366f1 0%, #8b5cf6 40%, #ec4899 100%); } .pd-bg-deco::before { content: ''; position: absolute; inset: 0; backdrop-filter: blur(0px); } &::before { content: ''; position: absolute; inset: 0; border-radius: var(--pd-radius-card); background: rgba(255,255,255,0.12); backdrop-filter: blur(20px) saturate(180%); -webkit-backdrop-filter: blur(20px) saturate(180%); border: 1px solid rgba(255,255,255,0.25); z-index: 0; } .pd-header, .pd-list, .pd-divider, .pd-footer { position: relative; z-index: 1; } .pd-header { border-bottom: 1px solid rgba(255,255,255,0.15); } .pd-item-icon-wrap { background: rgba(255,255,255,0.2); border: 1px solid rgba(255,255,255,0.3); backdrop-filter: blur(10px); } .pd-header-icon { background: rgba(255,255,255,0.2); border: 1px solid rgba(255,255,255,0.3); } .pd-item { background: rgba(255,255,255,0.08); &:hover { background: rgba(255,255,255,0.18); } } .pd-cta-bg-var { background: rgba(255,255,255,0.2); } .pd-call-btn { background: rgba(255,255,255,0.2); border: 1px solid rgba(255,255,255,0.3); &:hover { background: rgba(255,255,255,0.9); } } .pd-call-icon-btn { background: rgba(255,255,255,0.2); border: 1px solid rgba(255,255,255,0.3); &:hover { background: rgba(255,255,255,0.9); } } } /* ── 3. MORPHISM ─────────────────────────── Soft neumorphism */ .phone-directory[data-theme="morphism"] { --pd-bg: #e8ecf0; --pd-item-bg: #e8ecf0; --pd-item-hover: #dde1e5; --pd-item-radius: 16px; --pd-item-mx: 16px; --pd-item-border: none; --pd-divider: rgba(0,0,0,0.05); --pd-icon-bg: #e8ecf0; --pd-icon-color: #5b5ea6; --pd-hicon-bg: #e8ecf0; --pd-hicon-color: #5b5ea6; --pd-title: #1e2040; --pd-subtitle: #7b84ad; --pd-label: #a0abc0; --pd-phone: #1e2040; --pd-note: #b0bac8; --pd-cta-bg: #e8ecf0; --pd-cta-color: #5b5ea6; --pd-cta-hover-bg: #5b5ea6; --pd-cta-hover-color: #ffffff; --pd-shadow: 8px 8px 20px #c5c9ce, -8px -8px 20px #ffffff; --pd-list-pt: 8px; --pd-list-pb: 12px; .pd-item { box-shadow: 4px 4px 10px #c5c9ce, -4px -4px 10px #ffffff; margin-bottom: 8px; &:hover { box-shadow: 6px 6px 14px #c0c4c9, -6px -6px 14px #ffffff; } } .pd-item-icon-wrap { box-shadow: 3px 3px 8px #c5c9ce, -3px -3px 8px #ffffff, inset 0 0 0 0 transparent; } .pd-item:hover .pd-item-icon-wrap { box-shadow: inset 3px 3px 7px #c5c9ce, inset -3px -3px 7px #ffffff; transform: scale(1); } .pd-header-icon { box-shadow: 3px 3px 8px #c5c9ce, -3px -3px 8px #ffffff; } .pd-call-btn { box-shadow: 3px 3px 6px #c5c9ce, -3px -3px 6px #ffffff; &:hover { box-shadow: inset 2px 2px 5px #c5c9ce, inset -2px -2px 5px #ffffff; } } .pd-call-icon-btn { box-shadow: 3px 3px 6px #c5c9ce, -3px -3px 6px #ffffff; border-radius: 50%; &:hover { box-shadow: inset 2px 2px 5px #c5c9ce, inset -2px -2px 5px #ffffff; } } } /* ── 4. DARK ─────────────────────────────── Elegant dark with purple accents */ .phone-directory[data-theme="dark"] { --pd-bg: #0e0e18; --pd-item-bg: #16162a; --pd-item-hover: #1c1c32; --pd-item-radius: 14px; --pd-item-mx: 14px; --pd-item-border: 1px solid rgba(255,255,255,0.05); --pd-divider: rgba(255,255,255,0.06); --pd-icon-bg: rgba(139,92,246,0.15); --pd-icon-color: #a78bfa; --pd-hicon-bg: rgba(139,92,246,0.15); --pd-hicon-color: #a78bfa; --pd-title: #f0f0ff; --pd-subtitle: #6b7280; --pd-label: #4b5563; --pd-phone: #e2e8f0; --pd-note: #374151; --pd-cta-bg: rgba(139,92,246,0.15); --pd-cta-color: #a78bfa; --pd-cta-hover-bg: #a78bfa; --pd-cta-hover-color: #0e0e18; --pd-shadow: 0 8px 40px rgba(0,0,0,0.5); --pd-list-pt: 10px; --pd-list-pb: 14px; --pd-email-icon-bg: rgba(244,63,94,0.15); --pd-email-icon-color:#fb7185; --pd-email-cta-bg: rgba(244,63,94,0.15); --pd-email-cta-color: #fb7185; --pd-email-cta-hover-bg: #fb7185; --pd-email-cta-hover-color:#0e0e18; .pd-item { margin-bottom: 4px; } .pd-item-icon-wrap { border: 1px solid rgba(139,92,246,0.2); } } /* ── 5. NEON ─────────────────────────────── Cyberpunk with animated glow */ .phone-directory[data-theme="neon"] { --pd-bg: #060612; --pd-item-bg: #0c0c22; --pd-item-hover: #111130; --pd-item-radius: 12px; --pd-item-mx: 14px; --pd-item-border: 1px solid rgba(0,255,200,0.12); --pd-divider: rgba(0,255,200,0.1); --pd-icon-bg: rgba(0,255,200,0.07); --pd-icon-color: #00ffc8; --pd-hicon-bg: rgba(0,255,200,0.07); --pd-hicon-color: #00ffc8; --pd-title: #ffffff; --pd-subtitle: rgba(0,255,200,0.55); --pd-label: rgba(0,255,200,0.35); --pd-phone: #ffffff; --pd-note: rgba(255,255,255,0.28); --pd-cta-bg: rgba(0,255,200,0.08); --pd-cta-color: #00ffc8; --pd-cta-hover-bg: #00ffc8; --pd-cta-hover-color: #060612; --pd-shadow: 0 0 50px rgba(0,255,200,0.08), 0 8px 40px rgba(0,0,0,0.5); --pd-ring-color: rgba(0,255,200,0.3); --pd-list-pt: 10px; --pd-list-pb: 14px; .pd-title { animation: pd-neon-flicker 8s infinite; } .pd-item { margin-bottom: 4px; &:hover { box-shadow: 0 0 16px rgba(0,255,200,0.08); } } .pd-item-icon-wrap { box-shadow: 0 0 14px rgba(0,255,200,0.15); animation: pd-pulse-ring 3s ease-out infinite; } .pd-call-icon-btn:hover, .pd-call-btn:hover { box-shadow: 0 0 16px rgba(0,255,200,0.4); } } /* ── 6. AURORA ───────────────────────────── Animated gradient background */ .phone-directory[data-theme="aurora"] { --pd-icon-color: rgba(255,255,255,0.95); --pd-hicon-color: rgba(255,255,255,0.95); --pd-title: #ffffff; --pd-subtitle: rgba(255,255,255,0.75); --pd-label: rgba(255,255,255,0.52); --pd-phone: #ffffff; --pd-note: rgba(255,255,255,0.45); --pd-cta-color: #ffffff; --pd-cta-hover-color: #1e0a3c; --pd-divider: rgba(255,255,255,0.18); --pd-item-hover: rgba(255,255,255,0.12); --pd-shadow: 0 16px 48px rgba(100,0,200,0.3); --pd-list-pt: 10px; --pd-list-pb: 14px; background: linear-gradient(270deg, #6366f1, #8b5cf6, #ec4899, #f59e0b, #10b981) !important; background-size: 400% 400% !important; animation: pd-aurora 10s ease infinite; .pd-item-icon-wrap { background: rgba(255,255,255,0.2); border: 1px solid rgba(255,255,255,0.3); } .pd-header-icon { background: rgba(255,255,255,0.2); border: 1px solid rgba(255,255,255,0.3); } .pd-item { background: rgba(255,255,255,0.1); border-radius: 14px; margin: 0 14px 4px; padding: var(--pd-pad-v) 14px; gap: var(--pd-gap); &:hover { background: rgba(255,255,255,0.2); } } .pd-call-btn { background: rgba(255,255,255,0.22); border: 1px solid rgba(255,255,255,0.35); &:hover { background: rgba(255,255,255,0.9); color: #7c3aed; } } .pd-call-icon-btn { background: rgba(255,255,255,0.22); border: 1px solid rgba(255,255,255,0.35); &:hover { background: rgba(255,255,255,0.9); color: #7c3aed; } } } /* ── 7. SUNSET ───────────────────────────── Warm gradient, modern editorial */ .phone-directory[data-theme="sunset"] { --pd-bg: #1a0a0a; --pd-item-bg: rgba(255,100,50,0.06); --pd-item-hover: rgba(255,100,50,0.12); --pd-item-radius: 14px; --pd-item-mx: 14px; --pd-item-border: 1px solid rgba(255,100,50,0.12); --pd-divider: rgba(255,100,50,0.12); --pd-icon-bg: rgba(255,100,50,0.12); --pd-icon-color: #ff6432; --pd-hicon-bg: rgba(255,100,50,0.12); --pd-hicon-color: #ff6432; --pd-title: #fff1ec; --pd-subtitle: rgba(255,160,120,0.7); --pd-label: rgba(255,100,50,0.5); --pd-phone: #fff1ec; --pd-note: rgba(255,160,120,0.4); --pd-cta-bg: rgba(255,100,50,0.12); --pd-cta-color: #ff6432; --pd-cta-hover-bg: #ff6432; --pd-cta-hover-color: #1a0a0a; --pd-shadow: 0 12px 40px rgba(255,80,30,0.15); --pd-list-pt: 10px; --pd-list-pb: 14px; .pd-bg-deco { display: block; background: radial-gradient(ellipse at top left, rgba(255,90,30,0.25) 0%, transparent 55%), radial-gradient(ellipse at bottom right, rgba(255,180,80,0.15) 0%, transparent 50%); } .pd-item { margin-bottom: 4px; } .pd-item-icon-wrap { box-shadow: 0 0 16px rgba(255,100,50,0.15); animation: pd-float 4s ease-in-out infinite; } } /* ── 8. SLATE ────────────────────────────── Corporate minimal, neutral */ .phone-directory[data-theme="slate"] { --pd-bg: #f8fafc; --pd-item-bg: #ffffff; --pd-item-hover: #f1f5f9; --pd-item-radius: 12px; --pd-item-mx: 14px; --pd-item-border: 1px solid #e2e8f0; --pd-divider: #e2e8f0; --pd-icon-bg: #e8f0fe; --pd-icon-color: #1a56db; --pd-hicon-bg: #e8f0fe; --pd-hicon-color: #1a56db; --pd-title: #0f172a; --pd-subtitle: #64748b; --pd-label: #94a3b8; --pd-phone: #0f172a; --pd-note: #cbd5e1; --pd-cta-bg: #eff6ff; --pd-cta-color: #1a56db; --pd-cta-hover-bg: #1a56db; --pd-cta-hover-color: #ffffff; --pd-shadow: 0 1px 3px rgba(0,0,0,0.08), 0 4px 16px rgba(0,0,0,0.04); --pd-list-pt: 10px; --pd-list-pb: 14px; .pd-item { margin-bottom: 4px; box-shadow: 0 1px 2px rgba(0,0,0,0.04); &:hover { box-shadow: 0 3px 10px rgba(0,0,0,0.08); transform: translateY(-1px); } } .pd-item-icon-wrap { border-radius: 10px; } .pd-header-icon { border-radius: 10px; } } /* ───────────────────────────────────────── RESPONSIVE ───────────────────────────────────────── */ @media (max-width: 767px) { --pd-pad-h: 16px; --pd-icon-size: 42px; --pd-icon-inner: 19px; --pd-fm-gap: 16px; .pd-title { font-size: 1rem; } .pd-phone { font-size: 0.9rem; } .pd-fm-items { gap: 12px; } .pd-fm-brand::after { display: none; } .pd-footer-minimal { flex-direction: column; align-items: flex-start; } } } 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,iVBORw0KGgoAAAANSUhEUgAAABkAAAAZCAYAAADE6YVjAAAACXBIWXMAAAsTAAALEwEAmpwYAAAWO2lDQ1BQaG90b3Nob3AgSUNDIHByb2ZpbGUAAHja1ZhXUJTPtsX3902CYYY05DyEIeecM4jkHERgyDlnA4iKCoqAJAEVMCCioCQRDIABAyCICIooQQQUFUUEQeU+ePV/zq06D7fqvtz19KtV3au7a1dXd20AnhZ6bGwkygoQFZ0Y72RpIuLh6SVCeAko8AEbaIM8PSAh1tjBwQb+o749AwQAYFieHhsbCf87sQUGJQQAIA4A4B+YEBAFgLQAIKSA2PhEALQLAAZTEmMTATD5AMAR7+HpBYA5AwAcIb+5HQA4/H9zHwBwxLs4mQJgJgEYSHR6fAgA0yIAiCQHhCQCkEgAePbowLBoAHYRALxBQCg9EIDHDwDkoqJiAgF4DgOAlP+/5IT8W6b/30w6PeQv/z4LAAAwmIUlxEbS0+D/WlGRSX/WYAcAUnSknQ0AiAPAfCDdzPoPx0Y6/PWDol2d/3C0v539Hw6Ot3D6Oz7R5F/YweUPp4ea2v3NSTD/mxNO3+rwh+OTnFz/cEKys/k/c13c/+4tyOyvHxxmYfWHwxKt/q4VEWP9dw9gA+ZgBiJgCmEQDUEQBXQQATMIgwSIhUigQ1piUGoiAIBpTGxafFhIaKKIcWxsZJCciFV0gIKciIqSsgr8f5KHp5fIb1p2AgQAEK7H/3hxiQA62gDoiX88uixAhxwAx8V/PHENAKYKgM6ZgKT45N8eFgAAB0RgAQ7gBSEQAymQBxXQAF0wAnPYCvbgAp7gAwEQClEQDymwE/ZANuRCPhRDOZyC03AeLkETXIXr0A334BEMwgiMwyTMwntYgm+wgSAIASEjFIQXEUYkEFlEBdFCDBBzxAZxQjwRPyQEiUaSkJ3IXiQXKUTKkWqkDrmCXEO6kQfIEPIcmUIWkC/IOopBSSgHKojSUEVUCzVGrVEXdDsagsah6eg+NA8tQ2vQi2gb2o0+QkfQSfQ9uoIBDBOGC0PFyGO0MKYYe4wXJhgTj9mNycGUYGowDZgOTC9mGDOJWcR8x+KxFKwIVh6ri92CdcUGYOOwu7GHseXY89g27B3sMHYKu4T9hSPjBHCyOB2cFc4DF4JLwWXjSnDncK24u7gR3CzuGx6P58JL4jXxW/Ce+HD8Dvxh/Al8I74LP4Sfwa8QCARegixBn2BPoBMSCdmE44SLhFuEJ4RZwhoDE4MwgwqDBYMXQzRDFkMJwwWGmwxPGOYYNhhZGSUYdRjtGQMZ0xiPMp5h7GB8zDjLuEFkI0oS9YkuxHDiHmIZsYF4l/iSuMzExCTKpM3kyBTGlMlUxnSZ6T7TFNN3EjtJhmRK8iYlkfJItaQu0nPSMplMppGNyF7kRHIeuY58m/yKvMZMYVZgtmIOZM5grmBuY37C/JGFkUWCxZjFhyWdpYSlmeUxyyIrIyuN1ZSVzrqbtYL1Guso6wobhU2ZzZ4tiu0w2wW2B2zz7AR2Grs5eyD7PvbT7LfZZygYihjFlBJA2Us5Q7lLmeXAc0hyWHGEc+RyXOIY4FjiZOdU43TjTOWs4LzBOcmF4aJxWXFFch3lauJ6xrXOLchtzB3EfYi7gfsJ9yoPP48RTxBPDk8jzwjPOq8IrzlvBG8B71XeCT4snwyfI18K30m+u3yL/Bz8uvwB/Dn8TfwvBFABGQEngR0CpwX6BFYEhQQtBWMFjwveFlwU4hIyEgoXKhK6KbQgTBE2EA4TLhK+JfxOhFPEWCRSpEzkjsgSVYC6hZpEraYOUDdEJUVdRbNEG0UnxIhiWmLBYkViPWJL4sLituI7xevFX0gwSmhJhEqUSvRKrNIkae60A7SrtHlJHkkryXTJesmXUmQpQ6k4qRqpp9J4aS3pCOkT0oMyqIy6TKhMhcxjWVRWQzZM9oTskBxOTlsuWq5GblSeJG8snyxfLz+lwKVgo5ClcFXho6K4opdigWKv4i8ldaVIpTNK48rsyluVs5Q7lL+oyKgEqFSoPFUlq1qoZqi2q35Wk1ULUjupNqZOUbdVP6Deo/5TQ1MjXqNBY0FTXNNPs1JzVItDy0HrsNZ9bZy2iXaG9nXt7zoaOok6TTqfdOV1I3Qv6M7rSeoF6Z3Rm9EX1afrV+tPGogY+BlUGUwaUg3phjWG00ZiRoFG54zmjKWNw40vGn80UTKJN2k1WTXVMd1l2mWGMbM0yzEbMGc3dzUvN39lIWoRYlFvsWSpbrnDsmsLbov1loIto1aCVgFWdVZLWzW37tp6x5pk7Wxdbj1tI2MTb9Nhi9putT1m+9JOwi7a7qo92FvZH7OfcJB0iHPodMQ7OjhWOL51Unba6dTrTHH2db7g/M3FxOWoy7irlGuSa48bi5u3W53bqruZe6H7pIeixy6PR558nmGe7V4ELzevc14r28y3FW+b9Vb3zvZ+tl1ye+r2Bz58PpE+N3xZfOm+zX44P3e/C34/6Pb0GvqKv5V/pf9SgGlAacD7QKPAosCFIP2gwqC5YP3gwuD5EP2QYyELoYahJaGLYaZh5WGfw7eEnwpfjbCPqI3YjHSPbIxiiPKLuhbNHh0RfSdGKCY1ZihWNjY7djJOJ644bineOv5cApKwPaE9kSMxNrEvSSppf9JUskFyRfJailtKcypbanRqX5pM2qG0uXSL9LM7sDsCdvTspO7cs3Nql/Gu6t3Ibv/dPRliGfsyZjMtM8/vIe6J2NOfpZRVmPV1r/vejn2C+zL3zey33F+fzZwdnz16QPfAqYPYg2EHBw6pHjp+6FdOYM7DXKXcktwfhwMOPzyifKTsyGZecN7AUY2jJ/Px+dH5zwoMC84XshWmF84csz3WViRSlFP0tdi3+EGJWsmpUmJpUulkmU1Z+3Hx4/nHf5SHlo9UmFQ0VgpUHqpcPRF44slJo5MNpwRP5Z5arwqrGqu2rG6rodWUnMafTj799ozbmd6zWmfrzvGdyz33sza6dvK80/k7dZp1dRcELhytR+uT6hcuel8cvGR2qb1BvqG6kasx9zJcTrr87orflWdN1k09zVrNDS0SLZWtlNacNqQtrW3paujVyXbP9qFrW6/1dOh2tHYqdNZep16vuMF54+hN4s19Nzdvpd9a6YrtWuwO6Z7p8e0Zv+1x++kdxzsDd63v3r9nce92r3Hvrfv6968/0Hlw7aHWw6uPNB619an3tfar97cOaAy0PdZ83D6oPdgxpDd084nhk+5hs+F7T62ePhqxGxl65vpsbNR7dHIscGz+eeTzzy+SX2yMZ77EvcyZYJ0oeSXwqua19OvGSY3JG1NmU33TztPjMwEz798kvPkxu+8t+W3JnPBc3bzK/PUFi4XBd9vezb6Pfb+xmP2B7UPlR6mPLZ+MPvUteSzNfo7/vPnl8DLvcu1Xta89Kw4rr75FfdtYzVnjXTv/Xet777r7+txGyg/Cj7Kf0j87fln/erkZtbkZS4+nAwAABgDQ4GCAL7UAZE8AyiAAkfn33/i/hUEAUABwQxSQ9+gJjA9WGkfAfcYvEEYZXjNOEVdJODKN2ZolkbWKbZTCxGHAmc7VyD3HK8NH5y8VeCyEE1YXCaLmiTaJPRH/SEMlmaVYpJlkUJnvsh/kpuSHFW4rtiqdUc5X2aUaruambqQho0nR/KE1q92n06JbqbdXP9zAydDASM5Y2ITLlNWM0Rxr/tNi1XJpy7zV5NYx6wGbu7bX7ZrtLzlccKxzuuB8yaXR9Ypbs3uzR4tni1fztibvK9sbfRp9m/za6d3+fQHPA98GfQ3eDGUK4woXjZCNVI8yjLaKcY0NikuJP5JwLvFW0ljy51TGNJF0zR12OwN2pe7OySjNrNpTnXVqb9m+o/uzs3cciDsYfMgrxy7X+LD6Eak8gaPs+UwFjIVMx1iLeIqpJbKlamX6x83LbStcK7edCDgZcSqxKrM6v6b6dOuZh2dfn/t6nqFO4IJivclF10shDamNBy+XXKlpqm9ubulovdV29+qD9v5rQx0jnWPXx2+8vvnm1vuulR7Mbc47Unf17jn0BtxPeZDzsPJRY193/9DA5OMPgytD609+DG88XRtZefZ59MPY/POZF6/Gx14+meh/df/13cl7Uw+nn8xMvFmYXZlD5kkLPO/E3issan8w/Wj1yXrJ7LPKF+4vX5Z7vx5fifimt8q8+nqt8XvmuuMGdePzj+6fBb/8NpU2N/+t/go4EdwyfoHwjmGa8TMTkSRBNmcOZTnK2sO2TJHn8OU8zvWUh8xry7efv0vgm5CssK/IYWqL6DOxrxIsNAFJmhRVmkeGSWZNdlpuQL5D4bTiYaVkZT8VK1UlNW61n+pvNB5qNmoVaafr+Oia6NH0GfTfGwwZthudNi4wyTJNMYs097dws7TeYmClvFXMmtOGYLNm+87upf2Qw33HHqebzp0u7a6tbpfd6z3OeVZ7lW8r8j6y/YBPlm+GXwY9yz8n4FhgZVBt8OWQ9tCusPvhjyNGIl9GvYlejFmLw8dzJ8glmiR5JEen7E0tTbuYfmvHk51vdq1koJnEPcxZpL34vb/2fd2/kD1xYOjg3UPtOfW5Jw/nH8nKSzkalR9SEFIYfiy+KL14b0lu6bGyiuM15XUVlytbT1w/2XPqUdWz6jc1K2fwZ3nOydTqnber870QW595Mf9SVUNj443LD6+MNL1unm9Zal1r22zHXyN3cHTyXRe5Qbspd0u1S797a4/n7cg7GXeP3avt7bjf/2Dy4Zc+bD/XAO2x+qDJkM0T52H3p14j3s98Rn3H/J77vaCP01/SJ+iv6K8DJkOnYqd3zuS8KZ+tf9s51zc/sfDh3Y9F0ge+j7RPCkuKnyW/cH/ZXJ762r1S9W33qveaznee79/Whzcu/zjyM/yXxabY/6j/f77/AxQihx5nAlcj9ydeGb4A/gqBp0JkYT2RCGqp6E2xafFfNDZJqpSMtLSMpCxVjk+eVYFRERSXleaUx1Tuq7apnVMv1tirGae1XdtaR1NXTI9Zb01/xmDQsMuo2fi8SZVphVmxeZ7FAcvMLalWsVtDrH1sXGyt7AzsNRwUHaWdaM7iLqKuVDdhdwEPXk8uL/ZtJG/CdmT7T5/vvqt+a/SNADSQIYglmCtEIJQaRguXiVCMVIlSj9aOMYy1jHOM902ITcxMKkiuTrmS2pX2OH1ix/uda7vRDGImaQ9jFpL1de+bfU/392Q3HjhxMOdQUg491/aw1hGxPJa8n0c/5E8XvCwcOzZaNFb8vGSsdKxs9Piz8qcVw5VDJx6f7D81UDVU/axm4vTbM0tn12ux58l1nBeE6mkXFS6pNeg0Gl42vWLWZN5s1mLSatSmf1WnXfOaaodip+x12g3Rm0K3+Lv4u4V6xG/L39G8a3LPttf9vv+DyIfJjzL6DvYXDJQ9PjlYPVTzpGq48mnpSMGz3NF9Y7uep7yIGQ996Tfh+cr5tcOk45T7tP9M3Jus2eK35+c65/sXJt99WcR+4Pgo/kllSf+z2ReLZYuvpiuG33RXNdaUv8uu0zZEfvD+pPwib+I3NwF+90gAAPAaAGcGAVwPANgUAJzUBaARAUjMAA5kABdtQE2OAqqqCqjS6b/vBwJYYARW4AEqyIImmIIj+EIMZEA+1EArPIAJWEaICBXRQVyQGCQHqUXuIbMoHpVCbdA4tAztRhcxvJgtmHRMI2YeK44NwJ7BzuMUcCm4HjwL3g/fTGAg+BE6GXgYUhleMBoy1hLZiLuJH5h8mYZIZqSrZBnySWZO5iMsDCz7WXGsB9hIbMfYBdnrKJqUXg53jjnONC4mripuTe5BnkheIm89nx3fV/5KAUuBZcEqIVuhdeFaEVcqjtomGi5GFXshXizhRKPQRiTLpfykJaU/yDTLpskZyuPlHytUKIYqaSkzKb9WaVPNV4tUt9FQ0RTSomgz67DqcutR9RUNDA2djcKN95lUm3abzVgQLGW2WFuFbd1vXWXTaTtmt+rA66jvFOR81KXT9b27gIe9Z5ZXy7bZ7Vw+Fr4pfvX0yQDeQOegguChUEqYR3hVxGKUbnRezFyceXxtIjkpJflNqkta7w79nW27VTIu71HOatqnuv/KAfmD53KEcsuOUPIK8tkKio7xFdWUyJd2Hrctn6nMOCl2arB6/2njs5hzD84XXvC9qNSAaXxxpaW5oDXuquM1pU6m69M3W7uyezzuyN1De8cftD0q7k9+7DVkMqw0IjWq8tx1vGxiYzJ5+sfsgXnudxc/WHx68+XAiuLqy/W8n2abm/9Sf26ggixogCk4gA9EwS7IgypohnswDksIARFCNBEHJALJRk4j3cgkiqBiqAUagRainehbDAVjgknCXMC8wVKxdOxZ7CJODZeB68cL4mPwdwgChGTCMIMKQxHDd0Y/xodETeI5Jl6mIyQMKZ30mRxGnmLexjzK4sYyyrqNdZotgm2VfT+Fi1LHYcAxzBnGuclVyq3M3c8TycvM28TnwY/yNwh4C5IFbwnFC0sIj4nkUPWpX0TPi9HFBcXHJSpoPpLiku+lWqUzZWxkuWVn5Brk0xQsFDkUZ5XalfNUglSN1ATUNtQnNG5rNmpVa5frVOjW6DXo3zAYNHxrtGnCb6pj5m2+x6LOcmjL961C1oY2vra77E7Y33SYdmJ0VnHxcT3idtN92VPay39bhfewD9HX2C+VfsX/faBUUEhwXciHMLXw3REPo3ijI2K64njjkxNGk/SSz6SypO1K/7iTvmsswzGzP8tmb/9+h+wnB50ODeXaHX6Yt+Vob4FV4UCRa/Gr0oiy9fLDldQTnac8q37V1J/xOcdd+7SuuN7rErVh8fK1ppwWnza1dvK1uc5bN4puBXWr3YY7/fcq70c9NOrj7l963DdUP5w3kjwa8jxkPH2i9vX7aeM3NXPEhaT3sx+9lp4s268Mrrmtv/4Z9W/1/8/3/xUsI0REFNFBXJBoJAepRe4isygOlUSt0Vi0FL2FvsNwYcwxKZh6zDRWEOuFLce+xFFxIbjLuB/4rfgK/CeCOeEEYY3BlaGVkZtxJ+MM0ZbYwSTFVEZiIKWTFsm+5KfMNsz3WExYullNWO+x2bCNsNPZP1F2czBzVHGqcN7j8ub6yn2UR46njzeaj8LXyR8kwC7QJRgrJCI0KLxHREXkLbVC1FmMWeyReK6ELY2N9lyyRipKWlsGJzMke0IuTF5TgaDwXLFBab+yj4qOKq/qutor9V6NVs16rfPaDTqdun16U/rrhlxG6sYeJrtNa82GLTCWqlsCrPK3dlhP2zLaKdt7ORxwvOq04CLk6u5W6D7oyerlvK3Ee8yHz3ebXyX9VYBYYHhQSwgS6hBWE74aaR9VH0OMjYobSTBJbEqWTKlKE0iv2CmwqyZDJrM1y3Tv0/2h2T8O5udQcy8f0c97kO9W8PZYajGp5EyZwfHxih0nhE7eqYqpET797GxxrVedxIWVi/cbTl1Oa3Jv0Wzjb0evLXaO3ui+Vdudfdv3rnIvcn/wYVVf/IDloPDQ9+FnI22j5c/3jEdP+L/2nQqZSZs9Nte8MLYIH2WXvL4c/trzbeO75kbyz2ubmwAJwaq/G7AIyQQA92pzc5kGQCgE+FmwublRs7n58zQA5iVAV+TvvjsAAJ4VoJCGKvaLPziyOvY/e6T/BbWIQ0yJowt9AAAAIGNIUk0AAG2YAABzjgAA+H8AAILqAABwogAA61oAADDkAAAPtwOsfnYAAAGhSURBVHja7NY7aBVBFMbx3zUiRIyKaECLQOwSsLARC59FBBEMVgFBUuUighairVrYaS1yG0VbrTSKCD4SbJLYpAsGExCCNhZB8AGyNiewrDu79xoMFp5q5yw7/5kz33dmG1mW+duxzhrEmkDW5wetVmvlcTvO4w4W25inGxfxDDPQbDYrd7ILE7iCNxioAWzCE1zHCxypK9e2AAzkgK+wNwHYiue5iXsCeKAKsgU7C7neWOH+Qn5HIt+N/irIAo5jObHio7kdvi7ZYYbLuF+nrgkM4XNJ7ccxhsmSs8pwDjfblfBUrPpTSSla2F3I/8Qobnfqk1kcxocadf3ASLFEnZhxDocqvPIdp/BwtY7vC2mXxQYMrratHMNTbE68b+AGrv4pZBiPsLGN3V4LWKMTyGk8iHLkYwn78LLkm0u4VTZnGaSJe8XmGYd/ENM4Ee2jGGdxF11VkD2h9a6Eyt7H+GuFqs7gQhXkXTTEdvyS8sdSnGUS8i1KMR7j6YTzU05fjA48n7y0CqU4GZfQlxplrfSsx3iLj7/p/P+PxD8H+TUAsbZaBv9E+OwAAAAASUVORK5CYII=);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; } .widget-1f5975 .copyright { font-size: 13px; display: flex; text-align: left; justify-content: flex-start; }