.elementor-11 .elementor-element.elementor-element-51b2b6f{--display:flex;--position:fixed;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:space-between;--align-items:center;top:0px;--z-index:99;}body:not(.rtl) .elementor-11 .elementor-element.elementor-element-51b2b6f{left:0px;}body.rtl .elementor-11 .elementor-element.elementor-element-51b2b6f{right:0px;}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-11 .elementor-element.elementor-element-74e7974{width:var( --container-widget-width, 100px );max-width:100px;--container-widget-width:100px;--container-widget-flex-grow:0;}.elementor-11 .elementor-element.elementor-element-74e7974 img{filter:brightness( 200% ) contrast( 100% ) saturate( 100% ) blur( 0px ) hue-rotate( 0deg );}.elementor-widget-button .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-11 .elementor-element.elementor-element-386b5c3 .elementor-button{background-color:#25D36600;font-family:"Onest", Sans-serif;font-weight:500;fill:#000000;color:#000000;border-radius:16px 16px 16px 16px;padding:0px 0px 0px 0px;}.elementor-11 .elementor-element.elementor-element-386b5c3 .elementor-button-content-wrapper{flex-direction:row;}.elementor-11 .elementor-element.elementor-element-386b5c3 .elementor-button .elementor-button-content-wrapper{gap:9px;}.elementor-11 .elementor-element.elementor-element-c603b80{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;}.elementor-11 .elementor-element.elementor-element-5fea579{--display:flex;--justify-content:center;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-11 .elementor-element.elementor-element-591f2e5 .elementor-heading-title{font-family:"Onest", Sans-serif;font-size:4.2em;font-weight:600;color:#FFFFFF;}.elementor-11 .elementor-element.elementor-element-13b6199{text-align:start;}.elementor-11 .elementor-element.elementor-element-13b6199 .elementor-heading-title{font-family:"Onest", Sans-serif;font-size:18px;font-weight:400;line-height:20px;color:#FFFFFF;}.elementor-11 .elementor-element.elementor-element-1aa4611{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;}.elementor-11 .elementor-element.elementor-element-baee193 .elementor-button{background-color:#F1C40F;font-family:"Onest", Sans-serif;font-weight:500;fill:#000000;color:#000000;border-radius:16px 16px 16px 16px;}.elementor-11 .elementor-element.elementor-element-cfb74a5 .elementor-button{background-color:#F1C40F00;font-family:"Onest", Sans-serif;font-weight:500;fill:#FFFFFF;color:#FFFFFF;border-style:solid;border-width:2px 2px 2px 2px;border-color:#FFFFFF;border-radius:16px 16px 16px 16px;}.elementor-11 .elementor-element.elementor-element-261277e{--display:flex;--justify-content:center;}.elementor-widget-form .elementor-field-group > label, .elementor-widget-form .elementor-field-subgroup label{color:var( --e-global-color-text );}.elementor-widget-form .elementor-field-group > label{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-form .elementor-field-type-html{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-form .elementor-field-group .elementor-field{color:var( --e-global-color-text );}.elementor-widget-form .elementor-field-group .elementor-field, .elementor-widget-form .elementor-field-subgroup label{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-form .elementor-button{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-form .e-form__buttons__wrapper__button-next{background-color:var( --e-global-color-accent );}.elementor-widget-form .elementor-button[type="submit"]{background-color:var( --e-global-color-accent );}.elementor-widget-form .e-form__buttons__wrapper__button-previous{background-color:var( --e-global-color-accent );}.elementor-widget-form .elementor-message{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-form .e-form__indicators__indicator, .elementor-widget-form .e-form__indicators__indicator__label{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-form{--e-form-steps-indicator-inactive-primary-color:var( --e-global-color-text );--e-form-steps-indicator-active-primary-color:var( --e-global-color-accent );--e-form-steps-indicator-completed-primary-color:var( --e-global-color-accent );--e-form-steps-indicator-progress-color:var( --e-global-color-accent );--e-form-steps-indicator-progress-background-color:var( --e-global-color-text );--e-form-steps-indicator-progress-meter-color:var( --e-global-color-text );}.elementor-widget-form .e-form__indicators__indicator__progress__meter{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-11 .elementor-element.elementor-element-b70fa90{width:100%;max-width:100%;--e-form-steps-indicators-spacing:20px;--e-form-steps-indicator-padding:30px;--e-form-steps-indicator-inactive-secondary-color:#ffffff;--e-form-steps-indicator-active-secondary-color:#ffffff;--e-form-steps-indicator-completed-secondary-color:#ffffff;--e-form-steps-divider-width:1px;--e-form-steps-divider-gap:10px;}.elementor-11 .elementor-element.elementor-element-b70fa90 .elementor-button-content-wrapper{flex-direction:row;}.elementor-11 .elementor-element.elementor-element-b70fa90 .elementor-field-group{padding-right:calc( 10px/2 );padding-left:calc( 10px/2 );margin-bottom:10px;}.elementor-11 .elementor-element.elementor-element-b70fa90 .elementor-form-fields-wrapper{margin-left:calc( -10px/2 );margin-right:calc( -10px/2 );margin-bottom:-10px;}.elementor-11 .elementor-element.elementor-element-b70fa90 .elementor-field-group.recaptcha_v3-bottomleft, .elementor-11 .elementor-element.elementor-element-b70fa90 .elementor-field-group.recaptcha_v3-bottomright{margin-bottom:0;}body.rtl .elementor-11 .elementor-element.elementor-element-b70fa90 .elementor-labels-inline .elementor-field-group > label{padding-left:0px;}body:not(.rtl) .elementor-11 .elementor-element.elementor-element-b70fa90 .elementor-labels-inline .elementor-field-group > label{padding-right:0px;}body .elementor-11 .elementor-element.elementor-element-b70fa90 .elementor-labels-above .elementor-field-group > label{padding-bottom:0px;}.elementor-11 .elementor-element.elementor-element-b70fa90 .elementor-field-group > label, .elementor-11 .elementor-element.elementor-element-b70fa90 .elementor-field-subgroup label{color:#7A7A7A;}.elementor-11 .elementor-element.elementor-element-b70fa90 .elementor-field-group > label{font-family:"Onest", Sans-serif;font-weight:400;}.elementor-11 .elementor-element.elementor-element-b70fa90 .elementor-field-type-html{padding-bottom:0px;color:#FFFFFF;font-family:"Onest", Sans-serif;font-weight:400;}.elementor-11 .elementor-element.elementor-element-b70fa90 .elementor-field-group .elementor-field{color:#FFFFFF;}.elementor-11 .elementor-element.elementor-element-b70fa90 .elementor-field-group .elementor-field, .elementor-11 .elementor-element.elementor-element-b70fa90 .elementor-field-subgroup label{font-family:"Onest", Sans-serif;font-weight:400;}.elementor-11 .elementor-element.elementor-element-b70fa90 .elementor-field-group .elementor-field:not(.elementor-select-wrapper){background-color:#ffffff;}.elementor-11 .elementor-element.elementor-element-b70fa90 .elementor-field-group .elementor-select-wrapper select{background-color:#ffffff;}.elementor-11 .elementor-element.elementor-element-b70fa90 .elementor-button{font-family:"Onest", Sans-serif;font-weight:500;text-transform:uppercase;padding:0px 0px 0px 0px;}.elementor-11 .elementor-element.elementor-element-b70fa90 .e-form__buttons__wrapper__button-next{color:#ffffff;}.elementor-11 .elementor-element.elementor-element-b70fa90 .elementor-button[type="submit"]{color:#ffffff;}.elementor-11 .elementor-element.elementor-element-b70fa90 .elementor-button[type="submit"] svg *{fill:#ffffff;}.elementor-11 .elementor-element.elementor-element-b70fa90 .e-form__buttons__wrapper__button-previous{color:#ffffff;}.elementor-11 .elementor-element.elementor-element-b70fa90 .e-form__buttons__wrapper__button-next:hover{color:#ffffff;}.elementor-11 .elementor-element.elementor-element-b70fa90 .elementor-button[type="submit"]:hover{color:#ffffff;}.elementor-11 .elementor-element.elementor-element-b70fa90 .elementor-button[type="submit"]:hover svg *{fill:#ffffff;}.elementor-11 .elementor-element.elementor-element-b70fa90 .e-form__buttons__wrapper__button-previous:hover{color:#ffffff;}.elementor-11 .elementor-element.elementor-element-c74d918.elementor-element{--align-self:center;}.elementor-11 .elementor-element.elementor-element-c74d918{z-index:1;}.elementor-11 .elementor-element.elementor-element-997773b{--display:flex;--padding-top:25px;--padding-bottom:25px;--padding-left:25px;--padding-right:25px;}.elementor-11 .elementor-element.elementor-element-997773b:not(.elementor-motion-effects-element-type-background), .elementor-11 .elementor-element.elementor-element-997773b > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F56B99;}.elementor-11 .elementor-element.elementor-element-e532b41{text-align:center;}.elementor-11 .elementor-element.elementor-element-e532b41 .elementor-heading-title{font-family:"Onest", Sans-serif;font-size:28px;font-weight:600;color:#FFFFFF;}.elementor-11 .elementor-element.elementor-element-9255f5f{--display:flex;--padding-top:75px;--padding-bottom:75px;--padding-left:25px;--padding-right:25px;}.elementor-11 .elementor-element.elementor-element-cab08ca{text-align:center;}.elementor-11 .elementor-element.elementor-element-cab08ca .elementor-heading-title{font-family:"Onest", Sans-serif;font-size:38px;font-weight:800;text-transform:uppercase;color:#3D3D3D;}.elementor-11 .elementor-element.elementor-element-88c0bae{--swiper-slides-to-display:3;--swiper-slides-gap:10px;--arrow-prev-left-align:0%;--arrow-prev-translate-x:0px;--arrow-prev-left-position:0px;--arrow-prev-top-align:50%;--arrow-prev-translate-y:-50%;--arrow-prev-top-position:0px;--arrow-next-right-align:0%;--arrow-next-translate-x:0%;--arrow-next-right-position:0px;--arrow-next-top-align:50%;--arrow-next-translate-y:-50%;--arrow-next-top-position:0px;}.elementor-11 .elementor-element.elementor-element-88c0bae.elementor-element{--align-self:flex-start;}.elementor-11 .elementor-element.elementor-element-88c0bae .swiper-slide > .elementor-element{height:100%;}.elementor-11 .elementor-element.elementor-element-e596a9c{--display:flex;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-11 .elementor-element.elementor-element-2da27f9{width:var( --container-widget-width, 800px );max-width:800px;--container-widget-width:800px;--container-widget-flex-grow:0;text-align:center;}.elementor-11 .elementor-element.elementor-element-2da27f9.elementor-element{--align-self:center;}.elementor-11 .elementor-element.elementor-element-2da27f9 .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:56px;font-weight:600;line-height:1.05em;color:#FFFFFF;}.elementor-11 .elementor-element.elementor-element-60507d5{width:var( --container-widget-width, 900px );max-width:900px;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;--container-widget-width:900px;--container-widget-flex-grow:0;text-align:center;}.elementor-11 .elementor-element.elementor-element-60507d5.elementor-element{--align-self:center;}.elementor-11 .elementor-element.elementor-element-60507d5 .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:18px;font-weight:400;color:#FFFFFF;}.elementor-11 .elementor-element.elementor-element-cd7260b .elementor-button{background-color:#F1C40F;font-family:"Onest", Sans-serif;font-weight:500;fill:#000000;color:#000000;border-radius:16px 16px 16px 16px;}.elementor-11 .elementor-element.elementor-element-e451550{--display:flex;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--padding-top:75px;--padding-bottom:25px;--padding-left:25px;--padding-right:25px;}.elementor-11 .elementor-element.elementor-element-7ba82a8 .elementor-heading-title{font-family:"Onest", Sans-serif;font-size:38px;font-weight:800;text-transform:uppercase;color:#3D3D3D;}.elementor-11 .elementor-element.elementor-element-df6fd29 .elementor-heading-title{font-family:"Onest", Sans-serif;font-size:15px;font-weight:400;color:#444444;}.elementor-11 .elementor-element.elementor-element-6c6f684{--display:flex;--padding-top:25px;--padding-bottom:75px;--padding-left:25px;--padding-right:25px;}.elementor-11 .elementor-element.elementor-element-6f0223f{--display:flex;--min-height:450px;}.elementor-11 .elementor-element.elementor-element-6f0223f:not(.elementor-motion-effects-element-type-background), .elementor-11 .elementor-element.elementor-element-6f0223f > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://secretgardenfloreria.reservardirecto.com/wp-content/uploads/2026/06/sectret-garden-banner-1.webp");background-position:top center;background-size:cover;}.elementor-11 .elementor-element.elementor-element-ecf8a17{padding:0px 0px 0px 10px;border-style:solid;border-width:0px 0px 0px 4px;border-color:#D83A6F;}.elementor-11 .elementor-element.elementor-element-ecf8a17 .elementor-heading-title{font-family:"Onest", Sans-serif;font-size:2em;font-weight:600;color:#111111;}.elementor-11 .elementor-element.elementor-element-fb68d39{--swiper-slides-to-display:4;--swiper-slides-gap:10px;--arrow-prev-left-align:0%;--arrow-prev-translate-x:0px;--arrow-prev-left-position:0px;--arrow-prev-top-align:50%;--arrow-prev-translate-y:-50%;--arrow-prev-top-position:0px;--arrow-next-right-align:0%;--arrow-next-translate-x:0%;--arrow-next-right-position:0px;--arrow-next-top-align:50%;--arrow-next-translate-y:-50%;--arrow-next-top-position:0px;}.elementor-11 .elementor-element.elementor-element-fb68d39.elementor-element{--align-self:flex-start;}.elementor-11 .elementor-element.elementor-element-fb68d39 .swiper-slide > .elementor-element{height:100%;}.elementor-11 .elementor-element.elementor-element-76d2ae5{--display:flex;--padding-top:25px;--padding-bottom:75px;--padding-left:25px;--padding-right:25px;}.elementor-11 .elementor-element.elementor-element-7186fa0{--display:flex;--min-height:450px;}.elementor-11 .elementor-element.elementor-element-7186fa0:not(.elementor-motion-effects-element-type-background), .elementor-11 .elementor-element.elementor-element-7186fa0 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://secretgardenfloreria.reservardirecto.com/wp-content/uploads/2026/06/sectret-garden-banner-2.webp");background-position:top center;background-size:cover;}.elementor-11 .elementor-element.elementor-element-2085119{padding:0px 0px 0px 10px;border-style:solid;border-width:0px 0px 0px 4px;border-color:#D83A6F;}.elementor-11 .elementor-element.elementor-element-2085119 .elementor-heading-title{font-family:"Onest", Sans-serif;font-size:2em;font-weight:600;color:#111111;}.elementor-11 .elementor-element.elementor-element-2e01185{--swiper-slides-to-display:4;--swiper-slides-gap:10px;--arrow-prev-left-align:0%;--arrow-prev-translate-x:0px;--arrow-prev-left-position:0px;--arrow-prev-top-align:50%;--arrow-prev-translate-y:-50%;--arrow-prev-top-position:0px;--arrow-next-right-align:0%;--arrow-next-translate-x:0%;--arrow-next-right-position:0px;--arrow-next-top-align:50%;--arrow-next-translate-y:-50%;--arrow-next-top-position:0px;}.elementor-11 .elementor-element.elementor-element-2e01185.elementor-element{--align-self:flex-start;}.elementor-11 .elementor-element.elementor-element-2e01185 .swiper-slide > .elementor-element{height:100%;}.elementor-11 .elementor-element.elementor-element-9150a3f{--display:flex;--padding-top:25px;--padding-bottom:75px;--padding-left:25px;--padding-right:25px;}.elementor-11 .elementor-element.elementor-element-feb88dc{--display:flex;--min-height:450px;}.elementor-11 .elementor-element.elementor-element-feb88dc:not(.elementor-motion-effects-element-type-background), .elementor-11 .elementor-element.elementor-element-feb88dc > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://secretgardenfloreria.reservardirecto.com/wp-content/uploads/2026/06/sectret-garden-banner-3.webp");background-position:top center;background-size:cover;}.elementor-11 .elementor-element.elementor-element-3fc9ec3{padding:0px 0px 0px 10px;border-style:solid;border-width:0px 0px 0px 4px;border-color:#D83A6F;}.elementor-11 .elementor-element.elementor-element-3fc9ec3 .elementor-heading-title{font-family:"Onest", Sans-serif;font-size:2em;font-weight:600;color:#111111;}.elementor-11 .elementor-element.elementor-element-396dfee{--swiper-slides-to-display:4;--swiper-slides-gap:10px;--arrow-prev-left-align:0%;--arrow-prev-translate-x:0px;--arrow-prev-left-position:0px;--arrow-prev-top-align:50%;--arrow-prev-translate-y:-50%;--arrow-prev-top-position:0px;--arrow-next-right-align:0%;--arrow-next-translate-x:0%;--arrow-next-right-position:0px;--arrow-next-top-align:50%;--arrow-next-translate-y:-50%;--arrow-next-top-position:0px;}.elementor-11 .elementor-element.elementor-element-396dfee.elementor-element{--align-self:flex-start;}.elementor-11 .elementor-element.elementor-element-396dfee .swiper-slide > .elementor-element{height:100%;}.elementor-11 .elementor-element.elementor-element-a66f8a6{--display:flex;--padding-top:25px;--padding-bottom:75px;--padding-left:25px;--padding-right:25px;}.elementor-11 .elementor-element.elementor-element-1493b48{--display:flex;--min-height:450px;}.elementor-11 .elementor-element.elementor-element-1493b48:not(.elementor-motion-effects-element-type-background), .elementor-11 .elementor-element.elementor-element-1493b48 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://secretgardenfloreria.reservardirecto.com/wp-content/uploads/2026/06/sectret-garden-banner-4.webp");background-position:top center;background-size:cover;}.elementor-11 .elementor-element.elementor-element-55fcbcc{padding:0px 0px 0px 10px;border-style:solid;border-width:0px 0px 0px 4px;border-color:#D83A6F;}.elementor-11 .elementor-element.elementor-element-55fcbcc .elementor-heading-title{font-family:"Onest", Sans-serif;font-size:2em;font-weight:600;color:#111111;}.elementor-11 .elementor-element.elementor-element-f345ce8{--swiper-slides-to-display:4;--swiper-slides-gap:10px;--arrow-prev-left-align:0%;--arrow-prev-translate-x:0px;--arrow-prev-left-position:0px;--arrow-prev-top-align:50%;--arrow-prev-translate-y:-50%;--arrow-prev-top-position:0px;--arrow-next-right-align:0%;--arrow-next-translate-x:0%;--arrow-next-right-position:0px;--arrow-next-top-align:50%;--arrow-next-translate-y:-50%;--arrow-next-top-position:0px;}.elementor-11 .elementor-element.elementor-element-f345ce8.elementor-element{--align-self:flex-start;}.elementor-11 .elementor-element.elementor-element-f345ce8 .swiper-slide > .elementor-element{height:100%;}.elementor-11 .elementor-element.elementor-element-86f788a{width:var( --container-widget-width, 800px );max-width:800px;--container-widget-width:800px;--container-widget-flex-grow:0;text-align:center;}.elementor-11 .elementor-element.elementor-element-86f788a.elementor-element{--align-self:center;}.elementor-11 .elementor-element.elementor-element-86f788a .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:56px;font-weight:600;line-height:1.05em;color:#FFFFFF;}.elementor-11 .elementor-element.elementor-element-4466a49{--display:flex;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--padding-top:75px;--padding-bottom:75px;--padding-left:25px;--padding-right:25px;}.elementor-11 .elementor-element.elementor-element-e2cea5f{padding:0px 0px 0px 10px;border-style:none;}.elementor-11 .elementor-element.elementor-element-e2cea5f .elementor-heading-title{font-family:"Onest", Sans-serif;font-size:2em;font-weight:700;text-transform:uppercase;color:#111111;}.elementor-11 .elementor-element.elementor-element-d9b82bd .elementor-button{background-color:#F1C40F;font-family:"Onest", Sans-serif;font-weight:500;fill:#000000;color:#000000;border-radius:16px 16px 16px 16px;}.elementor-11 .elementor-element.elementor-element-4a29701{--display:flex;}.elementor-11 .elementor-element.elementor-element-c043210{width:var( --container-widget-width, 800px );max-width:800px;--container-widget-width:800px;--container-widget-flex-grow:0;text-align:center;}.elementor-11 .elementor-element.elementor-element-c043210 .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:56px;font-weight:600;line-height:1.05em;color:#FFFFFF;}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-11 .elementor-element.elementor-element-eed7b2e{width:var( --container-widget-width, 900px );max-width:900px;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;--container-widget-width:900px;--container-widget-flex-grow:0;text-align:center;font-family:"Poppins", Sans-serif;font-size:18px;font-weight:400;color:#FFFFFF;}.elementor-11 .elementor-element.elementor-element-57123bc{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--padding-top:50px;--padding-bottom:50px;--padding-left:25px;--padding-right:25px;}.elementor-11 .elementor-element.elementor-element-1a5d14d{--display:flex;}.elementor-11 .elementor-element.elementor-element-b597563{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + -17px) 0px;font-family:"Onest", Sans-serif;font-size:14px;font-weight:400;}.elementor-11 .elementor-element.elementor-element-6d51daa{--display:flex;}.elementor-11 .elementor-element.elementor-element-54667b3{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + -17px) 0px;font-family:"Onest", Sans-serif;font-size:14px;font-weight:400;}.elementor-11 .elementor-element.elementor-element-8ab61fa{--n-accordion-title-font-size:1rem;--n-accordion-title-justify-content:space-between;--n-accordion-title-flex-grow:1;--n-accordion-title-icon-order:initial;--n-accordion-item-title-space-between:0px;--n-accordion-item-title-distance-from-content:0px;--n-accordion-icon-size:15px;}.elementor-11 .elementor-element.elementor-element-ce1d8a4{--display:flex;}.elementor-11 .elementor-element.elementor-element-dadd813{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + -17px) 0px;font-family:"Onest", Sans-serif;font-size:14px;font-weight:400;}.elementor-11 .elementor-element.elementor-element-59d0d46{--display:flex;}.elementor-11 .elementor-element.elementor-element-bc8c8a8{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + -17px) 0px;font-family:"Onest", Sans-serif;font-size:14px;font-weight:400;}.elementor-11 .elementor-element.elementor-element-c117b59{--n-accordion-title-font-size:1rem;--n-accordion-title-justify-content:space-between;--n-accordion-title-flex-grow:1;--n-accordion-title-icon-order:initial;--n-accordion-item-title-space-between:0px;--n-accordion-item-title-distance-from-content:0px;--n-accordion-icon-size:15px;}.elementor-11 .elementor-element.elementor-element-ed1fca9{--display:flex;--padding-top:25px;--padding-bottom:25px;--padding-left:25px;--padding-right:25px;}.elementor-11 .elementor-element.elementor-element-ed1fca9:not(.elementor-motion-effects-element-type-background), .elementor-11 .elementor-element.elementor-element-ed1fca9 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F56B99;}@media(max-width:1024px){.elementor-11 .elementor-element.elementor-element-88c0bae{--swiper-slides-to-display:2;}.elementor-11 .elementor-element.elementor-element-fb68d39{--swiper-slides-to-display:2;}.elementor-11 .elementor-element.elementor-element-2e01185{--swiper-slides-to-display:2;}.elementor-11 .elementor-element.elementor-element-396dfee{--swiper-slides-to-display:2;}.elementor-11 .elementor-element.elementor-element-f345ce8{--swiper-slides-to-display:2;}}@media(max-width:767px){.elementor-11 .elementor-element.elementor-element-51b2b6f{--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-11 .elementor-element.elementor-element-74e7974{width:var( --container-widget-width, 100px );max-width:100px;--container-widget-width:100px;--container-widget-flex-grow:0;text-align:center;}.elementor-11 .elementor-element.elementor-element-74e7974.elementor-element{--align-self:center;}.elementor-11 .elementor-element.elementor-element-74e7974 img{width:100%;}.elementor-11 .elementor-element.elementor-element-386b5c3{width:auto;max-width:auto;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 75px;}.elementor-11 .elementor-element.elementor-element-386b5c3.elementor-element{--align-self:center;}.elementor-11 .elementor-element.elementor-element-386b5c3 .elementor-button{font-size:12px;}.elementor-11 .elementor-element.elementor-element-591f2e5{text-align:center;}.elementor-11 .elementor-element.elementor-element-591f2e5 .elementor-heading-title{font-size:1.5em;}.elementor-11 .elementor-element.elementor-element-13b6199{text-align:center;}.elementor-11 .elementor-element.elementor-element-13b6199 .elementor-heading-title{font-size:14px;}.elementor-11 .elementor-element.elementor-element-1aa4611{--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-11 .elementor-element.elementor-element-261277e{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-11 .elementor-element.elementor-element-e532b41 .elementor-heading-title{font-size:22px;}.elementor-11 .elementor-element.elementor-element-cab08ca{text-align:center;}.elementor-11 .elementor-element.elementor-element-cab08ca .elementor-heading-title{font-size:25px;}.elementor-11 .elementor-element.elementor-element-88c0bae{--swiper-slides-to-display:2;}.elementor-11 .elementor-element.elementor-element-e596a9c{--padding-top:15px;--padding-bottom:15px;--padding-left:15px;--padding-right:15px;}.elementor-11 .elementor-element.elementor-element-2da27f9{margin:10px 0px calc(var(--kit-widget-spacing, 0px) + -19px) 0px;padding:10px 10px 10px 10px;}.elementor-11 .elementor-element.elementor-element-2da27f9 .elementor-heading-title{font-size:25px;}.elementor-11 .elementor-element.elementor-element-60507d5{margin:10px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:8px 8px 8px 8px;text-align:center;}.elementor-11 .elementor-element.elementor-element-60507d5 .elementor-heading-title{font-size:14px;}.elementor-11 .elementor-element.elementor-element-e451550{--padding-top:15px;--padding-bottom:15px;--padding-left:15px;--padding-right:15px;}.elementor-11 .elementor-element.elementor-element-7ba82a8{text-align:center;}.elementor-11 .elementor-element.elementor-element-7ba82a8 .elementor-heading-title{font-size:25px;}.elementor-11 .elementor-element.elementor-element-df6fd29{text-align:center;}.elementor-11 .elementor-element.elementor-element-6c6f684{--padding-top:10px;--padding-bottom:10px;--padding-left:10px;--padding-right:10px;}.elementor-11 .elementor-element.elementor-element-6f0223f{--min-height:200px;}.elementor-11 .elementor-element.elementor-element-ecf8a17 .elementor-heading-title{font-size:1.5em;}.elementor-11 .elementor-element.elementor-element-fb68d39{--swiper-slides-to-display:2;}.elementor-11 .elementor-element.elementor-element-76d2ae5{--padding-top:10px;--padding-bottom:10px;--padding-left:10px;--padding-right:10px;}.elementor-11 .elementor-element.elementor-element-7186fa0{--min-height:200px;}.elementor-11 .elementor-element.elementor-element-2085119 .elementor-heading-title{font-size:1.5em;}.elementor-11 .elementor-element.elementor-element-2e01185{--swiper-slides-to-display:2;}.elementor-11 .elementor-element.elementor-element-9150a3f{--padding-top:10px;--padding-bottom:10px;--padding-left:10px;--padding-right:10px;}.elementor-11 .elementor-element.elementor-element-feb88dc{--min-height:200px;}.elementor-11 .elementor-element.elementor-element-3fc9ec3 .elementor-heading-title{font-size:1.5em;}.elementor-11 .elementor-element.elementor-element-396dfee{--swiper-slides-to-display:2;}.elementor-11 .elementor-element.elementor-element-a66f8a6{--padding-top:10px;--padding-bottom:10px;--padding-left:10px;--padding-right:10px;}.elementor-11 .elementor-element.elementor-element-1493b48{--min-height:200px;}.elementor-11 .elementor-element.elementor-element-55fcbcc .elementor-heading-title{font-size:1.5em;}.elementor-11 .elementor-element.elementor-element-f345ce8{--swiper-slides-to-display:2;}.elementor-11 .elementor-element.elementor-element-86f788a{margin:10px 0px calc(var(--kit-widget-spacing, 0px) + -19px) 0px;padding:10px 10px 10px 10px;}.elementor-11 .elementor-element.elementor-element-86f788a .elementor-heading-title{font-size:25px;}.elementor-11 .elementor-element.elementor-element-5f8b9ef{padding:0px 0px 0px 0px;}.elementor-11 .elementor-element.elementor-element-4466a49{--padding-top:15px;--padding-bottom:15px;--padding-left:15px;--padding-right:15px;}.elementor-11 .elementor-element.elementor-element-e2cea5f{text-align:center;}.elementor-11 .elementor-element.elementor-element-e2cea5f .elementor-heading-title{font-size:1.5em;}.elementor-11 .elementor-element.elementor-element-c043210{width:100%;max-width:100%;margin:10px 0px calc(var(--kit-widget-spacing, 0px) + -19px) 0px;padding:0px 0px 0px 0px;}.elementor-11 .elementor-element.elementor-element-c043210 .elementor-heading-title{font-size:25px;}.elementor-11 .elementor-element.elementor-element-eed7b2e{margin:10px 0px calc(var(--kit-widget-spacing, 0px) + -27px) 0px;padding:8px 8px 8px 8px;text-align:center;font-size:15px;}}@media(min-width:768px){.elementor-11 .elementor-element.elementor-element-c603b80{--content-width:1180px;}.elementor-11 .elementor-element.elementor-element-6c6f684{--content-width:1180px;}.elementor-11 .elementor-element.elementor-element-76d2ae5{--content-width:1180px;}.elementor-11 .elementor-element.elementor-element-9150a3f{--content-width:1180px;}.elementor-11 .elementor-element.elementor-element-a66f8a6{--content-width:1180px;}}/* Start custom CSS for html, class: .elementor-element-67ee281 *//* Contenedor superior dentro del header sticky (Sin fondos) */ .header-announcement { width: 100%; display: flex; align-items: center; justify-content: center; gap: 12px; padding: 6px 0; border-bottom: 1px solid rgba(255, 255, 255, 0.15); /* Separador sutil blanco */ background: transparent !important; } /* Texto en BLANCO para garantizar legibilidad */ .announcement-text { display: inline-flex; align-items: center; gap: 6px; font-size: 12px; font-weight: 600; letter-spacing: 0.5px; text-transform: uppercase; color: #ffffff !important; /* Forzado a blanco */ font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif; } /* Iconos SVG en BLANCO */ .announcement-icon { width: 14px; height: 14px; stroke: #ffffff !important; /* Forzado a blanco */ } /* Línea divisoria central sutil */ .announcement-divider { font-size: 12px; color: rgba(255, 255, 255, 0.4) !important; font-weight: 300; } /* Contenedor superior dentro del header sticky (Sin fondos) */ .header-announcement { width: 100%; display: flex; align-items: center; justify-content: center; gap: 12px; padding: 6px 0; border-bottom: 1px solid rgba(255, 255, 255, 0.15); /* Separador sutil blanco */ background: transparent !important; } /* Texto en BLANCO para garantizar legibilidad */ .announcement-text { display: inline-flex; align-items: center; gap: 6px; font-size: 12px; font-weight: 600; letter-spacing: 0.5px; text-transform: uppercase; color: #ffffff !important; /* Forzado a blanco */ font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif; } /* Iconos SVG en BLANCO */ .announcement-icon { width: 14px; height: 14px; stroke: #ffffff !important; /* Forzado a blanco */ } /* Línea divisoria central sutil */ .announcement-divider { font-size: 12px; color: rgba(255, 255, 255, 0.4) !important; font-weight: 300; } /* ========================== ADAPTACIÓN PARA MÓVILES (OPTIMIZADA) ========================== */ @media (max-width: 767px) { .header-announcement { flex-direction: column; /* Pone un mensaje sobre el otro para que no se corte */ gap: 4px; /* Espacio corto entre los dos textos */ padding: 8px 0; /* Un poquito más de espacio arriba y abajo */ } .announcement-text { font-size: 11px; /* Tamaño perfecto para lectura en celulares */ gap: 5px; } .announcement-icon { width: 13px; height: 13px; } .announcement-divider { display: none !important; /* Oculta la barra vertical que ya no se necesita en columna */ } }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-386b5c3 *//* ========================= BOTÓN WHATSAPP PREMIUM (BLANCO CON GLOW) ========================= */ #bnt-header-whatsapp{ display:inline-flex; align-items:center; justify-content:center; gap:10px; padding:14px 24px; /* Fondo blanco con una pizca de transparencia tipo cristal de Apple */ background: rgba(255, 255, 255, 0.9) !important; /* Texto e icono en verde WhatsApp para que contraste perfectamente */ color: #1EBE5D !important; text-decoration:none !important; font-size:15px; font-weight:700; line-height:1; border:none; border-radius:999px; cursor:pointer; /* GLOW: Brillo blanco suave alrededor del botón */ box-shadow: 0 4px 15px rgba(255, 255, 255, 0.4), 0 0 05px rgba(255, 255, 255, 0.6); transition:all .25s ease; } #bnt-header-whatsapp:hover{ transform:translateY(-2px); /* GLOW MÁS INTENSO al pasar el mouse */ box-shadow: 0 8px 25px rgba(255, 255, 255, 0.6), 0 0 05px rgba(255, 255, 255, 0.9); /* Mantiene el fondo blanco iluminado */ background: rgba(255, 255, 255, 1) !important; } #bnt-header-whatsapp:active{ transform:translateY(0); } /* Asegura que el icono de WhatsApp (sea i o svg) también sea verde */ #bnt-header-whatsapp i, #bnt-header-whatsapp svg, #bnt-header-whatsapp path { font-size:18px; fill: #1EBE5D !important; /* Si es SVG */ color: #1EBE5D !important; /* Si es icono de fuente */ } /* Mobile */ @media (max-width:767px){ #bnt-header-whatsapp{ padding:12px 20px; font-size:14px; } #bnt-header-whatsapp i, #bnt-header-whatsapp svg{ font-size:16px; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-51b2b6f */.main-apple-header { /* Tu rosa exacto (#D83A6F) pero con 45% de opacidad para que mantenga el efecto cristal translúcido */ background-color: rgba(216, 58, 111, 1) !important; /* El icónico efecto esmerilado de Apple */ backdrop-filter: blur(24px) !important; -webkit-backdrop-filter: blur(24px) !important; /* Línea inferior sutil usando el mismo tono para un acabado limpio */ border-bottom: 1px solid rgba(216, 58, 111, 0.25) !important; /* Sombra muy suave para despegar el header flotante del fondo */ box-shadow: 0 4px 30px rgba(0, 0, 0, 0.03); }/* End custom CSS */ /* Start custom CSS for html, class: .elementor-element-a719a0f *//* Contenedor principal del Badge */ .badge-regala { display: inline-flex; align-items: center; background-color: #0b0b0b; /* Fondo oscuro */ border: 1px solid #2a2a2a; /* Borde sutil del botón */ border-radius: 50px; padding: 6px 24px 6px 6px; /* Menos espacio a la izquierda para el círculo */ font-family: 'Arial Black', 'Impact', sans-serif; /* Cambia por tu fuente de Elementor si es necesario */ cursor: pointer; transition: all 0.3s ease; box-shadow: 0 4px 15px rgba(0, 0, 0, 0.5); } /* Efecto Hover opcional */ .badge-regala:hover { transform: translateY(-2px); border-color: #e63946; /* El borde se ilumina al pasar el cursor */ } /* Contenedor circular del icono */ .badge-regala .icon-container { display: flex; align-items: center; justify-content: center; width: 36px; height: 36px; background-color: #1a1a1a; /* Fondo del círculo */ border: 2px solid #555555; /* Borde gris del círculo */ border-radius: 50%; margin-right: 14px; } /* Estilos del icono de corazón */ .badge-regala .heart-icon { width: 18px; height: 18px; color: #e63946; /* Color rosa/rojo del corazón */ filter: drop-shadow(0 0 2px rgba(230, 57, 70, 0.6)); /* Destello sutil */ } /* Estilos del texto */ .badge-regala .badge-text { color: #f1c40f; /* Color amarillo/dorado del texto */ font-size: 14px; letter-spacing: 1px; text-transform: uppercase; font-weight: 900; }/* End custom CSS */ /* Start custom CSS for html, class: .elementor-element-ab8cb59 *//*==================================================== BENEFICIOS PREMIUM COMPACTOS ====================================================*/ .benefitx-container{ display:grid; grid-template-columns:repeat(3,1fr); gap:10px; width:100%; max-width:1100px; margin:0 auto; padding:10px; box-sizing:border-box; } .benefitx-card{ position:relative; overflow:hidden; display:flex; align-items:center; justify-content:center; min-height:135px; padding:14px 10px; border-radius:16px; background: linear-gradient( 145deg, rgba(255,110,165,.42), rgba(255,155,195,.26), rgba(255,95,155,.42) ); /* MÁS BORDE */ border:1.5px solid rgba(255,255,255,.22); backdrop-filter:blur(16px) saturate(180%); -webkit-backdrop-filter:blur(16px) saturate(180%); box-shadow: inset 0 1px 0 rgba(255,255,255,.22), 0 0 0 1px rgba(255,255,255,.08), 0 12px 28px rgba(255,90,150,.18), 0 8px 22px rgba(0,0,0,.22); transition:.35s ease; } .benefitx-card::before{ content:""; position:absolute; inset:0; background:linear-gradient( 120deg, transparent 30%, rgba(255,255,255,.18) 50%, transparent 70% ); transform:translateX(-140%); transition:.8s; } .benefitx-card::after{ content:""; position:absolute; inset:1px; border-radius:15px; border:1px solid rgba(255,255,255,.10); pointer-events:none; } .benefitx-card:hover::before{ transform:translateX(140%); } .benefitx-card:hover{ transform:translateY(-5px); border-color:rgba(255,255,255,.38); box-shadow: inset 0 1px 0 rgba(255,255,255,.28), 0 0 18px rgba(255,210,230,.18), 0 18px 38px rgba(255,90,150,.26); } .benefitx-badge{ position:absolute; top:10px; right:10px; width:24px; height:24px; display:flex; align-items:center; justify-content:center; border-radius:50%; background:rgba(255,255,255,.12); border:1px solid rgba(255,255,255,.28); color:#ffffff; font-size:9px; font-weight:700; box-shadow: 0 0 10px rgba(255,255,255,.12); } .benefitx-content{ display:flex; flex-direction:column; align-items:center; justify-content:center; text-align:center; gap:8px; } .benefitx-icon{ width:44px; height:44px; display:flex; align-items:center; justify-content:center; border-radius:13px; background:rgba(255,255,255,.09); border:1px solid rgba(255,255,255,.20); box-shadow: inset 0 1px 0 rgba(255,255,255,.15); } .benefitx-icon svg{ width:22px; height:22px; color:#ffe6ef; filter: drop-shadow(0 0 10px rgba(255,235,245,.85)); transition:.3s; } .benefitx-card:hover .benefitx-icon svg{ transform:scale(1.12); } .benefitx-text{ display:flex; flex-direction:column; gap:3px; } .benefitx-text h3{ margin:0; color:#ffffff; font-size:15px; font-weight:700; line-height:1.2; text-shadow: 0 1px 2px rgba(0,0,0,.35); } .benefitx-text p{ margin:0; color:rgba(255,255,255,.92); font-size:12px; line-height:1.2; text-shadow: 0 1px 2px rgba(0,0,0,.25); } /*==================== TABLET ====================*/ @media (max-width:1024px){ .benefitx-container{ grid-template-columns:repeat(2,1fr); gap:10px; } } /*==================== MOBILE ====================*/ @media (max-width:767px){ .benefitx-container{ grid-template-columns:repeat(2,1fr); gap:8px; padding:8px; } .benefitx-card{ min-height:108px; padding:12px 8px; border-radius:14px; } .benefitx-content{ gap:6px; } .benefitx-icon{ width:34px; height:34px; border-radius:10px; } .benefitx-icon svg{ width:18px; height:18px; } .benefitx-text h3{ font-size:13px; line-height:1.15; } .benefitx-text p{ font-size:11px; line-height:1.15; } .benefitx-badge{ display:none; } }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-baee193 *//* Estado Base del Botón (Glow casi imperceptible) */ .elementor-11 .elementor-element.elementor-element-baee193 .elementor-button { background-color: #f1c40f !important; /* Tu color amarillo exacto fijo */ color: #000000 !important; transition: all 0.3s ease-in-out !important; position: relative; overflow: visible; /* Resplandor base ultra suave */ box-shadow: 0 2px 10px rgba(241, 196, 15, 0.1) !important; } /* Estado Hover (Solo se expande la luz amarilla limpia) */ .elementor-11 .elementor-element.elementor-element-baee193 .elementor-button:hover { background-color: #f1c40f !important; /* Se queda exactamente en su color original */ transform: translateY(-2px) !important; /* Capas de Glow amarillo puro y difuminado sin tonos naranjas */ box-shadow: 0 0 12px rgba(241, 196, 15, 0.7), 0 0 25px rgba(241, 196, 15, 0.4), 0 0 50px rgba(241, 196, 15, 0.2) !important; }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-cfb74a5 *//* Estado Base del Botón (Transparente con Borde Blanco) */ .elementor-11 .elementor-element.elementor-element-cfb74a5 .elementor-button { background-color: transparent !important; color: #ffffff !important; /* Texto blanco base */ border: 2px solid #ffffff !important; /* Borde blanco sutil */ border-radius: 50px !important; /* Mantiene la forma ovalada */ transition: all 0.3s ease-in-out !important; position: relative; overflow: visible; /* Glow base casi invisible para suavizar la animación */ box-shadow: 0 0 0 rgba(241, 196, 15, 0) !important; } /* Estado Hover (Relleno Amarillo Puro + Glow Limpio) */ .elementor-11 .elementor-element.elementor-element-cfb74a5 .elementor-button:hover { background-color: #f1c40f !important; /* Fondo amarillo en hover */ color: #000000 !important; /* Texto cambia a negro para buen contraste */ border-color: #f1c40f !important; /* El borde se mimetiza con el fondo */ transform: translateY(-2px) !important; /* Elevación sutil */ /* Capas de resplandor amarillo sin tonos naranjas */ box-shadow: 0 0 12px rgba(241, 196, 15, 0.7), 0 0 25px rgba(241, 196, 15, 0.4), 0 0 50px rgba(241, 196, 15, 0.2) !important; }/* End custom CSS */ /* Start custom CSS for form, class: .elementor-element-b70fa90 *//* Estilo base del enlace */ .btn-catalogo { display: inline-flex; align-items: center; font-family: system-ui, -apple-system, sans-serif; font-size: 13.5px; font-weight: 600; /* Un poco más grueso para que resalte sin gritar */ color: #ff5287; /* El rosa de tu botón "ENVIAR" pero sutilmente optimizado para texto */ text-decoration: none; text-transform: lowercase; /* Mantiene tu estilo original */ margin: 8px 0; letter-spacing: 0.5px; transition: color 0.3s ease, opacity 0.3s ease; } /* El truco de la flecha animada */ .btn-catalogo .arrow { display: inline-block; margin-left: 5px; font-size: 15px; transition: transform 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275); } /* --- EFECTOS INTERACTIVOS (HOVER) --- */ /* Cuando el usuario pasa el mouse por encima */ .btn-catalogo:hover { color: #ff5287; /* Cambia a un rosa más vivo y brillante */ text-decoration: underline; /* Subrayado sutil clásico de los enlaces web */ text-underline-offset: 4px; /* Separa el subrayado del texto para que se vea premium */ } /* Hace que la flecha se mueva sola hacia la derecha al pasar el mouse */ .btn-catalogo:hover .arrow { transform: translateX(5px); } /* Efecto cuando se hace clic */ .btn-catalogo:active { transform: scale(0.98); } /* Contenedor principal del formulario (NUEVO: Efecto Cristal Gris para Contraste Extremo) */ .elementor-11 .elementor-element.elementor-element-b70fa90 { background: rgba(30, 30, 30, 0.65) !important; /* Fondo gris oscuro translúcido que hace resaltar todo */ backdrop-filter: blur(20px) saturate(140%); /* Aumentado el desenfoque para aislar los textos */ -webkit-backdrop-filter: blur(20px) saturate(140%); border: 1px solid rgba(255, 255, 255, 01) !important; /* Borde suave */ border-radius: 28px !important; /* Bordes bien redondeados */ padding: 35px 30px !important; /* Padding para Escritorio */ box-shadow: 0 20px 50px rgba(0, 0, 0, 0.45) !important; /* Sombra pronunciada para dar volumen */ } /* Títulos/Labels del formulario */ .elementor-11 .elementor-element.elementor-element-b70fa90 .elementor-field-label { color: #ffffff !important; /* Texto blanco puro brillante */ font-weight: 500 !important; /* Subido ligeramente el peso para legibilidad impecable */ font-size: 15px !important; margin-bottom: 8px !important; letter-spacing: 0.3px; text-shadow: 0 1px 4px rgba(0,0,0,0.3); /* Pequeña sombra al texto para separarlo del fondo */ } /* Estilo de los campos de texto (Inputs y Textarea) */ .elementor-11 .elementor-element.elementor-element-b70fa90 .elementor-field-textual { background: rgba(255, 255, 255, 0.98) !important; /* Fondo blanco sólido para máxima lectura */ border: 1px solid rgba(255, 255, 255, 0.2) !important; border-radius: 12px !important; /* Inputs redondeados elegantes */ color: #222222 !important; /* Texto oscuro al escribir */ padding: 12px 16px !important; font-size: 15px !important; transition: all 0.3s ease !important; } /* Efecto focus al hacer clic en un input */ .elementor-11 .elementor-element.elementor-element-b70fa90 .elementor-field-textual:focus { background: #ffffff !important; box-shadow: 0 0 0 3px rgba(37, 211, 102, 0.3) !important; /* Destello sutil verde WhatsApp al seleccionar */ } /* El botón de enviar (NUEVO: Verde WhatsApp Oficial) */ .elementor-11 .elementor-element.elementor-element-b70fa90 .elementor-button { background: linear-gradient(90deg, #25D366 0%, #128C7E 100%) !important; /* Degradado verde WhatsApp oficial */ border: none !important; border-radius: 50px !important; /* Botón completamente ovalado */ color: #ffffff !important; font-weight: 700 !important; font-size: 16px !important; padding: 15px 24px !important; margin-top: 20px; text-transform: uppercase; /* Opcional: Da un aspecto más comercial e imperativo */ letter-spacing: 0.5px; transition: transform 0.2s ease, box-shadow 0.2s ease !important; box-shadow: 0 5px 20px rgba(37, 211, 102, 0.4) !important; /* Sombra verde difuminada */ } /* Efecto hover en el botón */ .elementor-11 .elementor-element.elementor-element-b70fa90 .elementor-button:hover { transform: translateY(-2px) !important; box-shadow: 0 8px 25px rgba(18, 140, 126, 0.6) !important; background: linear-gradient(90deg, #26de6b 0%, #149c8c 100%) !important; /* Brillo ligero al pasar el cursor */ } /* --- CORRECCIÓN DE FLECHAS EN SELECTS --- */ /* Cambia el color de la flecha nativa/SVG de Elementor a negro */ .elementor-11 .elementor-element.elementor-element-b70fa90 .elementor-field-textual select, .elementor-11 .elementor-element.elementor-element-b70fa90 select.elementor-field-textual { color: #2b2b2b !important; /* Asegura el texto oscuro */ background-image: url("data:image/svg+xml;utf8,") !important; background-repeat: no-repeat !important; background-position: right 16px center !important; background-size: 14px !important; -webkit-appearance: none !important; /* Quita la flecha blanca del sistema */ -moz-appearance: none !important; appearance: none !important; padding-right: 40px !important; /* Espacio para que el texto no pise la flecha */ } /* Si usas los iconos nativos de iconos de Elementor para la flecha */ .elementor-11 .elementor-element.elementor-element-b70fa90 .elementor-select-wrapper::after { color: #2b2b2b !important; } /* --- OPTIMIZACIÓN PARA MÓVILES --- */ @media (max-width: 767px) { .elementor-11 .elementor-element.elementor-element-b70fa90 { padding: 24px 18px !important; /* Reduce el espacio interno drásticamente en celulares */ border-radius: 20px !important; /* Suaviza un poco las esquinas en pantallas pequeñas */ background: rgba(25, 25, 25, 0.75) !important; /* Ligeramente más opaco en móviles para evitar ruidos de fondo */ } }/* End custom CSS */ /* Start custom CSS for html, class: .elementor-element-c74d918 *//* ========================= REVIEW PILL PREMIUM RED GLASS ========================= */ .hotel-review-pill{ display:inline-flex; align-items:center; gap:14px; position:relative; overflow:hidden; padding:12px 16px; background:linear-gradient( 135deg, rgba(180,20,20,.42), rgba(95,8,8,.55) ); backdrop-filter:blur(18px); -webkit-backdrop-filter:blur(18px); border:1px solid rgba(255,255,255,.12); border-radius:999px; box-shadow: 0 10px 30px rgba(0,0,0,.25), inset 0 1px 0 rgba(255,255,255,.12), 0 0 25px rgba(220,30,30,.18); } /* Reflejo superior */ .hotel-review-pill::before{ content:""; position:absolute; top:0; left:-20%; width:70%; height:100%; background:linear-gradient( 120deg, rgba(255,255,255,.22), rgba(255,255,255,0) ); transform:skewX(-25deg); pointer-events:none; } /* AVATARES */ .hotel-pill-avatars{ display:flex; z-index:2; } .hotel-pill-avatars img{ width:36px; height:36px; border-radius:50%; object-fit:cover; border:2px solid rgba(255,255,255,.9); margin-left:-10px; box-shadow:0 4px 10px rgba(0,0,0,.25); } .hotel-pill-avatars img:first-child{ margin-left:0; } /* CONTENIDO */ .hotel-pill-content{ display:flex; flex-direction:column; z-index:2; } /* RATING */ .hotel-pill-rating{ color:#FFD95A; font-size:13px; font-weight:700; line-height:1.2; letter-spacing:.3px; } .hotel-pill-rating span{ color:#ffffff; margin-left:6px; font-weight:600; } /* TEXTO */ .hotel-pill-label{ color:rgba(255,255,255,.92); font-size:12px; font-weight:500; line-height:1.35; } /* MOBILE */ @media(max-width:767px){ .hotel-review-pill{ gap:12px; padding:10px 14px; } .hotel-pill-avatars img{ width:32px; height:32px; } .hotel-pill-rating{ font-size:12px; } .hotel-pill-label{ font-size:11px; } }/* End custom CSS */ /* Start custom CSS for html, class: .elementor-element-564ec70 *//*============================== STATS SECRET GARDEN ==============================*/ .sg-stats{ display:grid; grid-template-columns:repeat(4,1fr); gap:14px; max-width:1100px; margin:auto; padding:16px; } .sg-stat-card{ position:relative; padding:20px 22px; background:linear-gradient( 180deg, rgba(255,255,255,.98), rgba(255,248,251,.96) ); border:1.5px solid rgba(255,255,255,.95); border-radius:18px; backdrop-filter:blur(16px); -webkit-backdrop-filter:blur(16px); box-shadow: 0 10px 24px rgba(255,95,150,.10), inset 0 1px 0 rgba(255,255,255,.95); transition:.3s; } .sg-stat-card:hover{ transform:translateY(-4px); box-shadow: 0 16px 34px rgba(255,95,150,.18); } .sg-stat-card::before{ content:""; position:absolute; top:0; left:0; right:0; height:4px; border-radius:18px 18px 0 0; background:linear-gradient( 90deg, #ff4f7d, #ff7d9d ); } .sg-stat-number{ font-size:38px; font-weight:800; line-height:1; margin-bottom:10px; color:#ff4f7d; letter-spacing:-1px; } .sg-stat-text{ font-size:15px; line-height:1.45; color:#444; font-weight:500; } /*============================== TABLET ==============================*/ @media(max-width:1024px){ .sg-stats{ grid-template-columns:repeat(2,1fr); gap:12px; } } /*============================== MOBILE ==============================*/ @media(max-width:767px){ .sg-stats{ grid-template-columns:repeat(2,1fr); gap:8px; padding:8px; } .sg-stat-card{ padding:14px 12px; border-radius:14px; } .sg-stat-card::before{ height:3px; border-radius:14px 14px 0 0; } .sg-stat-number{ font-size:26px; margin-bottom:6px; } .sg-stat-text{ font-size:11px; line-height:1.25; } }/* End custom CSS */ /* Start custom CSS for loop-carousel, class: .elementor-element-88c0bae *//* --- ESTADO INICIAL (Estilo Apple: Rosa Sólido) --- */ .elementor-11 .elementor-element.elementor-element-88c0bae .elementor-swiper-button { background-color: #e15a8c !important; /* Rosa principal de tu marca */ color: #ffffff !important; /* Flecha blanca */ width: 48px !important; height: 48px !important; border-radius: 50% !important; box-shadow: 0 4px 12px rgba(225, 90, 140, 0.25) !important; display: flex !important; align-items: center !important; justify-content: center !important; transition: all 0.25s cubic-bezier(0.25, 1, 0.5, 1) !important; opacity: 1 !important; z-index: 10 !important; } /* Tamaño de la flecha interna */ .elementor-11 .elementor-element.elementor-element-88c0bae .elementor-swiper-button i, .elementor-11 .elementor-element.elementor-element-88c0bae .elementor-swiper-button svg { font-size: 16px !important; width: 16px !important; height: 16px !important; } /* --- POSICIONAMIENTO EN ESCRITORIO --- */ .elementor-11 .elementor-element.elementor-element-88c0bae .elementor-swiper-button-prev { left: -22px !important; } .elementor-11 .elementor-element.elementor-element-88c0bae .elementor-swiper-button-next { right: -22px !important; } /* --- ESTADO HOVER (Al pasar el mouse) --- */ .elementor-11 .elementor-element.elementor-element-88c0bae .elementor-swiper-button:hover { background-color: #db437b !important; box-shadow: 0 6px 16px rgba(225, 90, 140, 0.4) !important; transform: scale(1.05); cursor: pointer; } /* --- OPTIMIZACIÓN EXCLUSIVA PARA MÓVILES (Celulares) --- */ @media (max-width: 767px) { .elementor-11 .elementor-element.elementor-element-88c0bae .elementor-swiper-button { width: 36px !important; /* Las hacemos más pequeñas para que no estorben */ height: 36px !important; box-shadow: 0 2px 8px rgba(225, 90, 140, 0.2) !important; } .elementor-11 .elementor-element.elementor-element-88c0bae .elementor-swiper-button i, .elementor-11 .elementor-element.elementor-element-88c0bae .elementor-swiper-button svg { font-size: 12px !important; /* Flechas internas más finas */ width: 12px !important; height: 12px !important; } /* Las sacamos hacia afuera un 50% para que floten a mitad del borde físico de la pantalla */ .elementor-11 .elementor-element.elementor-element-88c0bae .elementor-swiper-button-prev { left: -12px !important; } .elementor-11 .elementor-element.elementor-element-88c0bae .elementor-swiper-button-next { right: -12px !important; } }/* End custom CSS */ /* Start custom CSS for html, class: .elementor-element-11c45dd *//*========================================= BENEFICIO PROMOCIONAL PREMIUM =========================================*/ .regalo-banner-mini{ display:flex; align-items:center; gap:24px; max-width:1000px; margin:28px auto; padding:18px 28px; position:relative; overflow:hidden; background: linear-gradient(180deg, #fffafb 0%, #fff2f7 100%); border:1px solid rgba(236,93,149,.15); border-radius:18px; box-shadow: 0 15px 35px rgba(236,93,149,.08); transition:.35s ease; box-sizing:border-box; } /* Hover */ .regalo-banner-mini:hover{ transform:translateY(-2px); box-shadow: 0 22px 45px rgba(236,93,149,.12); } /* Decoraciones */ .regalo-banner-mini::before{ content:""; position:absolute; width:180px; height:180px; left:-90px; top:-90px; border-radius:50%; background: radial-gradient(circle, rgba(255,181,210,.35), transparent 70%); } .regalo-banner-mini::after{ content:""; position:absolute; width:150px; height:150px; right:-70px; bottom:-70px; border-radius:50%; background: radial-gradient(circle, rgba(255,181,210,.20), transparent 70%); } /*========================================= ICONO =========================================*/ .regalo-mini-icon{ width:60px; height:60px; flex-shrink:0; display:flex; align-items:center; justify-content:center; border-radius:18px; background: linear-gradient(135deg, #ffe7f1, #ffd8e8); } .regalo-mini-icon img{ width:34px; } /*========================================= TEXTO =========================================*/ .regalo-mini-info{ flex:1; display:flex; flex-direction:column; gap:4px; z-index:2; } .regalo-mini-tag{ display:inline-flex; width:max-content; padding:4px 10px; border-radius:50px; background:#ffe3ef; color:#d83a6f; font-size:11px; font-weight:700; letter-spacing:.4px; text-transform:uppercase; } .regalo-mini-text{ margin:0; font-size:24px; font-weight:800; color:#222; line-height:1.2; } .regalo-mini-text span{ color:#ec5d95; } .regalo-mini-expire{ font-size:14px; color:#222; /* Un toque más oscuro para que se lea mejor el agregado */ font-weight:500; } /* Subtexto secundario para la vigencia */ .regalo-mini-expire.secundario { font-size:12px; color:#777; margin-top:2px; } /*========================================= STOCK =========================================*/ .regalo-mini-stock{ width:290px; display:flex; flex-direction:column; gap:8px; z-index:2; } .regalo-mini-stock-label{ display:flex; justify-content:space-between; font-size:13px; font-weight:600; color:#555; } .regalo-mini-alert{ color:#ec5d95; font-weight:800; } .regalo-mini-progress-bg{ width:100%; height:8px; border-radius:50px; background:#f8dbe7; overflow:hidden; } .regalo-mini-progress-fill{ width:22%; height:100%; border-radius:50px; background: linear-gradient(90deg, #ff77af, #ec5d95); } /*========================================= RESPONSIVE =========================================*/ @media(max-width:767px){ .regalo-banner-mini{ flex-direction:column; text-align:center; gap:16px; padding:22px 18px; } .regalo-mini-info{ align-items:center; } .regalo-mini-text{ font-size:20px; } .regalo-mini-expire{ font-size:13px; } .regalo-mini-expire.secundario { font-size:11px; } .regalo-mini-stock{ width:100%; } .regalo-mini-stock-label{ font-size:12px; } .regalo-mini-icon{ width:56px; height:56px; } .regalo-mini-icon img{ width:30px; } }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-cd7260b *//* Estado Base del Botón (Glow rosa casi imperceptible) */ .elementor-11 .elementor-element.elementor-element-cd7260b .elementor-button { background-color: #d83a6f !important; /* Tu color rosa exacto fijo */ color: #ffffff !important; /* Texto blanco para excelente contraste */ transition: all 0.3s ease-in-out !important; position: relative; overflow: visible; /* Resplandor base ultra suave */ box-shadow: 0 2px 10px rgba(216, 58, 111, 0.1) !important; } /* Estado Hover (Solo se expande la luz rosa limpia) */ .elementor-11 .elementor-element.elementor-element-cd7260b .elementor-button:hover { background-color: #d83a6f !important; /* Se queda exactamente en su color original */ transform: translateY(-2px) !important; /* Elevación sutil */ /* Capas de Glow rosa puro y difuminado */ box-shadow: 0 0 12px rgba(216, 58, 111, 0.6), 0 0 25px rgba(216, 58, 111, 0.35), 0 0 50px rgba(216, 58, 111, 0.15) !important; }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-ecf8a17 *//* --- ESTILO PREMIUM PARA PRECIOS EN EL EXTRACTO --- */ .precio-oferta-custom { text-decoration: line-through; color: #b5b5b5 !important; /* Un gris suave para el precio antiguo */ font-size: 20px; /* Tamaño para Computadora */ margin-right: 8px; /* Separa el precio tachado del precio nuevo */ } /* --- AJUSTE EXCLUSIVO PARA MÓVILES --- */ @media (max-width: 767px) { .precio-oferta-custom { font-size: 16px !important; /* Tamaño reducido en celular */ } }/* End custom CSS */ /* Start custom CSS for loop-carousel, class: .elementor-element-fb68d39 *//* --- ESTADO INICIAL (Estilo Apple: Rosa Sólido) --- */ .elementor-11 .elementor-element.elementor-element-fb68d39 .elementor-swiper-button { background-color: #e15a8c !important; /* Rosa principal de tu marca */ color: #ffffff !important; /* Flecha blanca */ width: 48px !important; height: 48px !important; border-radius: 50% !important; box-shadow: 0 4px 12px rgba(225, 90, 140, 0.25) !important; display: flex !important; align-items: center !important; justify-content: center !important; transition: all 0.25s cubic-bezier(0.25, 1, 0.5, 1) !important; opacity: 1 !important; z-index: 10 !important; } /* Tamaño de la flecha interna */ .elementor-11 .elementor-element.elementor-element-fb68d39 .elementor-swiper-button i, .elementor-11 .elementor-element.elementor-element-fb68d39 .elementor-swiper-button svg { font-size: 16px !important; width: 16px !important; height: 16px !important; } /* --- POSICIONAMIENTO EN ESCRITORIO --- */ .elementor-11 .elementor-element.elementor-element-fb68d39 .elementor-swiper-button-prev { left: -22px !important; } .elementor-11 .elementor-element.elementor-element-fb68d39 .elementor-swiper-button-next { right: -22px !important; } /* --- ESTADO HOVER (Al pasar el mouse) --- */ .elementor-11 .elementor-element.elementor-element-fb68d39 .elementor-swiper-button:hover { background-color: #db437b !important; box-shadow: 0 6px 16px rgba(225, 90, 140, 0.4) !important; transform: scale(1.05); cursor: pointer; } /* --- OPTIMIZACIÓN EXCLUSIVA PARA MÓVILES (Celulares) --- */ @media (max-width: 767px) { .elementor-11 .elementor-element.elementor-element-fb68d39 .elementor-swiper-button { width: 36px !important; /* Las hacemos más pequeñas para que no estorben */ height: 36px !important; box-shadow: 0 2px 8px rgba(225, 90, 140, 0.2) !important; } .elementor-11 .elementor-element.elementor-element-fb68d39 .elementor-swiper-button i, .elementor-11 .elementor-element.elementor-element-fb68d39 .elementor-swiper-button svg { font-size: 12px !important; /* Flechas internas más finas */ width: 12px !important; height: 12px !important; } /* Las sacamos hacia afuera un 50% para que floten a mitad del borde físico de la pantalla */ .elementor-11 .elementor-element.elementor-element-fb68d39 .elementor-swiper-button-prev { left: -12px !important; } .elementor-11 .elementor-element.elementor-element-fb68d39 .elementor-swiper-button-next { right: -12px !important; } }/* End custom CSS */ /* Start custom CSS for loop-carousel, class: .elementor-element-2e01185 *//* --- ESTADO INICIAL (Estilo Apple: Rosa Sólido) --- */ .elementor-11 .elementor-element.elementor-element-2e01185 .elementor-swiper-button { background-color: #e15a8c !important; /* Rosa principal de tu marca */ color: #ffffff !important; /* Flecha blanca */ width: 48px !important; height: 48px !important; border-radius: 50% !important; box-shadow: 0 4px 12px rgba(225, 90, 140, 0.25) !important; display: flex !important; align-items: center !important; justify-content: center !important; transition: all 0.25s cubic-bezier(0.25, 1, 0.5, 1) !important; opacity: 1 !important; z-index: 10 !important; } /* Tamaño de la flecha interna */ .elementor-11 .elementor-element.elementor-element-2e01185 .elementor-swiper-button i, .elementor-11 .elementor-element.elementor-element-2e01185 .elementor-swiper-button svg { font-size: 16px !important; width: 16px !important; height: 16px !important; } /* --- POSICIONAMIENTO EN ESCRITORIO --- */ .elementor-11 .elementor-element.elementor-element-2e01185 .elementor-swiper-button-prev { left: -22px !important; } .elementor-11 .elementor-element.elementor-element-2e01185 .elementor-swiper-button-next { right: -22px !important; } /* --- ESTADO HOVER (Al pasar el mouse) --- */ .elementor-11 .elementor-element.elementor-element-2e01185 .elementor-swiper-button:hover { background-color: #db437b !important; box-shadow: 0 6px 16px rgba(225, 90, 140, 0.4) !important; transform: scale(1.05); cursor: pointer; } /* --- OPTIMIZACIÓN EXCLUSIVA PARA MÓVILES (Celulares) --- */ @media (max-width: 767px) { .elementor-11 .elementor-element.elementor-element-2e01185 .elementor-swiper-button { width: 36px !important; /* Las hacemos más pequeñas para que no estorben */ height: 36px !important; box-shadow: 0 2px 8px rgba(225, 90, 140, 0.2) !important; } .elementor-11 .elementor-element.elementor-element-2e01185 .elementor-swiper-button i, .elementor-11 .elementor-element.elementor-element-2e01185 .elementor-swiper-button svg { font-size: 12px !important; /* Flechas internas más finas */ width: 12px !important; height: 12px !important; } /* Las sacamos hacia afuera un 50% para que floten a mitad del borde físico de la pantalla */ .elementor-11 .elementor-element.elementor-element-2e01185 .elementor-swiper-button-prev { left: -12px !important; } .elementor-11 .elementor-element.elementor-element-2e01185 .elementor-swiper-button-next { right: -12px !important; } }/* End custom CSS */ /* Start custom CSS for loop-carousel, class: .elementor-element-396dfee *//* --- ESTADO INICIAL (Estilo Apple: Rosa Sólido) --- */ .elementor-11 .elementor-element.elementor-element-396dfee .elementor-swiper-button { background-color: #e15a8c !important; /* Rosa principal de tu marca */ color: #ffffff !important; /* Flecha blanca */ width: 48px !important; height: 48px !important; border-radius: 50% !important; box-shadow: 0 4px 12px rgba(225, 90, 140, 0.25) !important; display: flex !important; align-items: center !important; justify-content: center !important; transition: all 0.25s cubic-bezier(0.25, 1, 0.5, 1) !important; opacity: 1 !important; z-index: 10 !important; } /* Tamaño de la flecha interna */ .elementor-11 .elementor-element.elementor-element-396dfee .elementor-swiper-button i, .elementor-11 .elementor-element.elementor-element-396dfee .elementor-swiper-button svg { font-size: 16px !important; width: 16px !important; height: 16px !important; } /* --- POSICIONAMIENTO EN ESCRITORIO --- */ .elementor-11 .elementor-element.elementor-element-396dfee .elementor-swiper-button-prev { left: -22px !important; } .elementor-11 .elementor-element.elementor-element-396dfee .elementor-swiper-button-next { right: -22px !important; } /* --- ESTADO HOVER (Al pasar el mouse) --- */ .elementor-11 .elementor-element.elementor-element-396dfee .elementor-swiper-button:hover { background-color: #db437b !important; box-shadow: 0 6px 16px rgba(225, 90, 140, 0.4) !important; transform: scale(1.05); cursor: pointer; } /* --- OPTIMIZACIÓN EXCLUSIVA PARA MÓVILES (Celulares) --- */ @media (max-width: 767px) { .elementor-11 .elementor-element.elementor-element-396dfee .elementor-swiper-button { width: 36px !important; /* Las hacemos más pequeñas para que no estorben */ height: 36px !important; box-shadow: 0 2px 8px rgba(225, 90, 140, 0.2) !important; } .elementor-11 .elementor-element.elementor-element-396dfee .elementor-swiper-button i, .elementor-11 .elementor-element.elementor-element-396dfee .elementor-swiper-button svg { font-size: 12px !important; /* Flechas internas más finas */ width: 12px !important; height: 12px !important; } /* Las sacamos hacia afuera un 50% para que floten a mitad del borde físico de la pantalla */ .elementor-11 .elementor-element.elementor-element-396dfee .elementor-swiper-button-prev { left: -12px !important; } .elementor-11 .elementor-element.elementor-element-396dfee .elementor-swiper-button-next { right: -12px !important; } }/* End custom CSS */ /* Start custom CSS for loop-carousel, class: .elementor-element-f345ce8 *//* --- ESTADO INICIAL (Estilo Apple: Rosa Sólido) --- */ .elementor-11 .elementor-element.elementor-element-f345ce8 .elementor-swiper-button { background-color: #e15a8c !important; /* Rosa principal de tu marca */ color: #ffffff !important; /* Flecha blanca */ width: 48px !important; height: 48px !important; border-radius: 50% !important; box-shadow: 0 4px 12px rgba(225, 90, 140, 0.25) !important; display: flex !important; align-items: center !important; justify-content: center !important; transition: all 0.25s cubic-bezier(0.25, 1, 0.5, 1) !important; opacity: 1 !important; z-index: 10 !important; } /* Tamaño de la flecha interna */ .elementor-11 .elementor-element.elementor-element-f345ce8 .elementor-swiper-button i, .elementor-11 .elementor-element.elementor-element-f345ce8 .elementor-swiper-button svg { font-size: 16px !important; width: 16px !important; height: 16px !important; } /* --- POSICIONAMIENTO EN ESCRITORIO --- */ .elementor-11 .elementor-element.elementor-element-f345ce8 .elementor-swiper-button-prev { left: -22px !important; } .elementor-11 .elementor-element.elementor-element-f345ce8 .elementor-swiper-button-next { right: -22px !important; } /* --- ESTADO HOVER (Al pasar el mouse) --- */ .elementor-11 .elementor-element.elementor-element-f345ce8 .elementor-swiper-button:hover { background-color: #db437b !important; box-shadow: 0 6px 16px rgba(225, 90, 140, 0.4) !important; transform: scale(1.05); cursor: pointer; } /* --- OPTIMIZACIÓN EXCLUSIVA PARA MÓVILES (Celulares) --- */ @media (max-width: 767px) { .elementor-11 .elementor-element.elementor-element-f345ce8 .elementor-swiper-button { width: 36px !important; /* Las hacemos más pequeñas para que no estorben */ height: 36px !important; box-shadow: 0 2px 8px rgba(225, 90, 140, 0.2) !important; } .elementor-11 .elementor-element.elementor-element-f345ce8 .elementor-swiper-button i, .elementor-11 .elementor-element.elementor-element-f345ce8 .elementor-swiper-button svg { font-size: 12px !important; /* Flechas internas más finas */ width: 12px !important; height: 12px !important; } /* Las sacamos hacia afuera un 50% para que floten a mitad del borde físico de la pantalla */ .elementor-11 .elementor-element.elementor-element-f345ce8 .elementor-swiper-button-prev { left: -12px !important; } .elementor-11 .elementor-element.elementor-element-f345ce8 .elementor-swiper-button-next { right: -12px !important; } }/* End custom CSS */ /* Start custom CSS for html, class: .elementor-element-5f8b9ef *//* --- ESTILOS DE TARJETAS DE BENEFICIOS ACTUALIZADOS (PREMIUM GLASS-PINK) --- */ /* Contenedor principal en fila/grid (sin cambios, solo para contexto) */ .beneficios-container { display: grid; grid-template-columns: repeat(4, 1fr); gap: 16px; width: 100%; max-width: 1200px; margin: 0 auto; padding: 20px; box-sizing: border-box; } /* Diseño de la Tarjeta (Efecto Vidrio Rosa Brillante) */ .beneficio-card { /* Fondo: Degradado para simular profundidad de vidrio rosa */ background: linear-gradient(135deg, rgba(255, 100, 150, 0.4) 0%, rgba(255, 180, 200, 0.2) 50%, rgba(255, 100, 150, 0.4) 100%); /* Efecto de desenfoque de fondo y saturación (Glassmorphism) */ backdrop-filter: blur(15px) saturate(160%); -webkit-backdrop-filter: blur(15px) saturate(160%); /* Borde brillante rosa metálico */ border: 2px solid rgba(255, 150, 200, 0.6); /* Sombra rosa suave y brillante */ box-shadow: 0 8px 32px rgba(255, 100, 150, 0.3); border-radius: 20px; /* Bordes más redondeados y pulidos */ padding: 28px 24px; /* Un poco más de espacio */ position: relative; box-sizing: border-box; overflow: hidden; /* Asegura que los brillos internos no se desborden */ transition: transform 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275), box-shadow 0.4s ease, border-color 0.4s ease; } /* El pequeño número redondeado arriba a la derecha (estilo más pulido) */ .beneficio-badge { position: absolute; top: 18px; right: 18px; background: rgba(255, 255, 255, 0.15); color: #ffffff; font-family: system-ui, -apple-system, sans-serif; font-size: 12px; font-weight: 700; padding: 4px 10px; border-radius: 20px; border: 1px solid rgba(255, 255, 255, 0.1); box-shadow: inset 0 0 5px rgba(255, 255, 255, 0.1); } /* Estructura interna (Icono arriba, texto abajo para el diseño 2x2) */ .beneficio-content { display: flex; flex-direction: column; /* Icono arriba, texto abajo */ align-items: center; /* Centrar todo para el nuevo diseño */ text-align: center; /* Centrar el texto */ gap: 16px; margin-top: 10px; } /* Contenedor del Icono en Oro Rosado Metálico */ .beneficio-icon { display: flex; align-items: center; justify-content: center; flex-shrink: 0; margin-bottom: 8px; } .beneficio-icon svg { width: 38px; /* Un poco más grande y detallado */ height: 38px; /* Color oro rosado metálico brillante */ color: #ffb8d1; filter: drop-shadow(0 0 8px rgba(255, 184, 209, 0.8)); /* Efecto de brillo de icono */ transition: transform 0.4s ease, filter 0.4s ease; } /* Textos internos */ .beneficio-text { display: flex; flex-direction: column; gap: 6px; } .beneficio-text h3 { font-family: system-ui, -apple-system, sans-serif; color: #ffffff; font-size: 16px; font-weight: 700; /* Un poco más audaz */ margin: 0; line-height: 1.3; text-shadow: 0 1px 2px rgba(0, 0, 0, 0.3); /* Mejora la legibilidad */ } .beneficio-text p { font-family: system-ui, -apple-system, sans-serif; color: #fce4ec; /* Un rosa muy pálido para el texto de cuerpo */ font-size: 13px; margin: 0; line-height: 1.5; text-shadow: 0 1px 2px rgba(0, 0, 0, 0.2); /* Mejora la legibilidad */ } /* Efecto de brillo reflejo interno en hover */ .beneficio-card::after { content: ''; position: absolute; top: -50%; left: -50%; width: 200%; height: 200%; background: linear-gradient(135deg, rgba(255, 255, 255, 0.1) 0%, rgba(255, 255, 255, 0.0) 30%, rgba(255, 255, 255, 0.1) 60%, rgba(255, 255, 255, 0.0) 100%); opacity: 0; transform: scale(1); transition: opacity 0.6s ease, transform 0.6s ease; } .beneficio-card:hover::after { opacity: 1; transform: scale(1.1) rotate(5deg); } /* Interacción sutil Hover */ .beneficio-card:hover { transform: translateY(-6px) scale(1.02); /* Movimiento más refinado */ border-color: rgba(255, 184, 209, 1); /* Borde rosa más brillante */ box-shadow: 0 12px 40px rgba(255, 100, 150, 0.5); /* Sombra más profunda y brillante */ } .beneficio-card:hover .beneficio-icon svg { transform: scale(1.1) rotate(2deg); filter: drop-shadow(0 0 12px rgba(255, 184, 209, 1)); /* Brillo de icono más intenso */ } /* --- RESPONSIVE OPTIMIZADO PARA MÓVILES (CUADRÍCULA 2X2) --- */ @media (max-width: 1024px) { .beneficios-container { grid-template-columns: repeat(2, 1fr); /* 2x2 en tablets */ } } @media (max-width: 767px) { .beneficios-container { grid-template-columns: repeat(2, 1fr); /* Cuadrícula simétrica 2x2 en móviles */ gap: 12px; padding: 20px 16px; width: 100%; } .beneficio-card { padding: 20px 16px; /* Más espacio para equilibrar la reducción de tamaño */ border-radius: 18px; border-width: 1.5px; } .beneficio-content { flex-direction: column; /* Icono arriba, texto abajo */ gap: 10px; margin-top: 10px; align-items: center; text-align: center; } .beneficio-badge { top: 14px; right: 14px; font-size: 11px; padding: 3px 8px; } .beneficio-icon svg { width: 32px; height: 32px; } .beneficio-text h3 { font-size: 14.5px; } .beneficio-text p { font-size: 12px; line-height: 1.4; } }/* End custom CSS */ /* Start custom CSS for html, class: .elementor-element-53e3c0c *//* Contenedor Horizontal */ .proceso-compra-container { display: flex; justify-content: space-between; align-items: flex-start; width: 100%; max-width: 1200px; margin: 20px auto; padding: 20px; position: relative; box-sizing: border-box; gap: 24px; } /* Línea discontinua que conecta los pasos (Detrás de las esferas) */ .proceso-compra-container::before { content: ''; position: absolute; top: 55px; /* Centrado con el eje de las esferas */ left: 10%; width: 80%; height: 1px; border-top: 1.5px dashed #ffd1dd; z-index: 1; } /* Bloque individual de cada paso */ .proceso-step { display: flex; flex-direction: column; align-items: center; text-align: center; flex: 1; z-index: 2; position: relative; } /* Círculo contenedor del icono */ .proceso-icon-wrapper { width: 72px; height: 72px; border-radius: 50%; background: #ffffff; border: 1px solid #ffe6ed; display: flex; align-items: center; justify-content: center; margin-bottom: 20px; position: relative; box-shadow: 0 8px 20px rgba(216, 58, 111, 0.04); } /* Iconos vectoriales internos */ .proceso-icon-wrapper svg { width: 26px; height: 26px; color: #2c2c2c; } /* Especial para el icono de WhatsApp (Paso 3) */ .proceso-step:nth-child(3) .proceso-icon-wrapper svg { color: #25d366; } /* Esfera pequeña con el número superior */ .proceso-number { position: absolute; top: -6px; background: #d83a6f; color: #ffffff; font-family: system-ui, -apple-system, sans-serif; font-size: 11px; font-weight: 700; width: 22px; height: 22px; border-radius: 50%; display: flex; align-items: center; justify-content: center; box-shadow: 0 3px 8px rgba(216, 58, 111, 0.25); } /* Tipografía de los pasos */ .proceso-text h3 { font-family: system-ui, -apple-system, sans-serif; color: #111111; font-size: 15px; font-weight: 700; margin: 0 0 6px 0; line-height: 1.3; } .proceso-text p { font-family: system-ui, -apple-system, sans-serif; color: #666666; font-size: 13px; margin: 0; line-height: 1.4; padding: 0 10px; } /* ======================================================= ADAPTACIÓN MÓVILES (ALINEACIÓN VERTICAL PERFECTA) ======================================================= */ @media (max-width: 767px) { .proceso-compra-container { flex-direction: column; align-items: flex-start; gap: 32px; padding: 20px 16px; /* Ajuste limpio estándar a los lados */ } /* La línea discontinua pasa a modo vertical y se centra milimétricamente */ .proceso-compra-container::before { top: 35px; left: 48px; /* Posición exacta en el centro del círculo de 64px */ width: 1px; height: calc(100% - 85px); /* Detiene la línea justo en la última esfera */ border-top: none; border-left: 1.5px dashed #ffd1dd; } /* Estructura en fila para el celular (Icono izquierda, texto derecha) */ .proceso-step { flex-direction: row; text-align: left; align-items: center; gap: 18px; width: 100%; } /* Reducción proporcional del círculo en celulares */ .proceso-icon-wrapper { width: 64px; height: 64px; margin-bottom: 0; flex-shrink: 0; } .proceso-icon-wrapper svg { width: 24px; height: 24px; } .proceso-number { width: 20px; height: 20px; font-size: 10px; top: -4px; } .proceso-text { display: flex; flex-direction: column; gap: 2px; } .proceso-text h3 { font-size: 14.5px; margin-bottom: 2px; } .proceso-text p { padding: 0; font-size: 12.5px; line-height: 1.35; } }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-d9b82bd *//* Estado Base del Botón (Glow rosa casi imperceptible) */ .elementor-11 .elementor-element.elementor-element-d9b82bd .elementor-button { background-color: #d83a6f !important; /* Tu color rosa exacto fijo */ color: #ffffff !important; /* Texto blanco para excelente contraste */ transition: all 0.3s ease-in-out !important; position: relative; overflow: visible; /* Resplandor base ultra suave */ box-shadow: 0 2px 10px rgba(216, 58, 111, 0.1) !important; } /* Estado Hover (Solo se expande la luz rosa limpia) */ .elementor-11 .elementor-element.elementor-element-d9b82bd .elementor-button:hover { background-color: #d83a6f !important; /* Se queda exactamente en su color original */ transform: translateY(-2px) !important; /* Elevación sutil */ /* Capas de Glow rosa puro y difuminado */ box-shadow: 0 0 12px rgba(216, 58, 111, 0.6), 0 0 25px rgba(216, 58, 111, 0.35), 0 0 50px rgba(216, 58, 111, 0.15) !important; }/* End custom CSS */ /* Start custom CSS for html, class: .elementor-element-c8091cf *//* CONTENEDOR PRINCIPAL */ .regalo-testimonials-marquee { width: 100%; overflow: hidden; position: relative; padding: 20px 0; background: #ffffff; /* Fondo blanco limpio para hacer juego con tu sección superior */ } /* FADES LATERALES EN BLANCO TRASLÚCIDO */ .regalo-testimonials-marquee::before, .regalo-testimonials-marquee::after { content: ""; position: absolute; top: 0; width: 120px; height: 100%; z-index: 10; pointer-events: none; } .regalo-testimonials-marquee::before { left: 0; background: linear-gradient(to right, #ffffff, transparent); } .regalo-testimonials-marquee::after { right: 0; background: linear-gradient(to left, #ffffff, transparent); } /* TRACK DE ANIMACIÓN */ .regalo-testimonials-track { display: flex; gap: 20px; width: max-content; animation: regaloMove 35s linear infinite; } .regalo-testimonials-track:hover { animation-play-state: paused; /* Se detiene elegantemente al pasar el cursor */ } /* TARJETAS ESTILO PREMIUM ROSA */ .regalo-review-card { width: 360px; min-height: 200px; flex-shrink: 0; padding: 24px; border-radius: 20px; background: #ffffff; border: 1px solid #ffe6ed; /* Borde rosa ultra suave */ box-shadow: 0 10px 30px rgba(216, 58, 111, 0.03); /* Sombra sutil rosa */ transition: all .3s ease; display: flex; flex-direction: column; overflow: hidden; box-sizing: border-box; } .regalo-review-card:hover { transform: translateY(-5px); border-color: #d83a6f; /* Cambia a tu fucsia corporativo */ box-shadow: 0 15px 35px rgba(216, 58, 111, 0.08); } /* COMILLAS ESTILIZADAS */ .regalo-quote { color: #e56b93; /* Tono rosa pastel oscuro vibrante */ font-family: system-ui, -apple-system, sans-serif; font-size: 56px; font-weight: 700; line-height: 0.7; margin-bottom: 8px; } /* TEXTO DEL TESTIMONIO */ .regalo-review-card p { margin: 0; color: #444444; /* Gris oscuro para lectura óptima */ font-family: system-ui, -apple-system, sans-serif; font-size: 15px; font-weight: 400; line-height: 1.6; flex-grow: 1; } /* DIVISOR Y AUTOR */ .regalo-review-author { margin-top: 16px; padding-top: 14px; border-top: 1px solid #ffe6ed; } .regalo-review-author span { color: #d83a6f; /* Nombre del cliente en tu color fucsia distintivo */ font-family: system-ui, -apple-system, sans-serif; font-size: 13.5px; font-weight: 600; } /* KEYFRAMES INFINITO */ @keyframes regaloMove { from { transform: translateX(0); } to { transform: translateX(-50%); } } /* RESPONSIVE TABLETS */ @media(max-width: 1024px) { .regalo-review-card { width: 310px; min-height: 190px; padding: 20px; } } /* RESPONSIVE MÓVILES */ @media(max-width: 767px) { .regalo-testimonials-track { gap: 14px; animation-duration: 25s; /* Un poco más rápido en pantallas pequeñas */ } .regalo-review-card { width: 270px; min-height: 180px; padding: 16px; border-radius: 16px; } .regalo-quote { font-size: 46px; } .regalo-review-card p { font-size: 13.5px; line-height: 1.5; } .regalo-review-author span { font-size: 12.5px; } .regalo-testimonials-marquee::before, .regalo-testimonials-marquee::after { width: 50px; /* Reducción de los difuminados en celular */ } }/* End custom CSS */ /* Start custom CSS for nested-accordion, class: .elementor-element-8ab61fa *//*========================================= = FAQ PREMIUM IMPULSO = =========================================*/ .elementor-11 .elementor-element.elementor-element-8ab61fa .e-n-accordion{ gap:18px; } /* Tarjeta */ .elementor-11 .elementor-element.elementor-element-8ab61fa .e-n-accordion-item{ position:relative; overflow:hidden; background:#fff; border:1px solid #f4dbe4; border-radius:20px; margin-bottom:18px; box-shadow:0 8px 24px rgba(0,0,0,.05); transition:all .35s ease; } /* Línea lateral sutil */ .elementor-11 .elementor-element.elementor-element-8ab61fa .e-n-accordion-item::before{ content:""; position:absolute; left:0; top:12px; bottom:12px; width:2px; border-radius:10px; background:linear-gradient( to bottom, rgba(236,93,149,.30), rgba(236,93,149,.75) ); transform:scaleY(0); transform-origin:top; transition:transform .35s ease; } /* Hover */ .elementor-11 .elementor-element.elementor-element-8ab61fa .e-n-accordion-item:hover{ transform:translateY(-2px); border-color:#efc2d4; box-shadow:0 16px 35px rgba(236,93,149,.10); } /* Estado abierto */ .elementor-11 .elementor-element.elementor-element-8ab61fa .e-n-accordion-item[open]{ background:linear-gradient( 135deg, #ffe7f1 0%, #ffdceb 45%, #ffd2e5 100% ); border-color:#ec5d95; box-shadow: 0 18px 40px rgba(236,93,149,.16), inset 0 1px 0 rgba(255,255,255,.8); } .elementor-11 .elementor-element.elementor-element-8ab61fa .e-n-accordion-item[open]::before{ transform:scaleY(1); } /*========================= TÍTULO =========================*/ .elementor-11 .elementor-element.elementor-element-8ab61fa .e-n-accordion-item-title{ padding:22px 28px; font-size:18px; font-weight:700; color:#2f2f2f; transition:.3s; } .elementor-11 .elementor-element.elementor-element-8ab61fa .e-n-accordion-item-title:hover{ color:#d92d7a; } /* Título abierto */ .elementor-11 .elementor-element.elementor-element-8ab61fa .e-n-accordion-item[open] .e-n-accordion-item-title{ color:#d92d7a; border-bottom:1px solid rgba(236,93,149,.18); } /*========================= CONTENIDO =========================*/ .elementor-11 .elementor-element.elementor-element-8ab61fa .e-n-accordion-item-content{ padding:0 28px 24px; font-size:15px; line-height:1.8; color:#666; } .elementor-11 .elementor-element.elementor-element-8ab61fa .e-n-accordion-item[open] .e-n-accordion-item-content{ color:#444; } /*========================= ICONO =========================*/ .elementor-11 .elementor-element.elementor-element-8ab61fa .e-n-accordion-item-title .e-n-accordion-item-title-icon{ width:36px; height:36px; border-radius:50%; background:#fff2f7; display:flex; align-items:center; justify-content:center; color:#ec5d95; transition:.35s; box-shadow:0 5px 12px rgba(236,93,149,.08); } /* Icono abierto */ .elementor-11 .elementor-element.elementor-element-8ab61fa .e-n-accordion-item[open] .e-n-accordion-item-title .e-n-accordion-item-title-icon{ background:linear-gradient( 135deg, #ff6da8, #ec5d95 ); color:#fff; transform:rotate(180deg); box-shadow:0 10px 20px rgba(236,93,149,.20); } /*========================= TRANSICIONES =========================*/ .elementor-11 .elementor-element.elementor-element-8ab61fa .e-n-accordion-item, .elementor-11 .elementor-element.elementor-element-8ab61fa .e-n-accordion-item-title, .elementor-11 .elementor-element.elementor-element-8ab61fa .e-n-accordion-item-content{ transition:all .35s ease; } /*========================= RESPONSIVE =========================*/ @media (max-width:767px){ .elementor-11 .elementor-element.elementor-element-8ab61fa .e-n-accordion-item-title{ padding:18px; font-size:16px; } .elementor-11 .elementor-element.elementor-element-8ab61fa .e-n-accordion-item-content{ padding:0 18px 20px; font-size:14px; } .elementor-11 .elementor-element.elementor-element-8ab61fa .e-n-accordion-item-title .e-n-accordion-item-title-icon{ width:32px; height:32px; } }/* End custom CSS */ /* Start custom CSS for nested-accordion, class: .elementor-element-c117b59 *//*========================================= = FAQ PREMIUM IMPULSO = =========================================*/ .elementor-11 .elementor-element.elementor-element-c117b59 .e-n-accordion{ gap:18px; } /* Tarjeta */ .elementor-11 .elementor-element.elementor-element-c117b59 .e-n-accordion-item{ position:relative; overflow:hidden; background:#fff; border:1px solid #f4dbe4; border-radius:20px; margin-bottom:18px; box-shadow:0 8px 24px rgba(0,0,0,.05); transition:all .35s ease; } /* Línea lateral sutil */ .elementor-11 .elementor-element.elementor-element-c117b59 .e-n-accordion-item::before{ content:""; position:absolute; left:0; top:12px; bottom:12px; width:2px; border-radius:10px; background:linear-gradient( to bottom, rgba(236,93,149,.30), rgba(236,93,149,.75) ); transform:scaleY(0); transform-origin:top; transition:transform .35s ease; } /* Hover */ .elementor-11 .elementor-element.elementor-element-c117b59 .e-n-accordion-item:hover{ transform:translateY(-2px); border-color:#efc2d4; box-shadow:0 16px 35px rgba(236,93,149,.10); } /* Estado abierto */ .elementor-11 .elementor-element.elementor-element-c117b59 .e-n-accordion-item[open]{ background:linear-gradient( 135deg, #ffe7f1 0%, #ffdceb 45%, #ffd2e5 100% ); border-color:#ec5d95; box-shadow: 0 18px 40px rgba(236,93,149,.16), inset 0 1px 0 rgba(255,255,255,.8); } .elementor-11 .elementor-element.elementor-element-c117b59 .e-n-accordion-item[open]::before{ transform:scaleY(1); } /*========================= TÍTULO =========================*/ .elementor-11 .elementor-element.elementor-element-c117b59 .e-n-accordion-item-title{ padding:22px 28px; font-size:18px; font-weight:700; color:#2f2f2f; transition:.3s; } .elementor-11 .elementor-element.elementor-element-c117b59 .e-n-accordion-item-title:hover{ color:#d92d7a; } /* Título abierto */ .elementor-11 .elementor-element.elementor-element-c117b59 .e-n-accordion-item[open] .e-n-accordion-item-title{ color:#d92d7a; border-bottom:1px solid rgba(236,93,149,.18); } /*========================= CONTENIDO =========================*/ .elementor-11 .elementor-element.elementor-element-c117b59 .e-n-accordion-item-content{ padding:0 28px 24px; font-size:15px; line-height:1.8; color:#666; } .elementor-11 .elementor-element.elementor-element-c117b59 .e-n-accordion-item[open] .e-n-accordion-item-content{ color:#444; } /*========================= ICONO =========================*/ .elementor-11 .elementor-element.elementor-element-c117b59 .e-n-accordion-item-title .e-n-accordion-item-title-icon{ width:36px; height:36px; border-radius:50%; background:#fff2f7; display:flex; align-items:center; justify-content:center; color:#ec5d95; transition:.35s; box-shadow:0 5px 12px rgba(236,93,149,.08); } /* Icono abierto */ .elementor-11 .elementor-element.elementor-element-c117b59 .e-n-accordion-item[open] .e-n-accordion-item-title .e-n-accordion-item-title-icon{ background:linear-gradient( 135deg, #ff6da8, #ec5d95 ); color:#fff; transform:rotate(180deg); box-shadow:0 10px 20px rgba(236,93,149,.20); } /*========================= TRANSICIONES =========================*/ .elementor-11 .elementor-element.elementor-element-c117b59 .e-n-accordion-item, .elementor-11 .elementor-element.elementor-element-c117b59 .e-n-accordion-item-title, .elementor-11 .elementor-element.elementor-element-c117b59 .e-n-accordion-item-content{ transition:all .35s ease; } /*========================= RESPONSIVE =========================*/ @media (max-width:767px){ .elementor-11 .elementor-element.elementor-element-c117b59 .e-n-accordion-item-title{ padding:18px; font-size:16px; } .elementor-11 .elementor-element.elementor-element-c117b59 .e-n-accordion-item-content{ padding:0 18px 20px; font-size:14px; } .elementor-11 .elementor-element.elementor-element-c117b59 .e-n-accordion-item-title .e-n-accordion-item-title-icon{ width:32px; height:32px; } }/* End custom CSS */ /* Start custom CSS for html, class: .elementor-element-fa4d2a9 */.sg-contact-bar{ display:grid; grid-template-columns:repeat(2,1fr); gap:16px; width:100%; margin-top:20px; } .sg-contact-box{ display:flex; align-items:center; gap:14px; padding:16px 18px; background:rgba(255,255,255,.88); border:1px solid rgba(255,255,255,.75); box-shadow: 0 8px 22px rgba(255,90,140,.10); backdrop-filter:blur(12px); -webkit-backdrop-filter:blur(12px); } .sg-contact-icon{ font-size:24px; flex-shrink:0; } .sg-contact-box small{ display:block; color:#777; font-size:11px; margin-bottom:3px; text-transform:uppercase; letter-spacing:.8px; } .sg-contact-box strong{ color:#333; font-size:15px; font-weight:700; } @media(max-width:767px){ .sg-contact-bar{ grid-template-columns:1fr; gap:10px; } .sg-contact-box{ padding:14px; } }/* End custom CSS */