.elementor-528 .elementor-element.elementor-element-930eba5{--display:flex;--position:absolute;--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;--padding-top:2rem;--padding-bottom:2rem;--padding-left:0rem;--padding-right:0rem;top:0px;}.elementor-widget-nav-menu .elementor-nav-menu .elementor-item{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item{color:var( --e-global-color-text );fill:var( --e-global-color-text );}.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item:hover, .elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item.elementor-item-active, .elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item.highlighted, .elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item:focus{color:var( --e-global-color-accent );fill:var( --e-global-color-accent );}.elementor-widget-nav-menu .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:before, .elementor-widget-nav-menu .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:after{background-color:var( --e-global-color-accent );}.elementor-widget-nav-menu .e--pointer-framed .elementor-item:before, .elementor-widget-nav-menu .e--pointer-framed .elementor-item:after{border-color:var( --e-global-color-accent );}.elementor-widget-nav-menu{--e-nav-menu-divider-color:var( --e-global-color-text );}.elementor-widget-nav-menu .elementor-nav-menu--dropdown .elementor-item, .elementor-widget-nav-menu .elementor-nav-menu--dropdown .elementor-sub-item{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-528 .elementor-element.elementor-element-b565b52 .elementor-menu-toggle{margin:0 auto;}.elementor-528 .elementor-element.elementor-element-b565b52 .elementor-nav-menu .elementor-item{font-family:"Rubik Variable", Sans-serif;font-size:1rem;font-weight:400;letter-spacing:2.1px;}.elementor-528 .elementor-element.elementor-element-b565b52 .elementor-nav-menu--main .elementor-item:hover, .elementor-528 .elementor-element.elementor-element-b565b52 .elementor-nav-menu--main .elementor-item.elementor-item-active, .elementor-528 .elementor-element.elementor-element-b565b52 .elementor-nav-menu--main .elementor-item.highlighted, .elementor-528 .elementor-element.elementor-element-b565b52 .elementor-nav-menu--main .elementor-item:focus{color:var( --e-global-color-primary );fill:var( --e-global-color-primary );}.elementor-528 .elementor-element.elementor-element-b565b52 .elementor-nav-menu--main .elementor-item.elementor-item-active{color:var( --e-global-color-primary );}.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-528 .elementor-element.elementor-element-4d0d275 img{opacity:0;}.elementor-528 .elementor-element.elementor-element-bb83e9b .elementor-menu-toggle{margin:0 auto;}.elementor-528 .elementor-element.elementor-element-bb83e9b .elementor-nav-menu .elementor-item{font-family:"Rubik Variable", Sans-serif;font-size:1rem;font-weight:400;letter-spacing:2.1px;}.elementor-528 .elementor-element.elementor-element-bb83e9b .elementor-nav-menu--main .elementor-item:hover, .elementor-528 .elementor-element.elementor-element-bb83e9b .elementor-nav-menu--main .elementor-item.elementor-item-active, .elementor-528 .elementor-element.elementor-element-bb83e9b .elementor-nav-menu--main .elementor-item.highlighted, .elementor-528 .elementor-element.elementor-element-bb83e9b .elementor-nav-menu--main .elementor-item:focus{color:var( --e-global-color-primary );fill:var( --e-global-color-primary );}.elementor-528 .elementor-element.elementor-element-bb83e9b .elementor-nav-menu--main .elementor-item.elementor-item-active{color:var( --e-global-color-primary );}body:not(.rtl) .elementor-528 .elementor-element.elementor-element-930eba5{left:0px;}body.rtl .elementor-528 .elementor-element.elementor-element-930eba5{right:0px;}.elementor-528 .elementor-element.elementor-element-8b62fd3{--display:flex;--position:absolute;--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;--padding-top:2rem;--padding-bottom:2rem;--padding-left:0rem;--padding-right:0rem;top:0px;}.elementor-528 .elementor-element.elementor-element-d60201d .elementor-menu-toggle{margin:0 auto;}.elementor-528 .elementor-element.elementor-element-d60201d .elementor-nav-menu .elementor-item{font-family:"Rubik Variable", Sans-serif;font-size:1rem;font-weight:400;letter-spacing:2.1px;}.elementor-528 .elementor-element.elementor-element-d60201d .elementor-nav-menu--main .elementor-item:hover, .elementor-528 .elementor-element.elementor-element-d60201d .elementor-nav-menu--main .elementor-item.elementor-item-active, .elementor-528 .elementor-element.elementor-element-d60201d .elementor-nav-menu--main .elementor-item.highlighted, .elementor-528 .elementor-element.elementor-element-d60201d .elementor-nav-menu--main .elementor-item:focus{color:var( --e-global-color-primary );fill:var( --e-global-color-primary );}.elementor-528 .elementor-element.elementor-element-d60201d .elementor-nav-menu--main .elementor-item.elementor-item-active{color:var( --e-global-color-primary );}.elementor-528 .elementor-element.elementor-element-495b200 img{width:100%;}.elementor-528 .elementor-element.elementor-element-b04febd .elementor-menu-toggle{margin:0 auto;}.elementor-528 .elementor-element.elementor-element-b04febd .elementor-nav-menu .elementor-item{font-family:"Rubik Variable", Sans-serif;font-size:1rem;font-weight:400;letter-spacing:2.1px;}.elementor-528 .elementor-element.elementor-element-b04febd .elementor-nav-menu--main .elementor-item:hover, .elementor-528 .elementor-element.elementor-element-b04febd .elementor-nav-menu--main .elementor-item.elementor-item-active, .elementor-528 .elementor-element.elementor-element-b04febd .elementor-nav-menu--main .elementor-item.highlighted, .elementor-528 .elementor-element.elementor-element-b04febd .elementor-nav-menu--main .elementor-item:focus{color:var( --e-global-color-primary );fill:var( --e-global-color-primary );}.elementor-528 .elementor-element.elementor-element-b04febd .elementor-nav-menu--main .elementor-item.elementor-item-active{color:var( --e-global-color-primary );}body:not(.rtl) .elementor-528 .elementor-element.elementor-element-8b62fd3{left:0px;}body.rtl .elementor-528 .elementor-element.elementor-element-8b62fd3{right:0px;}.elementor-528 .elementor-element.elementor-element-14f46bf{--display:flex;--position:absolute;--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;--padding-top:2rem;--padding-bottom:2rem;--padding-left:0rem;--padding-right:0rem;top:0px;}.elementor-528 .elementor-element.elementor-element-14f46bf:not(.elementor-motion-effects-element-type-background), .elementor-528 .elementor-element.elementor-element-14f46bf > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-accent );}.elementor-528 .elementor-element.elementor-element-907ec18 img{width:100%;}.elementor-528 .elementor-element.elementor-element-3ee9269 .elementor-menu-toggle{margin:0 auto;background-color:var( --e-global-color-accent );}.elementor-528 .elementor-element.elementor-element-3ee9269 .elementor-nav-menu .elementor-item{font-family:"Rubik Variable", Sans-serif;font-size:1rem;font-weight:400;text-transform:uppercase;letter-spacing:2.1px;}.elementor-528 .elementor-element.elementor-element-3ee9269 .elementor-nav-menu--main .elementor-item:hover, .elementor-528 .elementor-element.elementor-element-3ee9269 .elementor-nav-menu--main .elementor-item.elementor-item-active, .elementor-528 .elementor-element.elementor-element-3ee9269 .elementor-nav-menu--main .elementor-item.highlighted, .elementor-528 .elementor-element.elementor-element-3ee9269 .elementor-nav-menu--main .elementor-item:focus{color:var( --e-global-color-primary );fill:var( --e-global-color-primary );}.elementor-528 .elementor-element.elementor-element-3ee9269 .elementor-nav-menu--main .elementor-item.elementor-item-active{color:var( --e-global-color-primary );}.elementor-528 .elementor-element.elementor-element-3ee9269 .elementor-nav-menu--dropdown a, .elementor-528 .elementor-element.elementor-element-3ee9269 .elementor-menu-toggle{color:var( --e-global-color-accent );fill:var( --e-global-color-accent );}.elementor-528 .elementor-element.elementor-element-3ee9269 .elementor-nav-menu--dropdown{background-color:var( --e-global-color-b849970 );}.elementor-528 .elementor-element.elementor-element-3ee9269 .elementor-nav-menu--dropdown a:hover, .elementor-528 .elementor-element.elementor-element-3ee9269 .elementor-nav-menu--dropdown a:focus, .elementor-528 .elementor-element.elementor-element-3ee9269 .elementor-nav-menu--dropdown a.elementor-item-active, .elementor-528 .elementor-element.elementor-element-3ee9269 .elementor-nav-menu--dropdown a.highlighted, .elementor-528 .elementor-element.elementor-element-3ee9269 .elementor-menu-toggle:hover, .elementor-528 .elementor-element.elementor-element-3ee9269 .elementor-menu-toggle:focus{color:var( --e-global-color-b849970 );}.elementor-528 .elementor-element.elementor-element-3ee9269 .elementor-nav-menu--dropdown a:hover, .elementor-528 .elementor-element.elementor-element-3ee9269 .elementor-nav-menu--dropdown a:focus, .elementor-528 .elementor-element.elementor-element-3ee9269 .elementor-nav-menu--dropdown a.elementor-item-active, .elementor-528 .elementor-element.elementor-element-3ee9269 .elementor-nav-menu--dropdown a.highlighted{background-color:var( --e-global-color-accent );}.elementor-528 .elementor-element.elementor-element-3ee9269 .elementor-nav-menu--dropdown a.elementor-item-active{color:var( --e-global-color-b849970 );background-color:var( --e-global-color-accent );}.elementor-528 .elementor-element.elementor-element-3ee9269 div.elementor-menu-toggle{color:var( --e-global-color-b849970 );}.elementor-528 .elementor-element.elementor-element-3ee9269 div.elementor-menu-toggle svg{fill:var( --e-global-color-b849970 );}body:not(.rtl) .elementor-528 .elementor-element.elementor-element-14f46bf{left:0px;}body.rtl .elementor-528 .elementor-element.elementor-element-14f46bf{right:0px;}.elementor-528 .elementor-element.elementor-element-3e5b7d6{--display:flex;--position:absolute;--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;--padding-top:2rem;--padding-bottom:2rem;--padding-left:0rem;--padding-right:0rem;top:0px;}.elementor-528 .elementor-element.elementor-element-3e5b7d6:not(.elementor-motion-effects-element-type-background), .elementor-528 .elementor-element.elementor-element-3e5b7d6 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-accent );}.elementor-528 .elementor-element.elementor-element-2c3714f img{width:100%;}.elementor-528 .elementor-element.elementor-element-1b9551a .elementor-menu-toggle{margin:0 auto;background-color:var( --e-global-color-accent );}.elementor-528 .elementor-element.elementor-element-1b9551a .elementor-nav-menu .elementor-item{font-family:"Rubik Variable", Sans-serif;font-size:1rem;font-weight:400;text-transform:uppercase;letter-spacing:2.1px;}.elementor-528 .elementor-element.elementor-element-1b9551a .elementor-nav-menu--main .elementor-item:hover, .elementor-528 .elementor-element.elementor-element-1b9551a .elementor-nav-menu--main .elementor-item.elementor-item-active, .elementor-528 .elementor-element.elementor-element-1b9551a .elementor-nav-menu--main .elementor-item.highlighted, .elementor-528 .elementor-element.elementor-element-1b9551a .elementor-nav-menu--main .elementor-item:focus{color:var( --e-global-color-primary );fill:var( --e-global-color-primary );}.elementor-528 .elementor-element.elementor-element-1b9551a .elementor-nav-menu--main .elementor-item.elementor-item-active{color:var( --e-global-color-primary );}.elementor-528 .elementor-element.elementor-element-1b9551a .elementor-nav-menu--dropdown a, .elementor-528 .elementor-element.elementor-element-1b9551a .elementor-menu-toggle{color:var( --e-global-color-accent );fill:var( --e-global-color-accent );}.elementor-528 .elementor-element.elementor-element-1b9551a .elementor-nav-menu--dropdown{background-color:var( --e-global-color-b849970 );}.elementor-528 .elementor-element.elementor-element-1b9551a .elementor-nav-menu--dropdown a:hover, .elementor-528 .elementor-element.elementor-element-1b9551a .elementor-nav-menu--dropdown a:focus, .elementor-528 .elementor-element.elementor-element-1b9551a .elementor-nav-menu--dropdown a.elementor-item-active, .elementor-528 .elementor-element.elementor-element-1b9551a .elementor-nav-menu--dropdown a.highlighted, .elementor-528 .elementor-element.elementor-element-1b9551a .elementor-menu-toggle:hover, .elementor-528 .elementor-element.elementor-element-1b9551a .elementor-menu-toggle:focus{color:var( --e-global-color-b849970 );}.elementor-528 .elementor-element.elementor-element-1b9551a .elementor-nav-menu--dropdown a:hover, .elementor-528 .elementor-element.elementor-element-1b9551a .elementor-nav-menu--dropdown a:focus, .elementor-528 .elementor-element.elementor-element-1b9551a .elementor-nav-menu--dropdown a.elementor-item-active, .elementor-528 .elementor-element.elementor-element-1b9551a .elementor-nav-menu--dropdown a.highlighted{background-color:var( --e-global-color-accent );}.elementor-528 .elementor-element.elementor-element-1b9551a .elementor-nav-menu--dropdown a.elementor-item-active{color:var( --e-global-color-b849970 );background-color:var( --e-global-color-accent );}.elementor-528 .elementor-element.elementor-element-1b9551a div.elementor-menu-toggle{color:var( --e-global-color-b849970 );}.elementor-528 .elementor-element.elementor-element-1b9551a div.elementor-menu-toggle svg{fill:var( --e-global-color-b849970 );}body:not(.rtl) .elementor-528 .elementor-element.elementor-element-3e5b7d6{left:0px;}body.rtl .elementor-528 .elementor-element.elementor-element-3e5b7d6{right:0px;}.elementor-theme-builder-content-area{height:400px;}.elementor-location-header:before, .elementor-location-footer:before{content:"";display:table;clear:both;}@media(min-width:768px){.elementor-528 .elementor-element.elementor-element-930eba5{--content-width:1600px;}.elementor-528 .elementor-element.elementor-element-8b62fd3{--content-width:1600px;}.elementor-528 .elementor-element.elementor-element-14f46bf{--content-width:1600px;}.elementor-528 .elementor-element.elementor-element-3e5b7d6{--content-width:1600px;}}@media(max-width:1024px){.elementor-528 .elementor-element.elementor-element-3ee9269{--e-nav-menu-horizontal-menu-item-margin:calc( 0px / 2 );}.elementor-528 .elementor-element.elementor-element-3ee9269 .elementor-nav-menu--main:not(.elementor-nav-menu--layout-horizontal) .elementor-nav-menu > li:not(:last-child){margin-bottom:0px;}.elementor-528 .elementor-element.elementor-element-3ee9269 .elementor-nav-menu--dropdown a{padding-left:11px;padding-right:11px;padding-top:22px;padding-bottom:22px;}.elementor-528 .elementor-element.elementor-element-3ee9269 .elementor-nav-menu--main > .elementor-nav-menu > li > .elementor-nav-menu--dropdown, .elementor-528 .elementor-element.elementor-element-3ee9269 .elementor-nav-menu__container.elementor-nav-menu--dropdown{margin-top:40px !important;}.elementor-528 .elementor-element.elementor-element-14f46bf{--justify-content:space-around;}.elementor-528 .elementor-element.elementor-element-1b9551a{--e-nav-menu-horizontal-menu-item-margin:calc( 0px / 2 );}.elementor-528 .elementor-element.elementor-element-1b9551a .elementor-nav-menu--main:not(.elementor-nav-menu--layout-horizontal) .elementor-nav-menu > li:not(:last-child){margin-bottom:0px;}.elementor-528 .elementor-element.elementor-element-1b9551a .elementor-nav-menu--dropdown a{padding-left:11px;padding-right:11px;padding-top:22px;padding-bottom:22px;}.elementor-528 .elementor-element.elementor-element-1b9551a .elementor-nav-menu--main > .elementor-nav-menu > li > .elementor-nav-menu--dropdown, .elementor-528 .elementor-element.elementor-element-1b9551a .elementor-nav-menu__container.elementor-nav-menu--dropdown{margin-top:40px !important;}.elementor-528 .elementor-element.elementor-element-3e5b7d6{--justify-content:space-around;}}@media(max-width:767px){.elementor-528 .elementor-element.elementor-element-3ee9269 .elementor-nav-menu--dropdown a{padding-top:13px;padding-bottom:13px;}.elementor-528 .elementor-element.elementor-element-14f46bf{--z-index:999;}.elementor-528 .elementor-element.elementor-element-1b9551a .elementor-nav-menu--dropdown a{padding-top:13px;padding-bottom:13px;}.elementor-528 .elementor-element.elementor-element-3e5b7d6{--z-index:999;}}/* Start custom CSS for nav-menu, class: .elementor-element-b565b52 */.elementor-528 .elementor-element.elementor-element-b565b52 .elementor-item { /* El color base debe ser blanco puro para que el modo 'difference' funcione correctamente invirtiendo los colores */ color: #ffffff !important; /* Esta es la magia que hace que cambie según el fondo */ mix-blend-mode: difference; /* Opcional: una pequeña transición para que el cambio de color sea más suave al hacer scroll */ transition: color 0.3s ease; } /* Opcional: Mantener el efecto en el estado hover (al pasar el ratón) */ .elementor-528 .elementor-element.elementor-element-b565b52 .elementor-item:hover { color: #cccccc !important; /* Puedes poner un gris clarito u otro color para el hover */ }/* End custom CSS */ /* Start custom CSS for image, class: .elementor-element-4d0d275 */.elementor-528 .elementor-element.elementor-element-4d0d275 img, .elementor-528 .elementor-element.elementor-element-4d0d275 svg { height: auto; -webkit-mask-image: url('https://desarrolloweb.federicosanchez.es/wp-content/uploads/2026/02/logo-wedding-stories.svg'); mask-image: url('https://desarrolloweb.federicosanchez.es/wp-content/uploads/2026/02/logo-wedding-stories.svg'); -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; -webkit-mask-size: contain; mask-size: contain; -webkit-mask-position: center; mask-position: center; mix-blend-mode: difference; }/* End custom CSS */ /* Start custom CSS for nav-menu, class: .elementor-element-bb83e9b */.elementor-528 .elementor-element.elementor-element-bb83e9b .elementor-item { /* El color base debe ser blanco puro para que el modo 'difference' funcione correctamente invirtiendo los colores */ color: #ffffff !important; /* Esta es la magia que hace que cambie según el fondo */ mix-blend-mode: difference; /* Opcional: una pequeña transición para que el cambio de color sea más suave al hacer scroll */ transition: color 0.3s ease; } /* Opcional: Mantener el efecto en el estado hover (al pasar el ratón) */ .elementor-528 .elementor-element.elementor-element-bb83e9b .elementor-item:hover { color: #cccccc !important; /* Puedes poner un gris clarito u otro color para el hover */ }/* End custom CSS */ /* Start custom CSS for nav-menu, class: .elementor-element-b565b52 */.elementor-528 .elementor-element.elementor-element-b565b52 .elementor-item { /* El color base debe ser blanco puro para que el modo 'difference' funcione correctamente invirtiendo los colores */ color: #ffffff !important; /* Esta es la magia que hace que cambie según el fondo */ mix-blend-mode: difference; /* Opcional: una pequeña transición para que el cambio de color sea más suave al hacer scroll */ transition: color 0.3s ease; } /* Opcional: Mantener el efecto en el estado hover (al pasar el ratón) */ .elementor-528 .elementor-element.elementor-element-b565b52 .elementor-item:hover { color: #cccccc !important; /* Puedes poner un gris clarito u otro color para el hover */ }/* End custom CSS */ /* Start custom CSS for image, class: .elementor-element-4d0d275 */.elementor-528 .elementor-element.elementor-element-4d0d275 img, .elementor-528 .elementor-element.elementor-element-4d0d275 svg { height: auto; -webkit-mask-image: url('https://desarrolloweb.federicosanchez.es/wp-content/uploads/2026/02/logo-wedding-stories.svg'); mask-image: url('https://desarrolloweb.federicosanchez.es/wp-content/uploads/2026/02/logo-wedding-stories.svg'); -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; -webkit-mask-size: contain; mask-size: contain; -webkit-mask-position: center; mask-position: center; mix-blend-mode: difference; }/* End custom CSS */ /* Start custom CSS for nav-menu, class: .elementor-element-bb83e9b */.elementor-528 .elementor-element.elementor-element-bb83e9b .elementor-item { /* El color base debe ser blanco puro para que el modo 'difference' funcione correctamente invirtiendo los colores */ color: #ffffff !important; /* Esta es la magia que hace que cambie según el fondo */ mix-blend-mode: difference; /* Opcional: una pequeña transición para que el cambio de color sea más suave al hacer scroll */ transition: color 0.3s ease; } /* Opcional: Mantener el efecto en el estado hover (al pasar el ratón) */ .elementor-528 .elementor-element.elementor-element-bb83e9b .elementor-item:hover { color: #cccccc !important; /* Puedes poner un gris clarito u otro color para el hover */ }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-930eba5 */div#header-rivas.she-header img { opacity: 1; } /* Aplica el modo de mezcla al contenedor completo del menú */ .elementor-528 .elementor-element.elementor-element-930eba5 { mix-blend-mode: difference; } /* Fuerza el texto a blanco puro para que el contraste funcione */ .elementor-528 .elementor-element.elementor-element-930eba5 .elementor-item { color: #ffffff !important; }/* End custom CSS */ /* Start custom CSS for nav-menu, class: .elementor-element-d60201d */.elementor-528 .elementor-element.elementor-element-d60201d .elementor-item { /* El color base debe ser blanco puro para que el modo 'difference' funcione correctamente invirtiendo los colores */ color: #ffffff !important; /* Esta es la magia que hace que cambie según el fondo */ mix-blend-mode: difference; /* Opcional: una pequeña transición para que el cambio de color sea más suave al hacer scroll */ transition: color 0.3s ease; } /* Opcional: Mantener el efecto en el estado hover (al pasar el ratón) */ .elementor-528 .elementor-element.elementor-element-d60201d .elementor-item:hover { color: #cccccc !important; /* Puedes poner un gris clarito u otro color para el hover */ }/* End custom CSS */ /* Start custom CSS for image, class: .elementor-element-495b200 */.elementor-528 .elementor-element.elementor-element-495b200 img, .elementor-528 .elementor-element.elementor-element-495b200 svg { height: auto; -webkit-mask-image: url('https://desarrolloweb.federicosanchez.es/wp-content/uploads/2026/02/logo-wedding-stories.svg'); mask-image: url('https://desarrolloweb.federicosanchez.es/wp-content/uploads/2026/02/logo-wedding-stories.svg'); -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; -webkit-mask-size: contain; mask-size: contain; -webkit-mask-position: center; mask-position: center; mix-blend-mode: difference; }/* End custom CSS */ /* Start custom CSS for nav-menu, class: .elementor-element-b04febd */.elementor-528 .elementor-element.elementor-element-b04febd .elementor-item { /* El color base debe ser blanco puro para que el modo 'difference' funcione correctamente invirtiendo los colores */ color: #ffffff !important; /* Esta es la magia que hace que cambie según el fondo */ mix-blend-mode: difference; /* Opcional: una pequeña transición para que el cambio de color sea más suave al hacer scroll */ transition: color 0.3s ease; } /* Opcional: Mantener el efecto en el estado hover (al pasar el ratón) */ .elementor-528 .elementor-element.elementor-element-b04febd .elementor-item:hover { color: #cccccc !important; /* Puedes poner un gris clarito u otro color para el hover */ }/* End custom CSS */ /* Start custom CSS for nav-menu, class: .elementor-element-d60201d */.elementor-528 .elementor-element.elementor-element-d60201d .elementor-item { /* El color base debe ser blanco puro para que el modo 'difference' funcione correctamente invirtiendo los colores */ color: #ffffff !important; /* Esta es la magia que hace que cambie según el fondo */ mix-blend-mode: difference; /* Opcional: una pequeña transición para que el cambio de color sea más suave al hacer scroll */ transition: color 0.3s ease; } /* Opcional: Mantener el efecto en el estado hover (al pasar el ratón) */ .elementor-528 .elementor-element.elementor-element-d60201d .elementor-item:hover { color: #cccccc !important; /* Puedes poner un gris clarito u otro color para el hover */ }/* End custom CSS */ /* Start custom CSS for image, class: .elementor-element-495b200 */.elementor-528 .elementor-element.elementor-element-495b200 img, .elementor-528 .elementor-element.elementor-element-495b200 svg { height: auto; -webkit-mask-image: url('https://desarrolloweb.federicosanchez.es/wp-content/uploads/2026/02/logo-wedding-stories.svg'); mask-image: url('https://desarrolloweb.federicosanchez.es/wp-content/uploads/2026/02/logo-wedding-stories.svg'); -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; -webkit-mask-size: contain; mask-size: contain; -webkit-mask-position: center; mask-position: center; mix-blend-mode: difference; }/* End custom CSS */ /* Start custom CSS for nav-menu, class: .elementor-element-b04febd */.elementor-528 .elementor-element.elementor-element-b04febd .elementor-item { /* El color base debe ser blanco puro para que el modo 'difference' funcione correctamente invirtiendo los colores */ color: #ffffff !important; /* Esta es la magia que hace que cambie según el fondo */ mix-blend-mode: difference; /* Opcional: una pequeña transición para que el cambio de color sea más suave al hacer scroll */ transition: color 0.3s ease; } /* Opcional: Mantener el efecto en el estado hover (al pasar el ratón) */ .elementor-528 .elementor-element.elementor-element-b04febd .elementor-item:hover { color: #cccccc !important; /* Puedes poner un gris clarito u otro color para el hover */ }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-8b62fd3 *//* Aplica el modo de mezcla al contenedor completo del menú */ .elementor-528 .elementor-element.elementor-element-8b62fd3 { mix-blend-mode: difference; } /* Fuerza el texto a blanco puro para que el contraste funcione */ .elementor-528 .elementor-element.elementor-element-8b62fd3 .elementor-item { color: #ffffff !important; }/* End custom CSS */ /* Start custom CSS for image, class: .elementor-element-907ec18 *//* Aplica el modo de mezcla al contenedor completo del menú */ .elementor-528 .elementor-element.elementor-element-907ec18 { mix-blend-mode: difference; } /* Fuerza el texto a blanco puro para que el contraste funcione */ .elementor-528 .elementor-element.elementor-element-907ec18 .elementor-item { color: #ffffff !important; } .elementor-528 .elementor-element.elementor-element-907ec18 img, .elementor-528 .elementor-element.elementor-element-907ec18 svg { height: auto; -webkit-mask-image: url('https://desarrolloweb.federicosanchez.es/wp-content/uploads/2026/02/logo-wedding-stories.svg'); mask-image: url('https://desarrolloweb.federicosanchez.es/wp-content/uploads/2026/02/logo-wedding-stories.svg'); -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; -webkit-mask-size: contain; mask-size: contain; -webkit-mask-position: center; mask-position: center; mix-blend-mode: difference; }/* End custom CSS */ /* Start custom CSS for image, class: .elementor-element-907ec18 *//* Aplica el modo de mezcla al contenedor completo del menú */ .elementor-528 .elementor-element.elementor-element-907ec18 { mix-blend-mode: difference; } /* Fuerza el texto a blanco puro para que el contraste funcione */ .elementor-528 .elementor-element.elementor-element-907ec18 .elementor-item { color: #ffffff !important; } .elementor-528 .elementor-element.elementor-element-907ec18 img, .elementor-528 .elementor-element.elementor-element-907ec18 svg { height: auto; -webkit-mask-image: url('https://desarrolloweb.federicosanchez.es/wp-content/uploads/2026/02/logo-wedding-stories.svg'); mask-image: url('https://desarrolloweb.federicosanchez.es/wp-content/uploads/2026/02/logo-wedding-stories.svg'); -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; -webkit-mask-size: contain; mask-size: contain; -webkit-mask-position: center; mask-position: center; mix-blend-mode: difference; }/* End custom CSS */ /* Start custom CSS for image, class: .elementor-element-2c3714f *//* Aplica el modo de mezcla al contenedor completo del menú */ .elementor-528 .elementor-element.elementor-element-2c3714f { mix-blend-mode: difference; } /* Fuerza el texto a blanco puro para que el contraste funcione */ .elementor-528 .elementor-element.elementor-element-2c3714f .elementor-item { color: #ffffff !important; } .elementor-528 .elementor-element.elementor-element-2c3714f img, .elementor-528 .elementor-element.elementor-element-2c3714f svg { height: auto; -webkit-mask-image: url('https://desarrolloweb.federicosanchez.es/wp-content/uploads/2026/02/logo-wedding-stories.svg'); mask-image: url('https://desarrolloweb.federicosanchez.es/wp-content/uploads/2026/02/logo-wedding-stories.svg'); -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; -webkit-mask-size: contain; mask-size: contain; -webkit-mask-position: center; mask-position: center; mix-blend-mode: difference; }/* End custom CSS */ /* Start custom CSS for image, class: .elementor-element-2c3714f *//* Aplica el modo de mezcla al contenedor completo del menú */ .elementor-528 .elementor-element.elementor-element-2c3714f { mix-blend-mode: difference; } /* Fuerza el texto a blanco puro para que el contraste funcione */ .elementor-528 .elementor-element.elementor-element-2c3714f .elementor-item { color: #ffffff !important; } .elementor-528 .elementor-element.elementor-element-2c3714f img, .elementor-528 .elementor-element.elementor-element-2c3714f svg { height: auto; -webkit-mask-image: url('https://desarrolloweb.federicosanchez.es/wp-content/uploads/2026/02/logo-wedding-stories.svg'); mask-image: url('https://desarrolloweb.federicosanchez.es/wp-content/uploads/2026/02/logo-wedding-stories.svg'); -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; -webkit-mask-size: contain; mask-size: contain; -webkit-mask-position: center; mask-position: center; mix-blend-mode: difference; }/* End custom CSS */