/*
 * Weekbe Agency — microinteracciones v1.5
 * No altera la maquetación ni los fondos configurados por Elementor / Startit.
 * Las clases wb-motion-* permiten reutilizar el efecto sin CSS personalizado.
 * Los IDs de la plantilla Inicio 1.4 conservan efectos sin reimportar la página.
 */
:root {
  --wb-motion-speed: 260ms;
  --wb-motion-rise: 5px;
  --wb-motion-accent: #b2a3e7;
  --wb-motion-ease: cubic-bezier(.22,1,.36,1);
}

/* Beneficios: comunicación informativa, no enlaces ficticios. */
:is(.wb-motion-benefit,.elementor-element-ec5b5ea,.elementor-element-28ee587,.elementor-element-9a5b472):not(.wb-motion-off) {
  position:relative;
  transition:transform var(--wb-motion-speed) var(--wb-motion-ease), box-shadow var(--wb-motion-speed) var(--wb-motion-ease), border-color var(--wb-motion-speed) ease;
  box-shadow:0 0 0 1px transparent,0 12px 28px -30px rgba(19,22,28,.18);
}

/* Bento: todos los contenedores responden al cursor, sin convertirlos en enlaces. */
:is(.wb-motion-bento,.wb-motion-bento-dark,.elementor-element-e5244cb,.elementor-element-120a216,.elementor-element-9274ad0,.elementor-element-5896c72,.elementor-element-e6f727e,.elementor-element-283dfb4):not(.wb-motion-off){
  position:relative;
  transition:transform var(--wb-motion-speed) var(--wb-motion-ease),box-shadow var(--wb-motion-speed) var(--wb-motion-ease);
  box-shadow:0 10px 25px -30px rgba(19,22,28,.1);
}
/* Bento oscuro: movimiento de un reflejo sutil; sus contenidos quedan encima. */
:is(.wb-motion-bento-dark,.elementor-element-e5244cb):not(.wb-motion-off){isolation:isolate;}
:is(.wb-motion-bento-dark,.elementor-element-e5244cb):not(.wb-motion-off)::after{
  content:"";pointer-events:none;position:absolute;inset:0;border-radius:inherit;z-index:0;
  background:radial-gradient(450px circle at var(--wb-pointer-x,35%) var(--wb-pointer-y,50%),rgba(178,163,231,.13),transparent 70%);
  opacity:.35;transition:opacity var(--wb-motion-speed) ease;
}
:is(.wb-motion-bento-dark,.elementor-element-e5244cb):not(.wb-motion-off) > :not(.wb-fx-layer){position:relative;z-index:1;}

/* Metodología: pasos numerados, sin cursor pointer porque no hay destino. */
:is(.wb-motion-step,.elementor-element-723bca8,.elementor-element-aaaa1f5,.elementor-element-1dc2615,.elementor-element-2198324,.elementor-element-25a5730,.elementor-element-b29a277,.elementor-element-aa52391,.elementor-element-c5cdb13):not(.wb-motion-off){
  position:relative;
  transition:transform var(--wb-motion-speed) var(--wb-motion-ease),box-shadow var(--wb-motion-speed) var(--wb-motion-ease),border-color var(--wb-motion-speed) ease;
}
:is(.wb-motion-step,.elementor-element-723bca8,.elementor-element-aaaa1f5,.elementor-element-1dc2615,.elementor-element-2198324,.elementor-element-25a5730,.elementor-element-b29a277,.elementor-element-aa52391,.elementor-element-c5cdb13):not(.wb-motion-off) > .elementor-widget-heading:first-child .elementor-heading-title{
  transition:transform var(--wb-motion-speed) var(--wb-motion-ease),box-shadow var(--wb-motion-speed) ease;
}

/* Soluciones: el CTA existente funciona como enlace extendido de toda la tarjeta. */
:is(.wb-motion-audience,.elementor-element-34f8fb5,.elementor-element-50c12f3,.elementor-element-20f718d,.elementor-element-870dfe5):not(.wb-motion-off){
  position:relative;
  transition:transform var(--wb-motion-speed) var(--wb-motion-ease),box-shadow var(--wb-motion-speed) var(--wb-motion-ease),background-color var(--wb-motion-speed) ease;
}
:is(.wb-motion-audience,.elementor-element-34f8fb5,.elementor-element-50c12f3,.elementor-element-20f718d,.elementor-element-870dfe5):not(.wb-motion-off) .elementor-widget-icon .elementor-icon,
:is(.wb-motion-audience,.elementor-element-34f8fb5,.elementor-element-50c12f3,.elementor-element-20f718d,.elementor-element-870dfe5):not(.wb-motion-off) .elementor-button-icon{
  transition:transform var(--wb-motion-speed) var(--wb-motion-ease);
}
:is(.wb-motion-audience,.elementor-element-34f8fb5,.elementor-element-50c12f3,.elementor-element-20f718d,.elementor-element-870dfe5):not(.wb-motion-off) .elementor-button:not([disabled])::after{
  content:"";position:absolute;inset:0;z-index:2;
}
:is(.wb-motion-audience,.elementor-element-34f8fb5,.elementor-element-50c12f3,.elementor-element-20f718d,.elementor-element-870dfe5):not(.wb-motion-off):has(.elementor-button[href]){cursor:pointer;}
:is(.wb-motion-audience,.elementor-element-34f8fb5,.elementor-element-50c12f3,.elementor-element-20f718d,.elementor-element-870dfe5):not(.wb-motion-off):focus-within{
  outline:2px solid var(--wb-motion-accent);outline-offset:4px;
}

