.elementor-184 .elementor-element.elementor-element-3640bf1{--display:flex;--min-height:700px;--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;--justify-content:center;--align-items:flex-start;--overlay-opacity:0.5;}.elementor-184 .elementor-element.elementor-element-3640bf1::before, .elementor-184 .elementor-element.elementor-element-3640bf1 > .elementor-background-video-container::before, .elementor-184 .elementor-element.elementor-element-3640bf1 > .e-con-inner > .elementor-background-video-container::before, .elementor-184 .elementor-element.elementor-element-3640bf1 > .elementor-background-slideshow::before, .elementor-184 .elementor-element.elementor-element-3640bf1 > .e-con-inner > .elementor-background-slideshow::before, .elementor-184 .elementor-element.elementor-element-3640bf1 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:#000000;--background-overlay:'';}.elementor-184 .elementor-element.elementor-element-3640bf1 .elementor-background-slideshow__slide__image{background-size:cover;background-position:center center;}.elementor-184 .elementor-element.elementor-element-ba7b6b5{--display:flex;}.elementor-184 .elementor-element.elementor-element-6552e0e .elementor-heading-title{color:#FFFFFF;}.elementor-184 .elementor-element.elementor-element-0feb0b9{color:#FFFFFF;}.elementor-184 .elementor-element.elementor-element-c56d661{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-184 .elementor-element.elementor-element-258bb59 .elementor-button{background-color:#02010100;border-style:solid;border-width:1px 1px 1px 1px;}.elementor-184 .elementor-element.elementor-element-258bb59 .elementor-button:hover, .elementor-184 .elementor-element.elementor-element-258bb59 .elementor-button:focus{background-color:#000000;border-color:#000000;}.elementor-184 .elementor-element.elementor-element-81371e0 .elementor-button{background-color:var( --e-global-color-3b670c8 );border-style:solid;border-width:1px 1px 1px 1px;border-color:var( --e-global-color-kadence1 );}.elementor-184 .elementor-element.elementor-element-81371e0 .elementor-button:hover, .elementor-184 .elementor-element.elementor-element-81371e0 .elementor-button:focus{background-color:#000000;border-color:#000000;}.elementor-184 .elementor-element.elementor-element-0cd805a{--display:flex;--margin-top:-800px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-184 .elementor-element.elementor-element-479bb86{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-184 .elementor-element.elementor-element-56ad689{--display:flex;--min-height:600px;--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;--justify-content:center;--align-items:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:700px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-184 .elementor-element.elementor-element-56ad689:not(.elementor-motion-effects-element-type-background), .elementor-184 .elementor-element.elementor-element-56ad689 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://jaureguiestilistas.com/wp-content/uploads/2025/07/HERO2.jpg");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-184 .elementor-element.elementor-element-44464a5{text-align:center;}.elementor-184 .elementor-element.elementor-element-44464a5 .elementor-heading-title{color:#FFFFFF;}.elementor-184 .elementor-element.elementor-element-64eb1f7{margin:-30px 0px calc(var(--kit-widget-spacing, 0px) + -40px) 0px;text-align:center;}.elementor-184 .elementor-element.elementor-element-64eb1f7 .elementor-heading-title{font-size:70px;color:var( --e-global-color-3b670c8 );}.elementor-184 .elementor-element.elementor-element-f3d828d{--display:flex;}.elementor-184 .elementor-element.elementor-element-42bdae1{text-align:center;color:#FFFFFF;}.elementor-184 .elementor-element.elementor-element-976d429 .elementor-button{background-color:#02010100;text-transform:uppercase;border-style:solid;border-width:1px 1px 1px 1px;}.elementor-184 .elementor-element.elementor-element-976d429 .elementor-button:hover, .elementor-184 .elementor-element.elementor-element-976d429 .elementor-button:focus{background-color:#000000;border-color:#000000;}.elementor-184 .elementor-element.elementor-element-1ac6fea{--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;--margin-top:100px;--margin-bottom:100px;--margin-left:0px;--margin-right:0px;}.elementor-184 .elementor-element.elementor-element-2e5895e{text-align:center;}.elementor-184 .elementor-element.elementor-element-4d5fc29{--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-184 .elementor-element.elementor-element-2009e43{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--border-radius:20px 20px 20px 20px;box-shadow:0px 0px 10px 0px rgba(0, 0, 0, 0.2);--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-184 .elementor-element.elementor-element-2009e43:hover{box-shadow:0px 0px 10px 0px rgba(0,0,0,0.5);}.elementor-184 .elementor-element.elementor-element-641238e img{border-radius:20px 20px 0px 0px;}.elementor-184 .elementor-element.elementor-element-9ae54eb{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:10px;--padding-bottom:10px;--padding-left:20px;--padding-right:20px;}.elementor-184 .elementor-element.elementor-element-565be1c{margin:20px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;text-align:center;}.elementor-184 .elementor-element.elementor-element-565be1c .elementor-heading-title{font-weight:700;color:#000000;}.elementor-184 .elementor-element.elementor-element-661f278{text-align:center;}.elementor-184 .elementor-element.elementor-element-69dcf8f .elementor-button{background-color:#02010100;fill:#000000;color:#000000;border-style:solid;border-width:1px 1px 1px 1px;border-color:#000000;}.elementor-184 .elementor-element.elementor-element-69dcf8f .elementor-button:hover, .elementor-184 .elementor-element.elementor-element-69dcf8f .elementor-button:focus{background-color:var( --e-global-color-3b670c8 );color:#FFFFFF;border-color:var( --e-global-color-3b670c8 );}.elementor-184 .elementor-element.elementor-element-69dcf8f{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 20px) 0px;}.elementor-184 .elementor-element.elementor-element-69dcf8f .elementor-button:hover svg, .elementor-184 .elementor-element.elementor-element-69dcf8f .elementor-button:focus svg{fill:#FFFFFF;}.elementor-184 .elementor-element.elementor-element-0e776fe{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--border-radius:20px 20px 20px 20px;box-shadow:0px 0px 10px 0px rgba(0, 0, 0, 0.2);--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-184 .elementor-element.elementor-element-0e776fe:hover{box-shadow:0px 0px 10px 0px rgba(0,0,0,0.5);}.elementor-184 .elementor-element.elementor-element-2598a93 img{border-radius:20px 20px 0px 0px;}.elementor-184 .elementor-element.elementor-element-2051b27{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:10px;--padding-bottom:10px;--padding-left:20px;--padding-right:20px;}.elementor-184 .elementor-element.elementor-element-b6d3c7f{margin:20px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;text-align:center;}.elementor-184 .elementor-element.elementor-element-b6d3c7f .elementor-heading-title{font-weight:700;color:#000000;}.elementor-184 .elementor-element.elementor-element-c8b44b3{text-align:center;}.elementor-184 .elementor-element.elementor-element-283a26a .elementor-button{background-color:#02010100;fill:#000000;color:#000000;border-style:solid;border-width:1px 1px 1px 1px;border-color:#000000;}.elementor-184 .elementor-element.elementor-element-283a26a .elementor-button:hover, .elementor-184 .elementor-element.elementor-element-283a26a .elementor-button:focus{background-color:var( --e-global-color-3b670c8 );color:#FFFFFF;border-color:var( --e-global-color-3b670c8 );}.elementor-184 .elementor-element.elementor-element-283a26a{margin:30px 0px calc(var(--kit-widget-spacing, 0px) + 20px) 0px;}.elementor-184 .elementor-element.elementor-element-283a26a .elementor-button:hover svg, .elementor-184 .elementor-element.elementor-element-283a26a .elementor-button:focus svg{fill:#FFFFFF;}.elementor-184 .elementor-element.elementor-element-fe6f129{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--border-radius:20px 20px 20px 20px;box-shadow:0px 0px 10px 0px rgba(0, 0, 0, 0.2);--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-184 .elementor-element.elementor-element-fe6f129:hover{box-shadow:0px 0px 10px 0px rgba(0,0,0,0.5);}.elementor-184 .elementor-element.elementor-element-e8d6ee7 img{border-radius:20px 20px 0px 0px;}.elementor-184 .elementor-element.elementor-element-1e33592{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:10px;--padding-bottom:10px;--padding-left:20px;--padding-right:20px;}.elementor-184 .elementor-element.elementor-element-f0daebd{margin:20px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;text-align:center;}.elementor-184 .elementor-element.elementor-element-f0daebd .elementor-heading-title{font-weight:700;color:#000000;}.elementor-184 .elementor-element.elementor-element-23748cb{text-align:center;}.elementor-184 .elementor-element.elementor-element-5e09c77 .elementor-button{background-color:#02010100;fill:#000000;color:#000000;border-style:solid;border-width:1px 1px 1px 1px;border-color:#000000;}.elementor-184 .elementor-element.elementor-element-5e09c77 .elementor-button:hover, .elementor-184 .elementor-element.elementor-element-5e09c77 .elementor-button:focus{background-color:var( --e-global-color-3b670c8 );color:#FFFFFF;border-color:var( --e-global-color-3b670c8 );}.elementor-184 .elementor-element.elementor-element-5e09c77{margin:30px 0px calc(var(--kit-widget-spacing, 0px) + 20px) 0px;}.elementor-184 .elementor-element.elementor-element-5e09c77 .elementor-button:hover svg, .elementor-184 .elementor-element.elementor-element-5e09c77 .elementor-button:focus svg{fill:#FFFFFF;}.elementor-184 .elementor-element.elementor-element-5902c14{--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;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:100px;--padding-bottom:100px;--padding-left:0px;--padding-right:0px;}.elementor-184 .elementor-element.elementor-element-5902c14:not(.elementor-motion-effects-element-type-background), .elementor-184 .elementor-element.elementor-element-5902c14 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://jaureguiestilistas.com/wp-content/uploads/2025/07/hero3.jpg");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-184 .elementor-element.elementor-element-3d21917{--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;}.elementor-184 .elementor-element.elementor-element-175b6f9{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + -20px) 0px;}.elementor-184 .elementor-element.elementor-element-175b6f9 .elementor-heading-title{font-size:28px;text-transform:uppercase;color:#FFFFFF;}.elementor-184 .elementor-element.elementor-element-5d22204{margin:-20px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-184 .elementor-element.elementor-element-5d22204 .elementor-heading-title{font-size:70px;color:#FFFFFF;}.elementor-184 .elementor-element.elementor-element-ebf782a .elementor-button{background-color:#02010100;text-transform:uppercase;border-style:solid;border-width:1px 1px 1px 1px;}.elementor-184 .elementor-element.elementor-element-ebf782a .elementor-button:hover, .elementor-184 .elementor-element.elementor-element-ebf782a .elementor-button:focus{background-color:#000000;border-color:#000000;}.elementor-184 .elementor-element.elementor-element-c341c21{--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;}.elementor-184 .elementor-element.elementor-element-2117097{--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;--margin-top:100px;--margin-bottom:100px;--margin-left:0px;--margin-right:0px;}.elementor-184 .elementor-element.elementor-element-7d10861{text-align:center;}.elementor-184 .elementor-element.elementor-element-ddba987{--grid-row-gap:35px;--grid-column-gap:30px;}.elementor-184 .elementor-element.elementor-element-ddba987 .elementor-posts-container .elementor-post__thumbnail{padding-bottom:calc( 0.66 * 100% );}.elementor-184 .elementor-element.elementor-element-ddba987:after{content:"0.66";}.elementor-184 .elementor-element.elementor-element-ddba987 .elementor-post__thumbnail__link{width:100%;}.elementor-184 .elementor-element.elementor-element-ddba987 .elementor-post__meta-data span + span:before{content:"•";}.elementor-184 .elementor-element.elementor-element-ddba987 .elementor-post__card{border-radius:20px;}.elementor-184 .elementor-element.elementor-element-ddba987 .elementor-post__text{margin-top:20px;}.elementor-184 .elementor-element.elementor-element-ddba987 .elementor-post__excerpt p{color:#000000;}.elementor-184 .elementor-element.elementor-element-fa01c4e{--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;--padding-top:100px;--padding-bottom:0px;--padding-left:10px;--padding-right:10px;}.elementor-184 .elementor-element.elementor-element-fa01c4e:not(.elementor-motion-effects-element-type-background), .elementor-184 .elementor-element.elementor-element-fa01c4e > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#1F1F1F;}.elementor-184 .elementor-element.elementor-element-fc35117{text-align:center;}.elementor-184 .elementor-element.elementor-element-fc35117 .elementor-heading-title{color:var( --e-global-color-3b670c8 );}.elementor-184 .elementor-element.elementor-element-061a49e .e-gallery-item:hover .elementor-gallery-item__overlay, .elementor-184 .elementor-element.elementor-element-061a49e .e-gallery-item:focus .elementor-gallery-item__overlay{background-color:rgba(0,0,0,0.5);}.elementor-184 .elementor-element.elementor-element-061a49e{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + -100px) 0px;--image-transition-duration:800ms;--overlay-transition-duration:800ms;--content-text-align:center;--content-padding:20px;--content-transition-duration:800ms;--content-transition-delay:800ms;}@media(max-width:767px){.elementor-184 .elementor-element.elementor-element-ba7b6b5{--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-184 .elementor-element.elementor-element-6552e0e{text-align:center;}.elementor-184 .elementor-element.elementor-element-c56d661{--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-184 .elementor-element.elementor-element-175b6f9{text-align:center;}.elementor-184 .elementor-element.elementor-element-ddba987 .elementor-posts-container .elementor-post__thumbnail{padding-bottom:calc( 0.5 * 100% );}.elementor-184 .elementor-element.elementor-element-ddba987:after{content:"0.5";}.elementor-184 .elementor-element.elementor-element-ddba987 .elementor-post__thumbnail__link{width:100%;}}@media(min-width:768px){.elementor-184 .elementor-element.elementor-element-ba7b6b5{--width:50%;}.elementor-184 .elementor-element.elementor-element-f3d828d{--width:800px;}.elementor-184 .elementor-element.elementor-element-3d21917{--width:50%;}.elementor-184 .elementor-element.elementor-element-c341c21{--width:50%;}}/* Start custom CSS for html, class: .elementor-element-8ce138c *//* ASEGURA QUE EL CONTENEDOR PADRE EN ELEMENTOR TENGA ESTAS PROPIEDADES */
/* REEMPLAZA '.tu-contenedor-padre-elementor' con la clase o ID real de tu Sección/Contenedor/Columna. */
/* Puedes encontrarla inspeccionando el elemento en el navegador (F12) */
.tu-contenedor-padre-elementor { 
    position: relative; /* Muy importante para el posicionamiento absoluto del SVG */
    overflow: hidden;   /* Evita que el SVG se desborde fuera del contenedor */
    /* La altura mínima del contenedor padre podría necesitar ser 620px o más, */
    /* dependiendo de si quieres que el SVG llene todo el padre o que haya espacio arriba/abajo. */
    min-height: 620px;  /* Asegura que el contenedor padre tenga al menos esta altura */
    /* background-color: rgba(255, 0, 0, 0.1); /* Opcional: para depurar, pon un fondo tenue */
}

