.elementor-7 .elementor-element.elementor-element-5efa2117{--display:flex;--min-height:400px;--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-7 .elementor-element.elementor-element-5efa2117:not(.elementor-motion-effects-element-type-background), .elementor-7 .elementor-element.elementor-element-5efa2117 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://jaureguiestilistas.com/wp-content/uploads/2025/11/0fe97b37-0363-4f07-91cf-8861233db224.webp");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-7 .elementor-element.elementor-element-5efa2117::before, .elementor-7 .elementor-element.elementor-element-5efa2117 > .elementor-background-video-container::before, .elementor-7 .elementor-element.elementor-element-5efa2117 > .e-con-inner > .elementor-background-video-container::before, .elementor-7 .elementor-element.elementor-element-5efa2117 > .elementor-background-slideshow::before, .elementor-7 .elementor-element.elementor-element-5efa2117 > .e-con-inner > .elementor-background-slideshow::before, .elementor-7 .elementor-element.elementor-element-5efa2117 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:#000000;--background-overlay:'';}.elementor-7 .elementor-element.elementor-element-43d6ae3d{--display:flex;--z-index:2;}.elementor-7 .elementor-element.elementor-element-292e4262 .elementor-heading-title{color:#FFFFFF;}.elementor-7 .elementor-element.elementor-element-4afe5dd7{color:#FFFFFF;}.elementor-7 .elementor-element.elementor-element-3b01c34c{--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-7 .elementor-element.elementor-element-bea61c .elementor-button{background-color:#02010100;border-style:solid;border-width:1px 1px 1px 1px;}.elementor-7 .elementor-element.elementor-element-bea61c .elementor-button:hover, .elementor-7 .elementor-element.elementor-element-bea61c .elementor-button:focus{background-color:#000000;border-color:#000000;}.elementor-7 .elementor-element.elementor-element-4e77339f{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-7 .elementor-element.elementor-element-2b37da0f{margin:-620px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-7 .elementor-element.elementor-element-2d3d82d6{--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:200px;--margin-bottom:100px;--margin-left:0px;--margin-right:0px;}.elementor-7 .elementor-element.elementor-element-356b75ea{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 20px) 0px;text-align:center;}.elementor-7 .elementor-element.elementor-element-e3cc2fe{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-7 .elementor-element.elementor-element-5e02ed01{--display:flex;--min-height:620px;--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;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-7 .elementor-element.elementor-element-2049a6a8{--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;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-7 .elementor-element.elementor-element-2049a6a8:not(.elementor-motion-effects-element-type-background), .elementor-7 .elementor-element.elementor-element-2049a6a8 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F5F5F58C;}.elementor-7 .elementor-element.elementor-element-78f1f502{--display:flex;--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;--align-items:center;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-7 .elementor-element.elementor-element-637e389{--display:flex;}.elementor-7 .elementor-element.elementor-element-5d375763 img{max-width:319px;}.elementor-7 .elementor-element.elementor-element-91ed350{--display:flex;}.elementor-7 .elementor-element.elementor-element-4eefdb7c{text-align:right;}.elementor-7 .elementor-element.elementor-element-3a9a21d6{text-align:right;}.elementor-7 .elementor-element.elementor-element-e023020{text-align:right;}.elementor-7 .elementor-element.elementor-element-5685acde .elementor-button{background-color:#FFFFFF00;fill:#000000;color:#000000;border-style:solid;border-width:1px 1px 1px 1px;border-color:#000000;}.elementor-7 .elementor-element.elementor-element-5685acde .elementor-button:hover, .elementor-7 .elementor-element.elementor-element-5685acde .elementor-button:focus{background-color:#000000;color:#FFFFFF;border-color:#000000;}.elementor-7 .elementor-element.elementor-element-5685acde .elementor-button:hover svg, .elementor-7 .elementor-element.elementor-element-5685acde .elementor-button:focus svg{fill:#FFFFFF;}.elementor-7 .elementor-element.elementor-element-253bc36e{--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;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-7 .elementor-element.elementor-element-253bc36e:not(.elementor-motion-effects-element-type-background), .elementor-7 .elementor-element.elementor-element-253bc36e > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F5EDE691;}.elementor-7 .elementor-element.elementor-element-32b6e4b8{--display:flex;--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;--align-items:center;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-7 .elementor-element.elementor-element-69a6dd4e{--display:flex;}.elementor-7 .elementor-element.elementor-element-79316f5f{text-align:left;}.elementor-7 .elementor-element.elementor-element-5687e91a{text-align:left;}.elementor-7 .elementor-element.elementor-element-22f6ee3a{text-align:left;}.elementor-7 .elementor-element.elementor-element-40f0180a .elementor-button{background-color:#FFFFFF00;fill:#000000;color:#000000;border-style:solid;border-width:1px 1px 1px 1px;border-color:#000000;}.elementor-7 .elementor-element.elementor-element-40f0180a .elementor-button:hover, .elementor-7 .elementor-element.elementor-element-40f0180a .elementor-button:focus{background-color:#000000;color:#FFFFFF;border-color:#000000;}.elementor-7 .elementor-element.elementor-element-40f0180a .elementor-button:hover svg, .elementor-7 .elementor-element.elementor-element-40f0180a .elementor-button:focus svg{fill:#FFFFFF;}.elementor-7 .elementor-element.elementor-element-3639da7a{--display:flex;}.elementor-7 .elementor-element.elementor-element-46609a2b{text-align:left;}.elementor-7 .elementor-element.elementor-element-46609a2b img{max-width:319px;}.elementor-7 .elementor-element.elementor-element-75fdb090{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:100px;--padding-bottom:100px;--padding-left:0px;--padding-right:0px;}.elementor-7 .elementor-element.elementor-element-39e31db7{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 20px) 0px;text-align:center;}@media(max-width:767px){.elementor-7 .elementor-element.elementor-element-43d6ae3d{--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-7 .elementor-element.elementor-element-292e4262{text-align:center;}.elementor-7 .elementor-element.elementor-element-3b01c34c{--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-7 .elementor-element.elementor-element-5d375763{text-align:center;}.elementor-7 .elementor-element.elementor-element-5d375763 img{max-width:250px;}.elementor-7 .elementor-element.elementor-element-4eefdb7c{text-align:center;}.elementor-7 .elementor-element.elementor-element-3a9a21d6{text-align:center;}.elementor-7 .elementor-element.elementor-element-e023020{text-align:center;}.elementor-7 .elementor-element.elementor-element-32b6e4b8{--flex-direction:column-reverse;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-7 .elementor-element.elementor-element-79316f5f{text-align:center;}.elementor-7 .elementor-element.elementor-element-5687e91a{text-align:center;}.elementor-7 .elementor-element.elementor-element-22f6ee3a{text-align:center;}.elementor-7 .elementor-element.elementor-element-46609a2b{text-align:center;}.elementor-7 .elementor-element.elementor-element-46609a2b img{max-width:250px;}}@media(min-width:768px){.elementor-7 .elementor-element.elementor-element-43d6ae3d{--width:50%;}.elementor-7 .elementor-element.elementor-element-2049a6a8{--width:50%;}.elementor-7 .elementor-element.elementor-element-253bc36e{--width:50%;}}/* Start custom CSS for html, class: .elementor-element-6b24b15d *//* 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-2b37da0f *//* ¡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 */
/* Start custom CSS for html, class: .elementor-element-48426ece *//* 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 shortcode, class: .elementor-element-6ff18985 */ul.brand-thumbnails li {
  float: left;
  margin: 0px 10px;
  padding: 0;
  position: relative;
  width: 10px% !important;
}/* End custom CSS */