/* Los constructores suelen dar position:relative a los widgets de botón:
   lo neutralizamos solo en estas tarjetas para extender el enlace hasta el contenedor. */
:is(.wb-motion-audience,.elementor-element-34f8fb5,.elementor-element-50c12f3,.elementor-element-20f718d,.elementor-element-870dfe5):not(.wb-motion-off) :is(.elementor-widget-button,.elementor-button-wrapper,.elementor-button){position:static;}

/* Recursos: foco en la portada y el titular. No se fabrican URLs de artículos. */
:is(.wb-motion-article,.elementor-element-f537e7d,.elementor-element-92fea01,.elementor-element-94f703f):not(.wb-motion-off){
  position:relative;
  transition:transform var(--wb-motion-speed) var(--wb-motion-ease);
}
:is(.wb-motion-article,.elementor-element-f537e7d,.elementor-element-92fea01,.elementor-element-94f703f):not(.wb-motion-off) > .e-con,
:is(.wb-motion-article,.elementor-element-f537e7d,.elementor-element-92fea01,.elementor-element-94f703f):not(.wb-motion-off) > .elementor-element:first-child{
  overflow:hidden;
  transition:box-shadow var(--wb-motion-speed) ease, transform var(--wb-motion-speed) var(--wb-motion-ease),filter var(--wb-motion-speed) ease;
}
:is(.wb-motion-article,.elementor-element-f537e7d,.elementor-element-92fea01,.elementor-element-94f703f):not(.wb-motion-off) .elementor-widget-heading:last-child .elementor-heading-title{
  transition:color var(--wb-motion-speed) ease;
}
:is(.wb-motion-article,.elementor-element-f537e7d,.elementor-element-92fea01,.elementor-element-94f703f):not(.wb-motion-off):has(a[href]){cursor:pointer;}
/* Si el usuario añade el enlace del artículo en Elementor, amplía el área de clic. */
:is(.wb-motion-article,.elementor-element-f537e7d,.elementor-element-92fea01,.elementor-element-94f703f):not(.wb-motion-off) .elementor-widget-heading:last-child a[href]::after{
  content:"";position:absolute;inset:0;z-index:2;
}
:is(.wb-motion-article,.elementor-element-f537e7d,.elementor-element-92fea01,.elementor-element-94f703f):not(.wb-motion-off):focus-within{
  outline:2px solid var(--wb-motion-accent);outline-offset:6px;border-radius:16px;
}
/* El título enlazado debe alcanzar el contenedor (no solo el widget de título). */
:is(.wb-motion-article,.elementor-element-f537e7d,.elementor-element-92fea01,.elementor-element-94f703f):not(.wb-motion-off) .elementor-widget-heading:last-child{position:static;}
/* Enlace de tarjeta opcional, configurado por control de Elementor. */
a.wb-motion-stretched-link{position:absolute;inset:0;z-index:3;border-radius:inherit;text-indent:-9999px;overflow:hidden;}
a.wb-motion-stretched-link:focus-visible{outline:3px solid var(--wb-motion-accent);outline-offset:4px;text-indent:-9999px;}

/* CTA editorial: subrayado animado y flecha, sin botón voluminoso. */
:is(.wb-motion-blog-cta,.elementor-element-51df3f9):not(.wb-motion-off) .elementor-button{
  position:relative;transition:color var(--wb-motion-speed) ease,transform var(--wb-motion-speed) var(--wb-motion-ease);
}
:is(.wb-motion-blog-cta,.elementor-element-51df3f9):not(.wb-motion-off) .elementor-button::after{
  content:"";position:absolute;bottom:4px;left:0;right:0;height:1px;
  background:currentColor;transform:scaleX(0);transform-origin:left center;
  transition:transform var(--wb-motion-speed) var(--wb-motion-ease);
}
:is(.wb-motion-blog-cta,.elementor-element-51df3f9):not(.wb-motion-off) .elementor-button-icon{
  transition:transform var(--wb-motion-speed) var(--wb-motion-ease);
}

