.elementor-84 .elementor-element.elementor-element-1b32f7d{--display:flex;--min-height:100vh;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-84 .elementor-element.elementor-element-1b32f7d:not(.elementor-motion-effects-element-type-background), .elementor-84 .elementor-element.elementor-element-1b32f7d > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-accent );}.elementor-84 .elementor-element.elementor-element-88731c6{--display:flex;--min-height:100vh;--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;--gap:0rem 9rem;--row-gap:0rem;--column-gap:9rem;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-84 .elementor-element.elementor-element-88731c6:not(.elementor-motion-effects-element-type-background), .elementor-84 .elementor-element.elementor-element-88731c6 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-accent );}.elementor-84 .elementor-element.elementor-element-0346f96{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--gap:55px 0px;--row-gap:55px;--column-gap:0px;}.elementor-84 .elementor-element.elementor-element-e054249{--display:flex;--position:absolute;--min-height:100vh;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;top:0px;}body:not(.rtl) .elementor-84 .elementor-element.elementor-element-e054249{left:0px;}body.rtl .elementor-84 .elementor-element.elementor-element-e054249{right:0px;}.elementor-84 .elementor-element.elementor-element-56e3765 .elementor-wrapper{--video-aspect-ratio:0.5625;}.elementor-84 .elementor-element.elementor-element-77bedb4{--display:flex;--min-height:799px;--justify-content:center;}.elementor-84 .elementor-element.elementor-element-77bedb4:not(.elementor-motion-effects-element-type-background), .elementor-84 .elementor-element.elementor-element-77bedb4 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://desarrolloweb.federicosanchez.es/wp-content/uploads/2026/02/Landing-general-Bola.svg");background-position:center center;background-repeat:no-repeat;background-size:contain;}.elementor-84 .elementor-element.elementor-element-a6d1a98{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--align-items:center;--gap:7px 0px;--row-gap:7px;--column-gap: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-84 .elementor-element.elementor-element-6dda796 img{width:240px;}.elementor-84 .elementor-element.elementor-element-900acef{--display:flex;--min-height:100vh;--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;--justify-content:center;--gap:0rem 9rem;--row-gap:0rem;--column-gap:9rem;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-84 .elementor-element.elementor-element-900acef:not(.elementor-motion-effects-element-type-background), .elementor-84 .elementor-element.elementor-element-900acef > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#1D1D1D;}.elementor-84 .elementor-element.elementor-element-c24d221{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--gap:55px 0px;--row-gap:55px;--column-gap:0px;}.elementor-84 .elementor-element.elementor-element-155677c{--display:flex;--min-height:650px;--justify-content:center;}.elementor-84 .elementor-element.elementor-element-155677c:not(.elementor-motion-effects-element-type-background), .elementor-84 .elementor-element.elementor-element-155677c > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://desarrolloweb.federicosanchez.es/wp-content/uploads/2026/02/Landing-general-Bola.svg");background-position:center center;background-repeat:no-repeat;background-size:contain;}.elementor-84 .elementor-element.elementor-element-b84f374{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--align-items:center;--gap:7px 0px;--row-gap:7px;--column-gap:0px;}.elementor-84 .elementor-element.elementor-element-f313da3 img{width:182px;}.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-84 .elementor-element.elementor-element-67e9499 .elementor-heading-title{font-family:"Rubik Variable", Sans-serif;font-size:1.1rem;font-weight:600;color:var( --e-global-color-b849970 );}.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-84 .elementor-element.elementor-element-0cb68cb .elementor-button{background-color:var( --e-global-color-primary );font-family:"Rubik Variable", Sans-serif;font-weight:400;text-transform:uppercase;letter-spacing:1.1px;fill:var( --e-global-color-accent );color:var( --e-global-color-accent );border-style:solid;border-width:1px 1px 1px 1px;border-radius:12px 12px 12px 12px;padding:1.5rem 2rem 1.5rem 2rem;}.elementor-84 .elementor-element.elementor-element-0cb68cb .elementor-button:hover, .elementor-84 .elementor-element.elementor-element-0cb68cb .elementor-button:focus{background-color:var( --e-global-color-b849970 );color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-84 .elementor-element.elementor-element-0cb68cb .elementor-button:hover svg, .elementor-84 .elementor-element.elementor-element-0cb68cb .elementor-button:focus svg{fill:var( --e-global-color-primary );}.elementor-84 .elementor-element.elementor-element-092fa34{--display:flex;--position:absolute;--min-height:98vh;--border-radius:30px 0px 30px 0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;top:0px;--z-index:4;}body:not(.rtl) .elementor-84 .elementor-element.elementor-element-092fa34{left:-165px;}body.rtl .elementor-84 .elementor-element.elementor-element-092fa34{right:-165px;}.elementor-84 .elementor-element.elementor-element-2f4496f{border-radius:0px 20px 20px 0px;}.elementor-84 .elementor-element.elementor-element-2f4496f .elementor-wrapper{--video-aspect-ratio:0.5625;}.elementor-84 .elementor-element.elementor-element-4b538e5{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--gap:55px 0px;--row-gap:55px;--column-gap:0px;}.elementor-84 .elementor-element.elementor-element-1d30d21{--display:flex;--position:absolute;--min-height:98vh;--border-radius:30px 0px 30px 0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;top:0px;--z-index:4;}body:not(.rtl) .elementor-84 .elementor-element.elementor-element-1d30d21{right:-165px;}body.rtl .elementor-84 .elementor-element.elementor-element-1d30d21{left:-165px;}.elementor-84 .elementor-element.elementor-element-e503531{border-radius:20px 0px 0px 20px;}.elementor-84 .elementor-element.elementor-element-e503531 .elementor-wrapper{--video-aspect-ratio:0.5625;}.elementor-84 .elementor-element.elementor-element-5077f0d{--display:flex;--min-height:650px;--justify-content:center;}.elementor-84 .elementor-element.elementor-element-5077f0d:not(.elementor-motion-effects-element-type-background), .elementor-84 .elementor-element.elementor-element-5077f0d > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://desarrolloweb.federicosanchez.es/wp-content/uploads/2026/02/Landing-general-Bola.svg");background-position:center center;background-repeat:no-repeat;background-size:contain;}.elementor-84 .elementor-element.elementor-element-b5b4c94{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--align-items:center;--gap:7px 0px;--row-gap:7px;--column-gap:0px;}.elementor-84 .elementor-element.elementor-element-177c436 img{width:182px;}.elementor-84 .elementor-element.elementor-element-39a069d .elementor-heading-title{font-family:"Rubik Variable", Sans-serif;font-size:0.9rem;font-weight:600;color:var( --e-global-color-b849970 );}.elementor-84 .elementor-element.elementor-element-b1f2bb7 .elementor-button{background-color:var( --e-global-color-secondary );font-family:"Rubik Variable", Sans-serif;font-weight:400;text-transform:uppercase;letter-spacing:1.1px;fill:var( --e-global-color-b849970 );color:var( --e-global-color-b849970 );border-style:solid;border-width:1px 1px 1px 1px;border-color:var( --e-global-color-secondary );border-radius:12px 12px 12px 12px;padding:1.5rem 2rem 1.5rem 2rem;}.elementor-84 .elementor-element.elementor-element-b1f2bb7 .elementor-button:hover, .elementor-84 .elementor-element.elementor-element-b1f2bb7 .elementor-button:focus{background-color:var( --e-global-color-b849970 );color:var( --e-global-color-secondary );border-color:var( --e-global-color-secondary );}.elementor-84 .elementor-element.elementor-element-b1f2bb7 .elementor-button:hover svg, .elementor-84 .elementor-element.elementor-element-b1f2bb7 .elementor-button:focus svg{fill:var( --e-global-color-secondary );}@media(max-width:767px){.elementor-84 .elementor-element.elementor-element-1b32f7d{--min-height:100vh;}.elementor-84 .elementor-element.elementor-element-88731c6{--min-height:80vh;}.elementor-84 .elementor-element.elementor-element-77bedb4{--min-height:304px;}.elementor-84 .elementor-element.elementor-element-6dda796 img{width:105px;}.elementor-84 .elementor-element.elementor-element-900acef{--min-height:80vh;--gap:0rem 0rem;--row-gap:0rem;--column-gap:0rem;}.elementor-84 .elementor-element.elementor-element-c24d221{--gap:20px 0px;--row-gap:20px;--column-gap:0px;}.elementor-84 .elementor-element.elementor-element-155677c{--min-height:200px;}.elementor-84 .elementor-element.elementor-element-f313da3 img{width:105px;}.elementor-84 .elementor-element.elementor-element-67e9499 .elementor-heading-title{font-size:0.7rem;}.elementor-84 .elementor-element.elementor-element-092fa34{--min-height:40vh;top:0px;}body:not(.rtl) .elementor-84 .elementor-element.elementor-element-092fa34{left:0px;}body.rtl .elementor-84 .elementor-element.elementor-element-092fa34{right:0px;}.elementor-84 .elementor-element.elementor-element-4b538e5{--gap:20px 0px;--row-gap:20px;--column-gap:0px;}.elementor-84 .elementor-element.elementor-element-1d30d21{--min-height:40vh;top:0px;}body:not(.rtl) .elementor-84 .elementor-element.elementor-element-1d30d21{right:0px;}body.rtl .elementor-84 .elementor-element.elementor-element-1d30d21{left:0px;}.elementor-84 .elementor-element.elementor-element-5077f0d{--min-height:200px;}.elementor-84 .elementor-element.elementor-element-177c436 img{width:105px;}.elementor-84 .elementor-element.elementor-element-39a069d .elementor-heading-title{font-size:0.6rem;}}@media(min-width:768px){.elementor-84 .elementor-element.elementor-element-1b32f7d{--content-width:1440px;}.elementor-84 .elementor-element.elementor-element-0346f96{--width:100%;}.elementor-84 .elementor-element.elementor-element-e054249{--width:881px;}.elementor-84 .elementor-element.elementor-element-77bedb4{--width:100%;}.elementor-84 .elementor-element.elementor-element-900acef{--width:1440px;}.elementor-84 .elementor-element.elementor-element-c24d221{--width:50%;}.elementor-84 .elementor-element.elementor-element-155677c{--width:100%;}.elementor-84 .elementor-element.elementor-element-092fa34{--width:830px;}.elementor-84 .elementor-element.elementor-element-4b538e5{--width:50%;}.elementor-84 .elementor-element.elementor-element-1d30d21{--width:830px;}.elementor-84 .elementor-element.elementor-element-5077f0d{--width:100%;}}/* Start custom CSS for video, class: .elementor-element-56e3765 */.elementor-84 .elementor-element.elementor-element-56e3765 {
    height: 100vh;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-e054249 */.hidden {
    display: none;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-0346f96 */.elementor-84 .elementor-element.elementor-element-0346f96 {
    position: relative;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-88731c6 */.elementor-84 .elementor-element.elementor-element-88731c6 {
    position: absolute; /* Lo sacamos del flujo para que se superponga */
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1; /* Nivel 1 (Fondo) */
    background-color: #1a1a1a; /* Asegura que tenga fondo oscuro */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-155677c *//* --- 1. ESTADO INICIAL (SIN HOVER) --- */

/* El botón: invisible, desplazado y preparado con un puente */
.hover-wedding-btn {
    opacity: 0;
    transform: translateY(30px) scale(0.8);
    transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);
    pointer-events: none;
    position: relative; /* Necesario para el puente invisible */
}

/* PUENTE INVISIBLE (CRUCIAL): */
/* Esto crea una zona invisible encima del botón para que si hay un hueco
   entre la imagen y el botón, el ratón no "caiga" al vacío y se pierda el hover */
.hover-wedding-btn::before {
    content: "";
    position: absolute;
    top: -40px; /* Cubre hasta 40px hacia arriba */
    left: 0;
    width: 100%;
    height: 40px;
    background: transparent;
    display: block;
}

/* El video de la derecha: oculto por defecto */
.hover-wedding-video {
    display: none;
    animation: fadeInVideo 0.5s forwards;
}

/* --- 2. LÓGICA DEL HOVER Y PERMANENCIA --- */

/* ACCIÓN A: Mostrar el botón */
/* Se muestra si: Hover en imagen O Hover en el propio botón */
.hover-wedding:hover ~ .hover-wedding-btn,
.hover-wedding-btn:hover {
    opacity: 1;
    transform: translateY(0) scale(1);
    pointer-events: all;
}

/* ACCIÓN B: Mostrar el video */
/* Se muestra si: Hover en imagen O Hover en botón (detectado desde el padre principal) */
#rivas-split:has(.hover-wedding:hover) .hover-wedding-video,
#rivas-split:has(.hover-wedding-btn:hover) .hover-wedding-video {
    display: block;
}

/* Keyframes video */
@keyframes fadeInVideo {
    from { opacity: 0; }
    to { opacity: 1; }
}

/* --- 3. EFECTO GROW EN EL CONTENEDOR --- */

.hover-wedding {
    transform: scale(1);
    transition: transform 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    will-change: transform;
    z-index: 1;
}

/* ACCIÓN C: Efecto Grow */
/* Crece si: Hover en imagen O Hover en botón (detectado desde la columna 1) */
.hover-wedding:hover,
#rivas-col-1:has(.hover-wedding-btn:hover) .hover-wedding {
    transform: scale(1.05);
}/* End custom CSS */
/* Start custom CSS for video, class: .elementor-element-2f4496f */.elementor-84 .elementor-element.elementor-element-2f4496f {
    height: 100vh;
}