/* Estilos para el SVG principal */
.waves-background {
    position: inherit; 
    top: 0;
    left: 0;
    width: 100%;    /* Ocupa el 100% del ancho del padre */
    height: 620px;  /* <--- CAMBIO AQUÍ: Altura fija de 620px */
    z-index: 0;     /* Asegura que esté en el fondo */
    pointer-events: none; /* No interfiere con los clics */
    opacity: 1;     /* El SVG principal es completamente visible */
}

/* Estilos iniciales del grupo  dentro del SVG */
.waves-background .g {
    opacity: 0.245; /* Opacidad inicial de las ondas */
    transform-origin: 0px 0px 0px; 
    /* ¡IMPORTANTE! NO PONGAS 'transform' AQUÍ. El JavaScript lo manejará. */
    /* Esto es para evitar que se aplique un transform que lo esconda ANTES de que JS actúe. */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-479bb86 *//* ¡IMPORTANTE! Usamos la clase real de tu sección de Elementor */
.elementor-element-8c3b1eb { 
    position: relative; /* Muy importante para el posicionamiento absoluto del SVG y las esferas */
    overflow: hidden;   /* Evita que el SVG y las esferas se desborden fuera del contenedor */
    min-height: 620px;  /* Asegura que el contenedor padre tenga al menos esta altura */
}

/* Estilos para el SVG principal */
.waves-background {
    position: absolute; 
    top: 0;
    left: 0;
    width: 100%;    /* Ocupa el 100% del ancho del padre */
    height: 620px;  /* Altura fija de 620px */
    z-index: 0;     /* Asegura que esté en el fondo */
    pointer-events: none; /* No interfiere con los clics */
    opacity: 1;     /* El SVG principal es completamente visible */
}

/* Estilos iniciales del grupo  dentro del SVG */
.waves-background .g {
    opacity: 0.245; /* Opacidad inicial de las ondas */
    transform-origin: 0px 0px 0px; 
}

/* NUEVO CSS para el contenedor de las esferas */
.balls-container {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 620px; /* Misma altura que el SVG para que las esferas se queden dentro */
    pointer-events: none; /* Las esferas no deben interferir con los clics */
    overflow: hidden; /* Asegura que las esferas no se salgan del contenedor */
    z-index: 1; /* Para que las esferas estén por encima de las ondas */
}

/* NUEVO CSS para cada esfera individual */
.ball {
    position: absolute;
    border-radius: 50%; /* Para que sean circulares */
    will-change: transform, opacity; /* Optimización para animaciones */
    /* Las propiedades de 'left', 'top', 'width', 'height', 'background', 'transform: scale' vienen del HTML en línea. */
    /* La opacidad inicial y el resto del 'transform' se gestionarán con JavaScript. */
    opacity: 0; /* Ocultar inicialmente hasta que JavaScript las anime */
}/* End custom CSS */