.elementor-1658 .elementor-element.elementor-element-3e1f900c{--display:flex;--min-height:0px;--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:space-around;--align-items:stretch;--gap:30px 30px;--row-gap:30px;--column-gap:30px;--overflow:hidden;--overlay-opacity:0.59;border-style:solid;--border-style:solid;border-width:0px 0px 0px 0px;--border-top-width:0px;--border-right-width:0px;--border-bottom-width:0px;--border-left-width:0px;border-color:#FFFFFF;--border-color:#FFFFFF;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;--z-index:1;}.elementor-1658 .elementor-element.elementor-element-3e1f900c:not(.elementor-motion-effects-element-type-background), .elementor-1658 .elementor-element.elementor-element-3e1f900c > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:transparent;background-image:linear-gradient(180deg, var( --e-global-color-c1b1b08 ) 0%, var( --e-global-color-solcolorheading ) 100%);}.elementor-1658 .elementor-element.elementor-element-3e1f900c::before, .elementor-1658 .elementor-element.elementor-element-3e1f900c > .elementor-background-video-container::before, .elementor-1658 .elementor-element.elementor-element-3e1f900c > .e-con-inner > .elementor-background-video-container::before, .elementor-1658 .elementor-element.elementor-element-3e1f900c > .elementor-background-slideshow::before, .elementor-1658 .elementor-element.elementor-element-3e1f900c > .e-con-inner > .elementor-background-slideshow::before, .elementor-1658 .elementor-element.elementor-element-3e1f900c > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:var( --e-global-color-solcolorheading );--background-overlay:'';}.elementor-1658 .elementor-element.elementor-element-6b08029{--display:flex;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--border-radius:20px 0px 20px 20px;}.elementor-1658 .elementor-element.elementor-element-9006f38{--display:grid;--e-con-grid-template-columns:repeat(2, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-1658 .elementor-element.elementor-element-2a978162{width:auto;max-width:auto;z-index:0;text-align:center;}.elementor-1658 .elementor-element.elementor-element-2a978162 > .elementor-widget-container{margin:0px -180px 0px 0px;}.elementor-1658 .elementor-element.elementor-element-2a978162.elementor-element{--align-self:center;--flex-grow:0;--flex-shrink:1;}.elementor-1658 .elementor-element.elementor-element-2a978162 .elementor-heading-title{font-family:var( --e-global-typography-solace_h1_font_family_general-font-family ), Sans-serif;font-size:var( --e-global-typography-solace_h1_font_family_general-font-size );font-weight:var( --e-global-typography-solace_h1_font_family_general-font-weight );line-height:var( --e-global-typography-solace_h1_font_family_general-line-height );letter-spacing:var( --e-global-typography-solace_h1_font_family_general-letter-spacing );color:#F9F7F7;}.elementor-1658 .elementor-element.elementor-element-0547327 .elementor-button{background-color:var( --e-global-color-0e28d62 );font-family:"Montserrat", Sans-serif;font-size:13px;font-weight:500;text-transform:uppercase;line-height:1.5em;letter-spacing:0.3px;text-shadow:0px 0px 10px rgba(0,0,0,0.3);fill:var( --e-global-color-secondary );color:var( --e-global-color-secondary );border-radius:20px 20px 20px 20px;}.elementor-1658 .elementor-element.elementor-element-0547327 .elementor-button:hover, .elementor-1658 .elementor-element.elementor-element-0547327 .elementor-button:focus{background-color:var( --e-global-color-c1b1b08 );color:var( --e-global-color-solcolorselectioninitial );}.elementor-1658 .elementor-element.elementor-element-0547327{width:var( --container-widget-width, 13% );max-width:13%;--container-widget-width:13%;--container-widget-flex-grow:0;top:107px;}body:not(.rtl) .elementor-1658 .elementor-element.elementor-element-0547327{left:43px;}body.rtl .elementor-1658 .elementor-element.elementor-element-0547327{right:43px;}.elementor-1658 .elementor-element.elementor-element-0547327 .elementor-button:hover svg, .elementor-1658 .elementor-element.elementor-element-0547327 .elementor-button:focus svg{fill:var( --e-global-color-solcolorselectioninitial );}.elementor-1658 .elementor-element.elementor-element-a8448d2 .elementor-button{background-color:var( --e-global-color-0e28d62 );font-family:"Montserrat", Sans-serif;font-size:13px;font-weight:500;text-transform:uppercase;line-height:1.5em;letter-spacing:0.3px;text-shadow:0px 0px 10px rgba(0,0,0,0.3);fill:var( --e-global-color-secondary );color:var( --e-global-color-secondary );border-radius:20px 20px 20px 20px;}.elementor-1658 .elementor-element.elementor-element-a8448d2 .elementor-button:hover, .elementor-1658 .elementor-element.elementor-element-a8448d2 .elementor-button:focus{background-color:var( --e-global-color-c1b1b08 );color:var( --e-global-color-solcolorselectioninitial );}.elementor-1658 .elementor-element.elementor-element-a8448d2{width:var( --container-widget-width, 13% );max-width:13%;--container-widget-width:13%;--container-widget-flex-grow:0;top:261px;}body:not(.rtl) .elementor-1658 .elementor-element.elementor-element-a8448d2{left:737px;}body.rtl .elementor-1658 .elementor-element.elementor-element-a8448d2{right:737px;}.elementor-1658 .elementor-element.elementor-element-a8448d2 .elementor-button:hover svg, .elementor-1658 .elementor-element.elementor-element-a8448d2 .elementor-button:focus svg{fill:var( --e-global-color-solcolorselectioninitial );}.elementor-1658 .elementor-element.elementor-element-792b9e3 .elementor-button{background-color:var( --e-global-color-0e28d62 );font-family:"Montserrat", Sans-serif;font-size:13px;font-weight:500;text-transform:uppercase;line-height:1.5em;letter-spacing:0.3px;fill:var( --e-global-color-secondary );color:var( --e-global-color-secondary );border-radius:20px 20px 20px 20px;}.elementor-1658 .elementor-element.elementor-element-792b9e3 .elementor-button:hover, .elementor-1658 .elementor-element.elementor-element-792b9e3 .elementor-button:focus{background-color:var( --e-global-color-c1b1b08 );color:var( --e-global-color-solcolorselectioninitial );}.elementor-1658 .elementor-element.elementor-element-792b9e3{width:var( --container-widget-width, 13% );max-width:13%;--container-widget-width:13%;--container-widget-flex-grow:0;top:504px;}body:not(.rtl) .elementor-1658 .elementor-element.elementor-element-792b9e3{left:524px;}body.rtl .elementor-1658 .elementor-element.elementor-element-792b9e3{right:524px;}.elementor-1658 .elementor-element.elementor-element-792b9e3 .elementor-button:hover svg, .elementor-1658 .elementor-element.elementor-element-792b9e3 .elementor-button:focus svg{fill:var( --e-global-color-solcolorselectioninitial );}@media(max-width:1024px){.elementor-1658 .elementor-element.elementor-element-3e1f900c{border-width:0px 0px 0px 0px;--border-top-width:0px;--border-right-width:0px;--border-bottom-width:0px;--border-left-width:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1658 .elementor-element.elementor-element-6b08029{--margin-top:16px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-1658 .elementor-element.elementor-element-9006f38{--grid-auto-flow:row;}.elementor-1658 .elementor-element.elementor-element-2a978162 > .elementor-widget-container{margin:0% -49% 4% 0%;padding:0px 0px 0px 0px;}.elementor-1658 .elementor-element.elementor-element-2a978162 .elementor-heading-title{font-size:var( --e-global-typography-solace_h1_font_family_general-font-size );line-height:var( --e-global-typography-solace_h1_font_family_general-line-height );letter-spacing:var( --e-global-typography-solace_h1_font_family_general-letter-spacing );}.elementor-1658 .elementor-element.elementor-element-0cd4553 > .elementor-widget-container{margin:8px -84px 0px 0px;padding:-9px 0px 0px 0px;}body:not(.rtl) .elementor-1658 .elementor-element.elementor-element-0547327{left:30px;}body.rtl .elementor-1658 .elementor-element.elementor-element-0547327{right:30px;}.elementor-1658 .elementor-element.elementor-element-0547327{top:12px;}.elementor-1658 .elementor-element.elementor-element-0547327 .elementor-button{font-size:16px;line-height:1.5em;letter-spacing:0px;}.elementor-1658 .elementor-element.elementor-element-a8448d2 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-1658 .elementor-element.elementor-element-a8448d2{--container-widget-width:162px;--container-widget-flex-grow:0;width:var( --container-widget-width, 162px );max-width:162px;grid-column:span custom;grid-row:span 12;top:225px;}body:not(.rtl) .elementor-1658 .elementor-element.elementor-element-a8448d2{left:463px;}body.rtl .elementor-1658 .elementor-element.elementor-element-a8448d2{right:463px;}.elementor-1658 .elementor-element.elementor-element-a8448d2 .elementor-button{font-size:16px;line-height:1.5em;letter-spacing:0px;}body:not(.rtl) .elementor-1658 .elementor-element.elementor-element-792b9e3{left:48px;}body.rtl .elementor-1658 .elementor-element.elementor-element-792b9e3{right:48px;}.elementor-1658 .elementor-element.elementor-element-792b9e3{top:361px;}.elementor-1658 .elementor-element.elementor-element-792b9e3 .elementor-button{font-size:16px;line-height:1.5em;letter-spacing:0px;}}@media(max-width:767px){.elementor-1658 .elementor-element.elementor-element-3e1f900c{--padding-top:127px;--padding-bottom:32px;--padding-left:0px;--padding-right:0px;}.elementor-1658 .elementor-element.elementor-element-6b08029{--padding-top:0px;--padding-bottom:0px;--padding-left:30px;--padding-right:30px;}.elementor-1658 .elementor-element.elementor-element-9006f38{--e-con-grid-template-columns:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-1658 .elementor-element.elementor-element-2a978162 > .elementor-widget-container{margin:0% -20% -13% -20%;padding:39px 0px 0px 0px;}.elementor-1658 .elementor-element.elementor-element-2a978162{text-align:center;}.elementor-1658 .elementor-element.elementor-element-2a978162 .elementor-heading-title{font-size:var( --e-global-typography-solace_h1_font_family_general-font-size );line-height:var( --e-global-typography-solace_h1_font_family_general-line-height );letter-spacing:var( --e-global-typography-solace_h1_font_family_general-letter-spacing );}.elementor-1658 .elementor-element.elementor-element-0cd4553 > .elementor-widget-container{margin:-16px -91px -69px -91px;padding:0px 0px 0px 0px;}.elementor-1658 .elementor-element.elementor-element-0547327{--container-widget-width:114px;--container-widget-flex-grow:0;width:var( --container-widget-width, 114px );max-width:114px;top:24px;}body:not(.rtl) .elementor-1658 .elementor-element.elementor-element-0547327{left:31px;}body.rtl .elementor-1658 .elementor-element.elementor-element-0547327{right:31px;}.elementor-1658 .elementor-element.elementor-element-0547327 .elementor-button{font-size:11px;line-height:0.6em;letter-spacing:0.1px;}.elementor-1658 .elementor-element.elementor-element-a8448d2 > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-1658 .elementor-element.elementor-element-a8448d2{--container-widget-width:162px;--container-widget-flex-grow:0;width:var( --container-widget-width, 162px );max-width:162px;top:511px;}body:not(.rtl) .elementor-1658 .elementor-element.elementor-element-a8448d2{left:-1px;}body.rtl .elementor-1658 .elementor-element.elementor-element-a8448d2{right:-1px;}.elementor-1658 .elementor-element.elementor-element-a8448d2 .elementor-button{font-size:11px;line-height:1.2em;letter-spacing:0.6px;}.elementor-1658 .elementor-element.elementor-element-792b9e3 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-1658 .elementor-element.elementor-element-792b9e3{--container-widget-width:49px;--container-widget-flex-grow:0;width:var( --container-widget-width, 49px );max-width:49px;top:396px;}body:not(.rtl) .elementor-1658 .elementor-element.elementor-element-792b9e3{left:169px;}body.rtl .elementor-1658 .elementor-element.elementor-element-792b9e3{right:169px;}.elementor-1658 .elementor-element.elementor-element-792b9e3 .elementor-button{font-size:11px;line-height:0.6em;letter-spacing:0px;}}/* Start custom CSS for heading, class: .elementor-element-2a978162 */.titulo-principal {
  font-size: clamp(32px, 5vw, 60px);
  line-height: 1.2em;
  text-align: center;
  position: relative;
  max-width: 800px;
  margin: 0 auto;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-9006f38 */<div class="titulo-hover-area">
  <h1 class="titulo-principal">Hablemos de cómo puedo aportar a tu equipo, tu evento o tu audiencia</h1>
  <span class="tilt-badge" data-position="speaker">SPEAKER</span>
  <span class="tilt-badge" data-position="capac">CAPACITACIÓN</span>
  <span class="tilt-badge" data-position="ment">MENTORÍAS</span>
</div

.titulo-hover-area {
  position: relative;
}

.tilt-badge {
  position: absolute;
  top: 0;
  background: #00f2ea;
  color: #000;
  padding: 6px 12px;
  border-radius: 12px;
  font-weight: 600;
  font-size: 12px;
  font-family: 'Poppins', sans-serif;
  pointer-events: none;
  transition: transform 0.1s ease-out;
  will-change: transform;
  z-index: 10;
}

/* Posicionamiento base según badge */
.tilt-badge[data-position="speaker"] {
  top: 5%;
  left: 10%;
}
.tilt-badge[data-position="capac"] {
  top: 5%;
  left: 45%;
}
.tilt-badge[data-position="ment"] {
  top: 5%;
  left: 80%;
}
<script>
document.addEventListener("DOMContentLoaded", function() {
  const area = document.querySelector('.titulo-hover-area');
  const badges = document.querySelectorAll('.tilt-badge');

  area.addEventListener('mousemove', function(e) {
    const rect = area.getBoundingClientRect();
    const relX = (e.clientX - rect.left) / rect.width - 0.5;
    const relY = (e.clientY - rect.top) / rect.height - 0.5;
    const strength = 15; // sensibilidad del movimiento

    badges.forEach(badge => {
      const offsetX = -relX * strength;
      const offsetY = -relY * strength;
      badge.style.transform = `translate(${offsetX}px, ${offsetY}px)`;
    });
  });

  area.addEventListener('mouseleave', function() {
    badges.forEach(badge => {
      badge.style.transform = '';
    });
  });
});
</script>
@media (max-width: 600px) {
  .tilt-badge {
    display: none; /* o posición diferente */
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-6b08029 */<div class="titulo-hover-area">
  <h1 class="titulo-principal">Hablemos de cómo puedo aportar a tu equipo, tu evento o tu audiencia</h1>
  <span class="tilt-badge" data-position="speaker">SPEAKER</span>
  <span class="tilt-badge" data-position="capac">CAPACITACIÓN</span>
  <span class="tilt-badge" data-position="ment">MENTORÍAS</span>
</div

.titulo-hover-area {
  position: relative;
}

.tilt-badge {
  position: absolute;
  top: 0;
  background: #00f2ea;
  color: #000;
  padding: 6px 12px;
  border-radius: 12px;
  font-weight: 600;
  font-size: 12px;
  font-family: 'Poppins', sans-serif;
  pointer-events: none;
  transition: transform 0.1s ease-out;
  will-change: transform;
  z-index: 10;
}

/* Posicionamiento base según badge */
.tilt-badge[data-position="speaker"] {
  top: 5%;
  left: 10%;
}
.tilt-badge[data-position="capac"] {
  top: 5%;
  left: 45%;
}
.tilt-badge[data-position="ment"] {
  top: 5%;
  left: 80%;
}
<script>
document.addEventListener("DOMContentLoaded", function() {
  const area = document.querySelector('.titulo-hover-area');
  const badges = document.querySelectorAll('.tilt-badge');

  area.addEventListener('mousemove', function(e) {
    const rect = area.getBoundingClientRect();
    const relX = (e.clientX - rect.left) / rect.width - 0.5;
    const relY = (e.clientY - rect.top) / rect.height - 0.5;
    const strength = 15; // sensibilidad del movimiento

    badges.forEach(badge => {
      const offsetX = -relX * strength;
      const offsetY = -relY * strength;
      badge.style.transform = `translate(${offsetX}px, ${offsetY}px)`;
    });
  });

  area.addEventListener('mouseleave', function() {
    badges.forEach(badge => {
      badge.style.transform = '';
    });
  });
});
</script>
@media (max-width: 600px) {
  .tilt-badge {
    display: none; /* o posición diferente */
  }
}/* End custom CSS */