@media only screen and (max-width: 768px) {
  .elementor-84 .elementor-element.elementor-element-2f4496f {
    height: 40vh;
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-092fa34 */.hover-events-video {
    display: none;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-c24d221 */.elementor-84 .elementor-element.elementor-element-c24d221 {
    position: relative;
}/* End custom CSS */
/* Start custom CSS for video, class: .elementor-element-e503531 */.elementor-84 .elementor-element.elementor-element-e503531 {
    height: 100vh;
}

@media only screen and (max-width: 768px) {
  .elementor-84 .elementor-element.elementor-element-e503531 {
    height: 40vh;
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-1d30d21 */.hover-wedding-video {
    display: none;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5077f0d *//* =========================================
   SECCIÓN DERECHA: EVENTS & CORPORATE
   ========================================= */

/* --- 1. ESTADO INICIAL (EVENTS) --- */

.hover-events-btn {
    opacity: 0;
    transform: translateY(30px) scale(0.8);
    transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);
    pointer-events: none;
    position: relative;
}

/* PUENTE INVISIBLE (Para evitar saltos al bajar el ratón) */
.hover-events-btn::before {
    content: "";
    position: absolute;
    top: -40px;
    left: 0;
    width: 100%;
    height: 40px;
    background: transparent;
    display: block;
}

.hover-events-video {
    display: none;
    animation: fadeInVideo 0.5s forwards; /* Reusamos la animación del bloque anterior */
}

/* --- 2. LÓGICA DEL HOVER (EVENTS) --- */

/* ACCIÓN A: Mostrar el botón de Events */
.hover-events:hover ~ .hover-events-btn,
.hover-events-btn:hover {
    opacity: 1;
    transform: translateY(0) scale(1);
    pointer-events: all;
}

/* ACCIÓN B: Mostrar el video de Events (en la columna contraria) */
/* El padre #rivas-split detecta la interacción en el lado derecho */
#rivas-split:has(.hover-events:hover) .hover-events-video,
#rivas-split:has(.hover-events-btn:hover) .hover-events-video {
    display: block;
}

/* --- 3. EFECTO GROW EN EL CONTENEDOR (EVENTS) --- */

.hover-events {
    transform: scale(1);
    transition: transform 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    will-change: transform;
    z-index: 1;
}

/* ACCIÓN C: Efecto Grow */
/* Aquí cambiamos a #rivas-col-2 porque es donde vive este bloque */
.hover-events:hover,
#rivas-col-2:has(.hover-events-btn:hover) .hover-events {
    transform: scale(1.05);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-4b538e5 */.elementor-84 .elementor-element.elementor-element-4b538e5 {
    position: relative;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-900acef */.elementor-84 .elementor-element.elementor-element-900acef {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 2; /* Encima del fondo */
    background-color: #1d1d1d; /* Fondo para tapar */
    
    /* --- NUEVO CÓDIGO PARA CÍRCULO PERFECTO --- */
    /* Estado inicial: Un círculo de radio 0% en el centro (invisible) */
    -webkit-clip-path: circle(0% at center);
    clip-path: circle(0% at center);
    /* ------------------------------------------- */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-1b32f7d */.elementor-84 .elementor-element.elementor-element-1b32f7d {
    position: relative;
    height: 100vh; /* Fuerza la altura completa de la pantalla */
    overflow: hidden; /* Evita barras de scroll internas */
    display: flex;
    justify-content: center;
    align-items: center;
}/* End custom CSS */
/* Start Custom Fonts CSS */@font-face {
	font-family: 'Rubik Variable';
	font-display: auto;
	src: url('https://desarrolloweb.federicosanchez.es/wp-content/uploads/2026/02/Rubik-VariableFont_wght.ttf') format('truetype');
}
/* End Custom Fonts CSS */