.elementor-widget-container .eael-protected-content-message{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-container .protected-content-error-msg{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-2101 .elementor-element.elementor-element-43427d4{--display:flex;--min-height:750px;--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:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-2101 .elementor-element.elementor-element-43427d4:not(.elementor-motion-effects-element-type-background), .elementor-2101 .elementor-element.elementor-element-43427d4 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://bruto.com.mx/wp-content/uploads/2025/12/boceto-1.jpg");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-2101 .elementor-element.elementor-element-648d5d2{--display:flex;--position:absolute;--min-height:750px;--justify-content:flex-start;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:77px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;top:0px;--z-index:10;}.elementor-2101 .elementor-element.elementor-element-648d5d2:not(.elementor-motion-effects-element-type-background), .elementor-2101 .elementor-element.elementor-element-648d5d2 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://bruto.com.mx/wp-content/uploads/2025/12/ok-si.jpg");background-position:center center;background-repeat:no-repeat;background-size:cover;}body:not(.rtl) .elementor-2101 .elementor-element.elementor-element-648d5d2{left:0px;}body.rtl .elementor-2101 .elementor-element.elementor-element-648d5d2{right:0px;}.elementor-widget-heading .eael-protected-content-message{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-heading .protected-content-error-msg{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.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-2101 .elementor-element.elementor-element-9a03be6 .elementor-heading-title{font-family:"Montserrat", Sans-serif;font-size:34px;font-weight:400;text-transform:uppercase;letter-spacing:9px;color:#909090;}:root{--page-title-display:none;}@media(min-width:768px){.elementor-2101 .elementor-element.elementor-element-43427d4{--width:100%;}.elementor-2101 .elementor-element.elementor-element-648d5d2{--width:100%;}}@media(min-width:1025px){.elementor-2101 .elementor-element.elementor-element-43427d4:not(.elementor-motion-effects-element-type-background), .elementor-2101 .elementor-element.elementor-element-43427d4 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-attachment:scroll;}.elementor-2101 .elementor-element.elementor-element-648d5d2:not(.elementor-motion-effects-element-type-background), .elementor-2101 .elementor-element.elementor-element-648d5d2 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-attachment:scroll;}}@media(max-width:767px){.elementor-2101 .elementor-element.elementor-element-43427d4{--min-height:100vh;--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-2101 .elementor-element.elementor-element-43427d4:not(.elementor-motion-effects-element-type-background), .elementor-2101 .elementor-element.elementor-element-43427d4 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-position:center center;}.elementor-2101 .elementor-element.elementor-element-648d5d2{--min-height:100vh;--justify-content:flex-start;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:67px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-2101 .elementor-element.elementor-element-648d5d2:not(.elementor-motion-effects-element-type-background), .elementor-2101 .elementor-element.elementor-element-648d5d2 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-position:center center;}.elementor-2101 .elementor-element.elementor-element-9a03be6 .elementor-heading-title{font-size:22px;letter-spacing:5.9px;}}/* Start custom CSS for container, class: .elementor-element-648d5d2 *//* Marco del efecto (no “modifica” la imagen base, solo define el área) */
.hero-base{
  position: relative;
  overflow: hidden;

  /* posición del mouse */
  --x: 50%;
  --y: 50%;

  /* radio del círculo */
  --r: 150px;
}

/* Overlay (imagen de arriba) */
.hero-base .hero-top{
  position: absolute !important;
  inset: 0;
  z-index: 10;

  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;

  /* clave: que el mouse lo “lea” el padre */
  pointer-events: none;

  /* máscara: centro transparente (0), hacia afuera opaco (100) */
  -webkit-mask-image: radial-gradient(
    circle var(--r) at var(--x) var(--y),
    transparent 0%,
    transparent 35%,
    rgba(0,0,0,.75) 60%,
    #000 100%
  );
  mask-image: radial-gradient(
    circle var(--r) at var(--x) var(--y),
    transparent 0%,
    transparent 35%,
    rgba(0,0,0,.75) 60%,
    #000 100%
  );
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-43427d4 *//* SOLO /brujas (lo activa la clase que pone el JS) */
body.no-scroll-brujas{
  overflow: hidden !important;
  position: fixed;       /* esto es lo que mata el “bounce” en iOS */
  width: 100%;
  height: 100%;
  overscroll-behavior: none;
  touch-action: none;    /* evita el micro-movimiento por gesto */
}

/* Si tu hero principal es un contenedor específico, puedes forzarlo así.
   Si no sabes la clase/ID, deja esto comentado. */
/*
body.no-scroll-brujas .hero-base,
body.no-scroll-brujas .elementor-section-wrap,
body.no-scroll-brujas .elementor{
  height: calc(var(--vh, 1vh) * 100);
  overflow: hidden;
}
*//* End custom CSS */