.elementor-897 .elementor-element.elementor-element-c5b1b64{--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-897 .elementor-element.elementor-element-0276394 .elementor-menu-toggle{margin:0 auto;}.elementor-897 .elementor-element.elementor-element-0276394 .elementor-nav-menu .elementor-item{font-family:"Rubik Variable", Sans-serif;font-size:1rem;font-weight:400;letter-spacing:2.1px;}.elementor-897 .elementor-element.elementor-element-0276394 .elementor-nav-menu--main .elementor-item:hover, .elementor-897 .elementor-element.elementor-element-0276394 .elementor-nav-menu--main .elementor-item.elementor-item-active, .elementor-897 .elementor-element.elementor-element-0276394 .elementor-nav-menu--main .elementor-item.highlighted, .elementor-897 .elementor-element.elementor-element-0276394 .elementor-nav-menu--main .elementor-item:focus{color:var( --e-global-color-primary );fill:var( --e-global-color-primary );}.elementor-897 .elementor-element.elementor-element-0276394 .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-897 .elementor-element.elementor-element-f92c447 img{opacity:0;}.elementor-897 .elementor-element.elementor-element-0185c5d .elementor-menu-toggle{margin:0 auto;}.elementor-897 .elementor-element.elementor-element-0185c5d .elementor-nav-menu .elementor-item{font-family:"Rubik Variable", Sans-serif;font-size:1rem;font-weight:400;letter-spacing:2.1px;}.elementor-897 .elementor-element.elementor-element-0185c5d .elementor-nav-menu--main .elementor-item:hover, .elementor-897 .elementor-element.elementor-element-0185c5d .elementor-nav-menu--main .elementor-item.elementor-item-active, .elementor-897 .elementor-element.elementor-element-0185c5d .elementor-nav-menu--main .elementor-item.highlighted, .elementor-897 .elementor-element.elementor-element-0185c5d .elementor-nav-menu--main .elementor-item:focus{color:var( --e-global-color-primary );fill:var( --e-global-color-primary );}.elementor-897 .elementor-element.elementor-element-0185c5d .elementor-nav-menu--main .elementor-item.elementor-item-active{color:var( --e-global-color-primary );}body:not(.rtl) .elementor-897 .elementor-element.elementor-element-c5b1b64{left:0px;}body.rtl .elementor-897 .elementor-element.elementor-element-c5b1b64{right:0px;}.elementor-897 .elementor-element.elementor-element-5ee78a5{--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-897 .elementor-element.elementor-element-f6c472b .elementor-menu-toggle{margin:0 auto;}.elementor-897 .elementor-element.elementor-element-f6c472b .elementor-nav-menu .elementor-item{font-family:"Rubik Variable", Sans-serif;font-size:1rem;font-weight:400;letter-spacing:2.1px;}.elementor-897 .elementor-element.elementor-element-f6c472b .elementor-nav-menu--main .elementor-item:hover, .elementor-897 .elementor-element.elementor-element-f6c472b .elementor-nav-menu--main .elementor-item.elementor-item-active, .elementor-897 .elementor-element.elementor-element-f6c472b .elementor-nav-menu--main .elementor-item.highlighted, .elementor-897 .elementor-element.elementor-element-f6c472b .elementor-nav-menu--main .elementor-item:focus{color:var( --e-global-color-primary );fill:var( --e-global-color-primary );}.elementor-897 .elementor-element.elementor-element-f6c472b .elementor-nav-menu--main .elementor-item.elementor-item-active{color:var( --e-global-color-primary );}.elementor-897 .elementor-element.elementor-element-491a769 img{width:100%;}.elementor-897 .elementor-element.elementor-element-2a1c5fa .elementor-menu-toggle{margin:0 auto;}.elementor-897 .elementor-element.elementor-element-2a1c5fa .elementor-nav-menu .elementor-item{font-family:"Rubik Variable", Sans-serif;font-size:1rem;font-weight:400;letter-spacing:2.1px;}.elementor-897 .elementor-element.elementor-element-2a1c5fa .elementor-nav-menu--main .elementor-item:hover, .elementor-897 .elementor-element.elementor-element-2a1c5fa .elementor-nav-menu--main .elementor-item.elementor-item-active, .elementor-897 .elementor-element.elementor-element-2a1c5fa .elementor-nav-menu--main .elementor-item.highlighted, .elementor-897 .elementor-element.elementor-element-2a1c5fa .elementor-nav-menu--main .elementor-item:focus{color:var( --e-global-color-primary );fill:var( --e-global-color-primary );}.elementor-897 .elementor-element.elementor-element-2a1c5fa .elementor-nav-menu--main .elementor-item.elementor-item-active{color:var( --e-global-color-primary );}body:not(.rtl) .elementor-897 .elementor-element.elementor-element-5ee78a5{left:0px;}body.rtl .elementor-897 .elementor-element.elementor-element-5ee78a5{right:0px;}.elementor-897 .elementor-element.elementor-element-33246b8{--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-897 .elementor-element.elementor-element-33246b8:not(.elementor-motion-effects-element-type-background), .elementor-897 .elementor-element.elementor-element-33246b8 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-accent );}body:not(.rtl) .elementor-897 .elementor-element.elementor-element-33246b8{left:0px;}body.rtl .elementor-897 .elementor-element.elementor-element-33246b8{right:0px;}.elementor-897 .elementor-element.elementor-element-914d7e1 img{width:100%;}.elementor-897 .elementor-element.elementor-element-80889a6 .elementor-menu-toggle{margin:0 auto;background-color:var( --e-global-color-accent );}.elementor-897 .elementor-element.elementor-element-80889a6 .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-897 .elementor-element.elementor-element-80889a6 .elementor-nav-menu--main .elementor-item:hover, .elementor-897 .elementor-element.elementor-element-80889a6 .elementor-nav-menu--main .elementor-item.elementor-item-active, .elementor-897 .elementor-element.elementor-element-80889a6 .elementor-nav-menu--main .elementor-item.highlighted, .elementor-897 .elementor-element.elementor-element-80889a6 .elementor-nav-menu--main .elementor-item:focus{color:var( --e-global-color-primary );fill:var( --e-global-color-primary );}.elementor-897 .elementor-element.elementor-element-80889a6 .elementor-nav-menu--main .elementor-item.elementor-item-active{color:var( --e-global-color-primary );}.elementor-897 .elementor-element.elementor-element-80889a6 .elementor-nav-menu--dropdown a, .elementor-897 .elementor-element.elementor-element-80889a6 .elementor-menu-toggle{color:var( --e-global-color-accent );fill:var( --e-global-color-accent );}.elementor-897 .elementor-element.elementor-element-80889a6 .elementor-nav-menu--dropdown{background-color:var( --e-global-color-b849970 );}.elementor-897 .elementor-element.elementor-element-80889a6 .elementor-nav-menu--dropdown a:hover, .elementor-897 .elementor-element.elementor-element-80889a6 .elementor-nav-menu--dropdown a:focus, .elementor-897 .elementor-element.elementor-element-80889a6 .elementor-nav-menu--dropdown a.elementor-item-active, .elementor-897 .elementor-element.elementor-element-80889a6 .elementor-nav-menu--dropdown a.highlighted, .elementor-897 .elementor-element.elementor-element-80889a6 .elementor-menu-toggle:hover, .elementor-897 .elementor-element.elementor-element-80889a6 .elementor-menu-toggle:focus{color:var( --e-global-color-b849970 );}.elementor-897 .elementor-element.elementor-element-80889a6 .elementor-nav-menu--dropdown a:hover, .elementor-897 .elementor-element.elementor-element-80889a6 .elementor-nav-menu--dropdown a:focus, .elementor-897 .elementor-element.elementor-element-80889a6 .elementor-nav-menu--dropdown a.elementor-item-active, .elementor-897 .elementor-element.elementor-element-80889a6 .elementor-nav-menu--dropdown a.highlighted{background-color:var( --e-global-color-accent );}.elementor-897 .elementor-element.elementor-element-80889a6 .elementor-nav-menu--dropdown a.elementor-item-active{color:var( --e-global-color-b849970 );background-color:var( --e-global-color-accent );}.elementor-897 .elementor-element.elementor-element-80889a6 div.elementor-menu-toggle{color:var( --e-global-color-b849970 );}.elementor-897 .elementor-element.elementor-element-80889a6 div.elementor-menu-toggle svg{fill:var( --e-global-color-b849970 );}.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-897 .elementor-element.elementor-element-c5b1b64{--content-width:1600px;}.elementor-897 .elementor-element.elementor-element-5ee78a5{--content-width:1600px;}.elementor-897 .elementor-element.elementor-element-33246b8{--content-width:1600px;}}@media(max-width:1024px){.elementor-897 .elementor-element.elementor-element-33246b8{--justify-content:space-around;}.elementor-897 .elementor-element.elementor-element-80889a6{--e-nav-menu-horizontal-menu-item-margin:calc( 0px / 2 );}.elementor-897 .elementor-element.elementor-element-80889a6 .elementor-nav-menu--main:not(.elementor-nav-menu--layout-horizontal) .elementor-nav-menu > li:not(:last-child){margin-bottom:0px;}.elementor-897 .elementor-element.elementor-element-80889a6 .elementor-nav-menu--dropdown a{padding-left:11px;padding-right:11px;padding-top:22px;padding-bottom:22px;}.elementor-897 .elementor-element.elementor-element-80889a6 .elementor-nav-menu--main > .elementor-nav-menu > li > .elementor-nav-menu--dropdown, .elementor-897 .elementor-element.elementor-element-80889a6 .elementor-nav-menu__container.elementor-nav-menu--dropdown{margin-top:40px !important;}}@media(max-width:767px){.elementor-897 .elementor-element.elementor-element-33246b8{--z-index:999;}.elementor-897 .elementor-element.elementor-element-80889a6 .elementor-nav-menu--dropdown a{padding-top:13px;padding-bottom:13px;}}/* Start custom CSS for nav-menu, class: .elementor-element-0276394 */.elementor-897 .elementor-element.elementor-element-0276394 .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-897 .elementor-element.elementor-element-0276394 .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-f92c447 */.elementor-897 .elementor-element.elementor-element-f92c447 img, .elementor-897 .elementor-element.elementor-element-f92c447 svg { height: auto; -webkit-mask-image: url('https://desarrolloweb.federicosanchez.es/wp-content/uploads/2026/03/logo-rivas-events-corporate.svg'); mask-image: url('https://desarrolloweb.federicosanchez.es/wp-content/uploads/2026/03/logo-rivas-events-corporate.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-0185c5d */.elementor-897 .elementor-element.elementor-element-0185c5d .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-897 .elementor-element.elementor-element-0185c5d .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-0276394 */.elementor-897 .elementor-element.elementor-element-0276394 .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-897 .elementor-element.elementor-element-0276394 .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-f92c447 */.elementor-897 .elementor-element.elementor-element-f92c447 img, .elementor-897 .elementor-element.elementor-element-f92c447 svg { height: auto; -webkit-mask-image: url('https://desarrolloweb.federicosanchez.es/wp-content/uploads/2026/03/logo-rivas-events-corporate.svg'); mask-image: url('https://desarrolloweb.federicosanchez.es/wp-content/uploads/2026/03/logo-rivas-events-corporate.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-0185c5d */.elementor-897 .elementor-element.elementor-element-0185c5d .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-897 .elementor-element.elementor-element-0185c5d .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-c5b1b64 */div#header-rivas.she-header img { opacity: 1; } /* Aplica el modo de mezcla al contenedor completo del menú */ .elementor-897 .elementor-element.elementor-element-c5b1b64 { mix-blend-mode: difference; } /* Fuerza el texto a blanco puro para que el contraste funcione */ .elementor-897 .elementor-element.elementor-element-c5b1b64 .elementor-item { color: #ffffff !important; }/* End custom CSS */ /* Start custom CSS for nav-menu, class: .elementor-element-f6c472b */.elementor-897 .elementor-element.elementor-element-f6c472b .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-897 .elementor-element.elementor-element-f6c472b .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-491a769 */.elementor-897 .elementor-element.elementor-element-491a769 img, .elementor-897 .elementor-element.elementor-element-491a769 svg { height: auto; -webkit-mask-image: url('https://desarrolloweb.federicosanchez.es/wp-content/uploads/2026/03/logo-rivas-events-corporate.svg'); mask-image: url('https://desarrolloweb.federicosanchez.es/wp-content/uploads/2026/03/logo-rivas-events-corporate.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-2a1c5fa */.elementor-897 .elementor-element.elementor-element-2a1c5fa .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-897 .elementor-element.elementor-element-2a1c5fa .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-f6c472b */.elementor-897 .elementor-element.elementor-element-f6c472b .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-897 .elementor-element.elementor-element-f6c472b .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-491a769 */.elementor-897 .elementor-element.elementor-element-491a769 img, .elementor-897 .elementor-element.elementor-element-491a769 svg { height: auto; -webkit-mask-image: url('https://desarrolloweb.federicosanchez.es/wp-content/uploads/2026/03/logo-rivas-events-corporate.svg'); mask-image: url('https://desarrolloweb.federicosanchez.es/wp-content/uploads/2026/03/logo-rivas-events-corporate.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-2a1c5fa */.elementor-897 .elementor-element.elementor-element-2a1c5fa .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-897 .elementor-element.elementor-element-2a1c5fa .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-5ee78a5 *//* Aplica el modo de mezcla al contenedor completo del menú */ .elementor-897 .elementor-element.elementor-element-5ee78a5 { mix-blend-mode: difference; } /* Fuerza el texto a blanco puro para que el contraste funcione */ .elementor-897 .elementor-element.elementor-element-5ee78a5 .elementor-item { color: #ffffff !important; }/* End custom CSS */ /* Start custom CSS for image, class: .elementor-element-914d7e1 *//* Aplica el modo de mezcla al contenedor completo del menú */ .elementor-897 .elementor-element.elementor-element-914d7e1 { mix-blend-mode: difference; } /* Fuerza el texto a blanco puro para que el contraste funcione */ .elementor-897 .elementor-element.elementor-element-914d7e1 .elementor-item { color: #ffffff !important; } .elementor-897 .elementor-element.elementor-element-914d7e1 img, .elementor-897 .elementor-element.elementor-element-914d7e1 svg { height: auto; -webkit-mask-image: url('https://desarrolloweb.federicosanchez.es/wp-content/uploads/2026/03/logo-rivas-events-corporate.svg'); mask-image: url('https://desarrolloweb.federicosanchez.es/wp-content/uploads/2026/03/logo-rivas-events-corporate.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 */