/* Solo puntero preciso: evita falsas animaciones hover en móviles. */
@media (hover:hover) and (pointer:fine) and (prefers-reduced-motion:no-preference){
  :is(.wb-motion-benefit,.elementor-element-ec5b5ea,.elementor-element-28ee587,.elementor-element-9a5b472):not(.wb-motion-off):hover{
    transform:translate3d(0,calc(-1 * var(--wb-motion-rise)),0);
    box-shadow:0 0 0 1px var(--wb-motion-accent),0 20px 35px -25px rgba(19,22,28,.18);
  }
  :is(.wb-motion-bento,.wb-motion-bento-dark,.elementor-element-e5244cb,.elementor-element-120a216,.elementor-element-9274ad0,.elementor-element-5896c72,.elementor-element-e6f727e,.elementor-element-283dfb4):not(.wb-motion-off):hover{
    transform:translate3d(0,calc(-1 * var(--wb-motion-rise)),0);
    box-shadow:0 20px 40px -29px rgba(19,22,28,.26);
  }
  :is(.wb-motion-bento-dark,.elementor-element-e5244cb):not(.wb-motion-off):hover::after{opacity:1;}
  :is(.wb-motion-step,.elementor-element-723bca8,.elementor-element-aaaa1f5,.elementor-element-1dc2615,.elementor-element-2198324,.elementor-element-25a5730,.elementor-element-b29a277,.elementor-element-aa52391,.elementor-element-c5cdb13):not(.wb-motion-off):hover{
    transform:translate3d(0,calc(-1 * var(--wb-motion-rise)),0);
    box-shadow:0 14px 32px -26px rgba(19,22,28,.28);
    border-color:var(--wb-motion-accent);
  }
  :is(.wb-motion-step,.elementor-element-723bca8,.elementor-element-aaaa1f5,.elementor-element-1dc2615,.elementor-element-2198324,.elementor-element-25a5730,.elementor-element-b29a277,.elementor-element-aa52391,.elementor-element-c5cdb13):not(.wb-motion-off):hover > .elementor-widget-heading:first-child .elementor-heading-title{
    transform:scale(1.09);box-shadow:0 5px 14px -9px rgba(19,22,28,.26);
  }
  :is(.wb-motion-audience,.elementor-element-34f8fb5,.elementor-element-50c12f3,.elementor-element-20f718d,.elementor-element-870dfe5):not(.wb-motion-off):hover{
    transform:translate3d(0,calc(-1 * var(--wb-motion-rise)),0);
    box-shadow:0 20px 38px -28px rgba(19,22,28,.24);
  }
  :is(.wb-motion-audience,.elementor-element-34f8fb5,.elementor-element-50c12f3,.elementor-element-20f718d,.elementor-element-870dfe5):not(.wb-motion-off):hover .elementor-widget-icon .elementor-icon{transform:translateY(-2px) rotate(-3deg);}
  :is(.wb-motion-audience,.elementor-element-34f8fb5,.elementor-element-50c12f3,.elementor-element-20f718d,.elementor-element-870dfe5):not(.wb-motion-off):hover .elementor-button-icon{transform:translateX(4px);}
  :is(.wb-motion-article,.elementor-element-f537e7d,.elementor-element-92fea01,.elementor-element-94f703f):not(.wb-motion-off):hover{transform:translate3d(0,calc(-1 * var(--wb-motion-rise)),0);}
  :is(.wb-motion-article,.elementor-element-f537e7d,.elementor-element-92fea01,.elementor-element-94f703f):not(.wb-motion-off):hover > .e-con,
  :is(.wb-motion-article,.elementor-element-f537e7d,.elementor-element-92fea01,.elementor-element-94f703f):not(.wb-motion-off):hover > .elementor-element:first-child{
    box-shadow:0 18px 36px -24px rgba(19,22,28,.2);filter:brightness(1.025);transform:scale(1.015);
  }
  :is(.wb-motion-article,.elementor-element-f537e7d,.elementor-element-92fea01,.elementor-element-94f703f):not(.wb-motion-off):hover .elementor-widget-heading:last-child .elementor-heading-title{color:#5d4b9f;}
  :is(.wb-motion-blog-cta,.elementor-element-51df3f9):not(.wb-motion-off) .elementor-button:hover::after{transform:scaleX(1);}
  :is(.wb-motion-blog-cta,.elementor-element-51df3f9):not(.wb-motion-off) .elementor-button:hover .elementor-button-icon{transform:translateX(5px);}
}
/* Usuarios de teclado pueden reconocer los enlaces sin depender del mouse. */
:is(.wb-motion-blog-cta,.elementor-element-51df3f9):not(.wb-motion-off) .elementor-button:focus-visible{outline:2px solid var(--wb-motion-accent);outline-offset:5px;}
:is(.wb-motion-blog-cta,.elementor-element-51df3f9):not(.wb-motion-off) .elementor-button:focus-visible::after{transform:scaleX(1);}
@media(prefers-reduced-motion:reduce){
  :is(.wb-motion-benefit,.wb-motion-bento,.wb-motion-step,.wb-motion-audience,.wb-motion-article,.wb-motion-blog-cta,
  .elementor-element-ec5b5ea,.elementor-element-28ee587,.elementor-element-9a5b472,.elementor-element-e5244cb,
  .elementor-element-723bca8,.elementor-element-34f8fb5,.elementor-element-f537e7d,.elementor-element-51df3f9){
    transition-duration:0ms!important;animation:none!important;transform:none!important;
  }
}