.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, 150px );max-width:150px;--container-widget-width:150px;--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-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.5em;font-weight:600;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-8b419eb .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;}.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-c6fd7c5{--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-f9a83d1 .elementor-heading-title{font-family:"Onest", Sans-serif;font-size:28px;font-weight:800;text-transform:uppercase;color:#3D3D3D;}.elementor-11 .elementor-element.elementor-element-57a1ff6 .elementor-heading-title{font-family:"Onest", Sans-serif;font-size:15px;font-weight:400;color:#444444;}.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:75px;--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://secretgarden.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://secretgarden.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://secretgarden.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://secretgarden.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-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-cb37662 .elementor-field-group{padding-right:calc( 10px/2 );padding-left:calc( 10px/2 );margin-bottom:10px;}.elementor-11 .elementor-element.elementor-element-cb37662 .elementor-form-fields-wrapper{margin-left:calc( -10px/2 );margin-right:calc( -10px/2 );margin-bottom:-10px;}.elementor-11 .elementor-element.elementor-element-cb37662 .elementor-field-group.recaptcha_v3-bottomleft, .elementor-11 .elementor-element.elementor-element-cb37662 .elementor-field-group.recaptcha_v3-bottomright{margin-bottom:0;}body.rtl .elementor-11 .elementor-element.elementor-element-cb37662 .elementor-labels-inline .elementor-field-group > label{padding-left:0px;}body:not(.rtl) .elementor-11 .elementor-element.elementor-element-cb37662 .elementor-labels-inline .elementor-field-group > label{padding-right:0px;}body .elementor-11 .elementor-element.elementor-element-cb37662 .elementor-labels-above .elementor-field-group > label{padding-bottom:0px;}.elementor-11 .elementor-element.elementor-element-cb37662 .elementor-field-group > label, .elementor-11 .elementor-element.elementor-element-cb37662 .elementor-field-subgroup label{color:#7A7A7A;}.elementor-11 .elementor-element.elementor-element-cb37662 .elementor-field-group > label{font-family:"Onest", Sans-serif;font-weight:400;}.elementor-11 .elementor-element.elementor-element-cb37662 .elementor-field-type-html{padding-bottom:0px;color:#FFFFFF;font-family:"Onest", Sans-serif;font-weight:400;}.elementor-11 .elementor-element.elementor-element-cb37662 .elementor-field-group .elementor-field{color:#FFFFFF;}.elementor-11 .elementor-element.elementor-element-cb37662 .elementor-field-group .elementor-field, .elementor-11 .elementor-element.elementor-element-cb37662 .elementor-field-subgroup label{font-family:"Onest", Sans-serif;font-weight:400;}.elementor-11 .elementor-element.elementor-element-cb37662 .elementor-field-group .elementor-field:not(.elementor-select-wrapper){background-color:#ffffff;}.elementor-11 .elementor-element.elementor-element-cb37662 .elementor-field-group .elementor-select-wrapper select{background-color:#ffffff;}.elementor-11 .elementor-element.elementor-element-cb37662 .elementor-button{font-family:"Onest", Sans-serif;font-weight:500;text-transform:uppercase;padding:0px 0px 0px 0px;}.elementor-11 .elementor-element.elementor-element-cb37662 .e-form__buttons__wrapper__button-next{color:#ffffff;}.elementor-11 .elementor-element.elementor-element-cb37662 .elementor-button[type="submit"]{color:#ffffff;}.elementor-11 .elementor-element.elementor-element-cb37662 .elementor-button[type="submit"] svg *{fill:#ffffff;}.elementor-11 .elementor-element.elementor-element-cb37662 .e-form__buttons__wrapper__button-previous{color:#ffffff;}.elementor-11 .elementor-element.elementor-element-cb37662 .e-form__buttons__wrapper__button-next:hover{color:#ffffff;}.elementor-11 .elementor-element.elementor-element-cb37662 .elementor-button[type="submit"]:hover{color:#ffffff;}.elementor-11 .elementor-element.elementor-element-cb37662 .elementor-button[type="submit"]:hover svg *{fill:#ffffff;}.elementor-11 .elementor-element.elementor-element-cb37662 .e-form__buttons__wrapper__button-previous:hover{color:#ffffff;}.elementor-11 .elementor-element.elementor-element-cb37662{--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-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;}@media(max-width:1024px){.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:100%;max-width:100%;}.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:2em;}.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-c6fd7c5{--justify-content:center;--padding-top:15px;--padding-bottom:15px;--padding-left:15px;--padding-right:15px;}.elementor-11 .elementor-element.elementor-element-f9a83d1{text-align:center;}.elementor-11 .elementor-element.elementor-element-57a1ff6{text-align:center;}.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, 0.45) !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 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-8b419eb *//* Estado Base del Botón (Transparente con Borde Blanco) */ .elementor-11 .elementor-element.elementor-element-8b419eb .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-8b419eb .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 html, class: .elementor-element-564ec70 *//* =================================================== TRUST BAR PREMIUM - MARQUEE INFINITO DILUIDO =================================================== */ .trust-bar { width: 100%; /* Reemplazado por tu nuevo rosa más suave y amigable */ background: #F56B99 !important; /* Aumentamos ligeramente el padding vertical para que el hover NO se corte */ padding: 20px 0; position: relative; overflow: hidden; } /* ========================== CONTENEDOR DEL MARQUEE + CINTAS DE DIFUMINADO ========================== */ .trust-marquee { width: 100%; overflow: hidden; position: relative; /* Un pequeño padding arriba y abajo para darle espacio extra al efecto hover */ padding: 6px 0; } /* Degradado Izquierdo (Efecto difuminado adaptado a #F56B99) */ .trust-marquee::before { content: ""; position: absolute; top: 0; left: 0; width: 80px; /* Ancho del difuminado */ height: 100%; background: linear-gradient(to right, #F56B99, transparent); z-index: 2; pointer-events: none; /* Permite que se pueda hacer clic a través de él */ } /* Degradado Derecho (Efecto difuminado adaptado a #F56B99) */ .trust-marquee::after { content: ""; position: absolute; top: 0; right: 0; width: 80px; height: 100%; background: linear-gradient(to left, #F56B99, transparent); z-index: 2; pointer-events: none; } .trust-track { display: flex; align-items: center; width: max-content; animation: trustScroll 42s linear infinite; } .trust-track:hover { animation-play-state: paused; } /* ========================== ITEMS ========================== */ .trust-item { display: flex; align-items: center; gap: 10px; margin-right: 42px; flex-shrink: 0; transition: transform .3s ease; } /* Ya no se cortará porque ampliamos los márgenes internos arriba */ .trust-item:hover { transform: translateY(-3px); } /* ========================== ICONOS ========================== */ .trust-icon { position: relative; width: 36px; height: 36px; display: flex; align-items: center; justify-content: center; border-radius: 50%; background: rgba(255, 255, 255, .10); border: 1px solid rgba(255, 255, 255, .20); backdrop-filter: blur(8px); -webkit-backdrop-filter: blur(8px); box-shadow: inset 0 1px 0 rgba(255, 255, 255, .20), 0 5px 16px rgba(0, 0, 0, .12); transition: background .3s, border-color .3s, transform .3s; } .trust-icon::before { content: ""; position: absolute; width: 50px; height: 50px; border-radius: 50%; background: radial-gradient(rgba(255, 255, 255, .18), transparent 70%); z-index: -1; } .trust-item:hover .trust-icon { background: rgba(255, 255, 255, .18); border-color: rgba(255, 255, 255, .30); transform: scale(1.08); } .trust-icon svg { width: 18px; height: 18px; stroke: #fff; stroke-width: 2.1; fill: none; } /* ========================== TEXTO ========================== */ .trust-item span { color: #fff; font-size: 14px; font-weight: 600; white-space: nowrap; letter-spacing: .2px; font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif; } /* ========================== ANIMACIÓN ========================== */ @keyframes trustScroll { from { transform: translateX(0); } to { transform: translateX(-50%); } } /* ========================== TABLET ========================== */ @media(max-width: 991px) { .trust-bar { padding: 16px 0; } .trust-marquee::before, .trust-marquee::after { width: 50px; /* Reducimos el difuminado en pantallas más chicas */ } .trust-icon { width: 34px; height: 34px; } .trust-icon svg { width: 17px; height: 17px; } .trust-item span { font-size: 13px; } } /* ========================== MÓVIL ========================== */ @media(max-width: 767px) { .trust-bar { padding: 14px 0; } .trust-marquee::before, .trust-marquee::after { width: 40px; } .trust-track { animation-duration: 32s; } .trust-item { margin-right: 30px; gap: 8px; } .trust-icon { width: 30px; height: 30px; } .trust-icon::before { width: 42px; height: 42px; } .trust-icon svg { width: 15px; height: 15px; } .trust-item span { font-size: 12px; } }/* End custom CSS */ /* Start custom CSS for html, class: .elementor-element-74f66f6 *//* Contenedor principal de la cuadrícula */ .ocasiones-container { width: 100%; padding: 20px 0; box-sizing: border-box; } .ocasiones-grid { display: flex; justify-content: center; align-items: center; gap: 20px; flex-wrap: wrap; } /* ======================================================= ESTADO INICIAL: Rosa elegante, con personalidad pero equilibrado ======================================================= */ .ocasion-card { display: flex; flex-direction: column; align-items: center; justify-content: center; background: #fce4ec; /* Rosa base intermedio y cálido */ text-decoration: none; width: 155px; height: 155px; border-radius: 24px; border: 1px solid rgba(216, 58, 111, 0.15); box-shadow: 0 8px 20px rgba(216, 58, 111, 0.04); /* Transición más larga (0.4s) y fluida para evitar saltos bruscos */ transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1); position: relative; } /* Círculo del icono inicial (Blanco limpio para destacar) */ .ocasion-icon-wrapper { display: flex; align-items: center; justify-content: center; width: 60px; height: 60px; border-radius: 50%; background: #ffffff; margin-bottom: 14px; transition: all 0.4s ease; box-shadow: 0 4px 10px rgba(216, 58, 111, 0.06); } /* Icono vectorial inicial */ .ocasion-icon-wrapper svg { width: 28px; height: 28px; color: #d83a6f; /* El rosa fucsia de tu marca */ transition: all 0.4s ease; } /* Texto inicial (Legible y armónico) */ .ocasion-text { font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif; color: #5d1d31; /* Tono guinda/vino elegante para alto contraste */ font-size: 14px; font-weight: 600; letter-spacing: -0.1px; transition: all 0.4s ease; } /* ======================================================= ESTADO HOVER: Transición suave hacia un rosa pastel luminoso ======================================================= */ .ocasion-card:hover { transform: translateY(-4px); background: #fff5f8; /* El fondo se relaja a un rosa pastel muy suave */ border-color: rgba(216, 58, 111, 0.3); box-shadow: 0 12px 25px rgba(216, 58, 111, 0.1); /* Resplandor sutil, nada agresivo */ } /* El círculo del icono se tiñe del rosa de la marca en hover */ .ocasion-card:hover .ocasion-icon-wrapper { background: #d83a6f; box-shadow: 0 4px 12px rgba(216, 58, 111, 0.2); } /* El icono pasa a blanco dentro de su nuevo fondo rosa */ .ocasion-card:hover .ocasion-icon-wrapper svg { color: #ffffff; transform: scale(1.05); } /* El texto se adapta al tono de la marca */ .ocasion-card:hover .ocasion-text { color: #d83a6f; } /* ======================================================= ADAPTACIÓN MÓVILES (GRID SIMÉTRICA 2 - 2 - 1 ANCHO COMPLETO) ======================================================= */ @media (max-width: 768px) { .ocasiones-container { width: 100%; padding: 20px 16px; /* Espaciado sutil a los lados del teléfono */ box-sizing: border-box; } .ocasiones-grid { display: grid; grid-template-columns: repeat(2, 1fr); /* 2 Columnas anchas */ gap: 16px; /* Separación limpia entre tarjetas */ width: 100%; /* Ocupa todo el ancho del móvil disponible */ max-width: 100%; margin: 0 auto; } /* Centra la quinta tarjeta (Complementos) abajo manteniéndola perfectamente cuadrada */ .ocasion-card:nth-child(5) { grid-column: span 2; margin: 0 auto; width: calc(50% - 8px); /* Tiene exactamente el mismo ancho que las de arriba */ } .ocasion-card { width: 100%; height: auto; aspect-ratio: 1 / 1; /* Mantiene la tarjeta 100% cuadrada de forma dinámica */ border-radius: 24px; /* Suavizado premium */ padding: 15px; box-sizing: border-box; } .ocasion-icon-wrapper { width: 58px; height: 58px; margin-bottom: 12px; } .ocasion-icon-wrapper svg { width: 26px; height: 26px; } .ocasion-text { font-size: 14px; /* Texto perfectamente legible sin amontonarse */ } }/* 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 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: 40px 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 html, class: .elementor-element-40c1deb *//* BANNER VERSIÓN COMPACTA PREMIUM */ .regalo-banner-mini { display: flex; align-items: center; justify-content: space-between; background: linear-gradient(135deg, #fff0f3 0%, #ffe3e9 100%); border: 1px solid rgba(216, 58, 111, 0.25); border-radius: 20px; padding: 18px 32px; gap: 24px; max-width: 1000px; margin: 20px auto; box-shadow: 0 8px 25px rgba(216, 58, 111, 0.05); box-sizing: border-box; font-family: system-ui, -apple-system, sans-serif; } /* ICONO PEQUEÑO */ .regalo-mini-icon { flex-shrink: 0; width: 45px; height: 45px; display: flex; align-items: center; justify-content: center; } .regalo-mini-icon img { width: 100%; height: auto; } /* TEXTO DE LA OFERTA Y EXCLUSIVIDAD */ .regalo-mini-info { flex: 1.4; display: flex; flex-direction: column; gap: 2px; } .regalo-mini-tag { display: block; font-size: 11px; font-weight: 800; color: #be2e5f; letter-spacing: 0.5px; } .regalo-mini-text { font-size: 18px; font-weight: 800; color: #1a1a1a; margin: 0; line-height: 1.3; letter-spacing: -0.2px; } .regalo-mini-text span { color: #d83a6f; font-weight: 700; } /* TEXTO DE EXPIRACIÓN EN MEDIANOCHE */ .regalo-mini-expire { font-size: 12px; color: #be2e5f; font-weight: 600; margin-top: 2px; } /* BARRA DE STOCK COMPACTA */ .regalo-mini-stock { flex: 1; display: flex; flex-direction: column; gap: 6px; max-width: 300px; width: 100%; } .regalo-mini-stock-label { display: flex; justify-content: space-between; font-size: 12px; font-weight: 600; color: #333333; } .regalo-mini-alert { color: #be2e5f; font-weight: 800; } .regalo-mini-progress-bg { width: 100%; height: 6px; background: rgba(216, 58, 111, 0.1); border-radius: 10px; overflow: hidden; } .regalo-mini-progress-fill { width: 15%; /* Nivel crítico del stock */ height: 100%; background: linear-gradient(90deg, #e56b93 0%, #d83a6f 100%); border-radius: 10px; } /* RESPONSIVE PARA SMARTPHONES */ @media (max-width: 767px) { .regalo-banner-mini { flex-direction: column; text-align: center; padding: 20px; gap: 16px; border-radius: 16px; } .regalo-mini-info, .regalo-mini-stock { width: 100%; max-width: 100%; } .regalo-mini-text { font-size: 16px; } .regalo-mini-stock-label { justify-content: center; gap: 8px; } }/* 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 form, class: .elementor-element-cb37662 *//* 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 (Efecto Cristal) */ .elementor-11 .elementor-element.elementor-element-cb37662 { background: rgba(255, 255, 255, 0.07) !important; /* Fondo blanco ultra-translúcido */ backdrop-filter: blur(16px) saturate(120%); /* El truco del desenfoque tipo cristal */ -webkit-backdrop-filter: blur(16px) saturate(120%); border: 1px solid rgba(255, 255, 255, 0.15) !important; /* Borde sutil brillante (Corregido) */ border-radius: 28px !important; /* Bordes bien redondeados */ padding: 35px 30px !important; /* Padding para Escritorio */ box-shadow: 0 8px 32px 0 rgba(0, 0, 0, 0.3) !important; } /* Títulos/Labels del formulario */ .elementor-11 .elementor-element.elementor-element-cb37662 .elementor-field-label { color: #ffffff !important; /* Texto blanco para que resalte sobre el cristal */ font-weight: 200 !important; font-size: 15px !important; margin-bottom: 8px !important; letter-spacing: 0.3px; } /* Estilo de los campos de texto (Inputs y Textarea) */ .elementor-11 .elementor-element.elementor-element-cb37662 .elementor-field-textual { background: rgba(255, 255, 255, 0.95) !important; /* Fondo casi blanco para máxima legibilidad */ border: 1px solid rgba(255, 255, 255, 0.2) !important; border-radius: 12px !important; /* Inputs redondeados elegantes */ color: #2b2b2b !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-cb37662 .elementor-field-textual:focus { background: #ffffff !important; box-shadow: 0 0 0 3px rgba(216, 58, 111, 0.3) !important; /* Destello sutil rosa al seleccionar */ } /* El botón de enviar (Estilo degradado) */ .elementor-11 .elementor-element.elementor-element-cb37662 .elementor-button { background: linear-gradient(90deg, #d83a6f 0%, #c32d5e 100%) !important; /* Degradado rosa/fucsia */ border: none !important; border-radius: 50px !important; /* Botón completamente ovalado */ color: #ffffff !important; font-weight: 700 !important; font-size: 16px !important; padding: 14px 24px !important; margin-top: 20px; transition: transform 0.2s ease, box-shadow 0.2s ease !important; box-shadow: 0 4px 15px rgba(216, 58, 111, 0.4) !important; } /* Efecto hover en el botón */ .elementor-11 .elementor-element.elementor-element-cb37662 .elementor-button:hover { transform: translateY(-2px) !important; box-shadow: 0 6px 20px rgba(216, 58, 111, 0.6) !important; } /* --- CORRECCIÓN DE FLECHAS EN SELECTS --- */ /* Cambia el color de la flecha nativa/SVG de Elementor a negro */ .elementor-11 .elementor-element.elementor-element-cb37662 .elementor-field-textual select, .elementor-11 .elementor-element.elementor-element-cb37662 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-cb37662 .elementor-select-wrapper::after { color: #2b2b2b !important; } /* --- OPTIMIZACIÓN PARA MÓVILES --- */ @media (max-width: 767px) { .elementor-11 .elementor-element.elementor-element-cb37662 { padding: 20px 16px !important; /* Reduce el espacio interno drásticamente en celulares */ border-radius: 20px !important; /* Suaviza un poco las esquinas en pantallas pequeñas */ } }/* End custom CSS */