.elementor-widget-container.premium-cursor-ftext .premium-global-cursor-{{ID}} .premium-cursor-follow-text{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-container .premium-global-cursor-{{ID}}{color:var( --e-global-color-primary );fill:var( --e-global-color-primary );}.elementor-widget-container .premium-global-badge-{{ID}} .premium-badge-text{color:var( --e-global-color-secondary );}.elementor-widget-container.pa-bg-clipped-yes.premium-gbadge-custom .premium-global-badge-{{ID}} .premium-badge-text, .elementor-widget-container:not(.premium-gbadge-custom) .premium-global-badge-{{ID}} .premium-badge-container, .elementor-widget-container.premium-gbadge-custom:not(.pa-bg-clipped-yes) .premium-global-badge-{{ID}} .premium-badge-container{background-color:var( --e-global-color-primary );}.elementor-widget-container .premium-global-badge-{{ID}} .premium-badge-icon{color:var( --e-global-color-secondary );fill:var( --e-global-color-secondary );}.elementor-245 .elementor-element.elementor-element-e35798e{--display:flex;--min-height:100vh;--justify-content:center;--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-widget-html.premium-cursor-ftext .premium-global-cursor-{{ID}} .premium-cursor-follow-text{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-html .premium-global-cursor-{{ID}}{color:var( --e-global-color-primary );fill:var( --e-global-color-primary );}.elementor-widget-html .premium-global-badge-{{ID}} .premium-badge-text{color:var( --e-global-color-secondary );}.elementor-widget-html.pa-bg-clipped-yes.premium-gbadge-custom .premium-global-badge-{{ID}} .premium-badge-text, .elementor-widget-html:not(.premium-gbadge-custom) .premium-global-badge-{{ID}} .premium-badge-container, .elementor-widget-html.premium-gbadge-custom:not(.pa-bg-clipped-yes) .premium-global-badge-{{ID}} .premium-badge-container{background-color:var( --e-global-color-primary );}.elementor-widget-html .premium-global-badge-{{ID}} .premium-badge-icon{color:var( --e-global-color-secondary );fill:var( --e-global-color-secondary );}.elementor-245 .elementor-element.elementor-element-654a905{--display:flex;--justify-content:center;--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-245 .elementor-element.elementor-element-654a905.e-con{--flex-grow:1;--flex-shrink:0;}.elementor-widget-nested-carousel.premium-cursor-ftext .premium-global-cursor-{{ID}} .premium-cursor-follow-text{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-nested-carousel .premium-global-cursor-{{ID}}{color:var( --e-global-color-primary );fill:var( --e-global-color-primary );}.elementor-widget-nested-carousel .premium-global-badge-{{ID}} .premium-badge-text{color:var( --e-global-color-secondary );}.elementor-widget-nested-carousel.pa-bg-clipped-yes.premium-gbadge-custom .premium-global-badge-{{ID}} .premium-badge-text, .elementor-widget-nested-carousel:not(.premium-gbadge-custom) .premium-global-badge-{{ID}} .premium-badge-container, .elementor-widget-nested-carousel.premium-gbadge-custom:not(.pa-bg-clipped-yes) .premium-global-badge-{{ID}} .premium-badge-container{background-color:var( --e-global-color-primary );}.elementor-widget-nested-carousel .premium-global-badge-{{ID}} .premium-badge-icon{color:var( --e-global-color-secondary );fill:var( --e-global-color-secondary );}.elementor-245 .elementor-element.elementor-element-da857f9{--display:flex;--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-245 .elementor-element.elementor-element-46ef633{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0em;--padding-bottom:0em;--padding-left:1em;--padding-right:1em;}.elementor-245 .elementor-element.elementor-element-ee6c2d8{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--border-radius:20em 20em 20em 20em;--margin-top:0em;--margin-bottom:0em;--margin-left:0em;--margin-right:0em;--padding-top:4em;--padding-bottom:4em;--padding-left:0em;--padding-right:0em;}.elementor-245 .elementor-element.elementor-element-6df7e3f{--display:flex;--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-245 .elementor-element.elementor-element-feab282{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0em;--padding-bottom:0em;--padding-left:1em;--padding-right:1em;}.elementor-245 .elementor-element.elementor-element-a0b2f1d{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--border-radius:20em 20em 20em 20em;--margin-top:0em;--margin-bottom:0em;--margin-left:0em;--margin-right:0em;--padding-top:4em;--padding-bottom:4em;--padding-left:0em;--padding-right:0em;}.elementor-245 .elementor-element.elementor-element-4575f3e{--display:flex;--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-245 .elementor-element.elementor-element-d0bbf87{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0em;--padding-bottom:0em;--padding-left:1em;--padding-right:1em;}.elementor-245 .elementor-element.elementor-element-6b0fe83{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--border-radius:20em 20em 20em 20em;--margin-top:0em;--margin-bottom:0em;--margin-left:0em;--margin-right:0em;--padding-top:4em;--padding-bottom:4em;--padding-left:0em;--padding-right:0em;}.elementor-245 .elementor-element.elementor-element-a544775{--display:flex;--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-245 .elementor-element.elementor-element-9180487{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0em;--padding-bottom:0em;--padding-left:1em;--padding-right:1em;}.elementor-245 .elementor-element.elementor-element-eeb1882{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--border-radius:20em 20em 20em 20em;--margin-top:0em;--margin-bottom:0em;--margin-left:0em;--margin-right:0em;--padding-top:4em;--padding-bottom:4em;--padding-left:0em;--padding-right:0em;}.elementor-245 .elementor-element.elementor-element-b14099a{--display:flex;--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-245 .elementor-element.elementor-element-c9681e6{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0em;--padding-bottom:0em;--padding-left:1em;--padding-right:1em;}.elementor-245 .elementor-element.elementor-element-11e357f{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--border-radius:20em 20em 20em 20em;--margin-top:0em;--margin-bottom:0em;--margin-left:0em;--margin-right:0em;--padding-top:4em;--padding-bottom:4em;--padding-left:0em;--padding-right:0em;}.elementor-245 .elementor-element.elementor-element-60087e2{--display:flex;--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-245 .elementor-element.elementor-element-cad94ef{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0em;--padding-bottom:0em;--padding-left:1em;--padding-right:1em;}.elementor-245 .elementor-element.elementor-element-6a6291f{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--border-radius:20em 20em 20em 20em;--margin-top:0em;--margin-bottom:0em;--margin-left:0em;--margin-right:0em;--padding-top:4em;--padding-bottom:4em;--padding-left:0em;--padding-right:0em;}.elementor-245 .elementor-element.elementor-element-faefabb{--e-n-carousel-swiper-slides-to-display:3;margin:0% 0% calc(var(--kit-widget-spacing, 0px) + -8%) 0%;--e-n-carousel-slide-height:auto;--e-n-carousel-slide-container-height:100%;--e-n-carousel-swiper-pagination-size:0.7em;--e-n-carousel-swiper-pagination-spacing:3.4em;}:where( .elementor-245 .elementor-element.elementor-element-faefabb .swiper-slide ) > .e-con{--border-radius:0px 0px 0px 0px;--padding-top:0px;--padding-right:0px;--padding-bottom:0px;--padding-left:0px;}:where( [data-core-v316-plus="true"] .elementor-element.elementor-widget-n-carousel .swiper-slide ) > .e-con{--padding-block-start:0px;--padding-inline-end:0px;--padding-block-end:0px;--padding-inline-start:0px;}.elementor-245 .elementor-element.elementor-element-faefabb .swiper-pagination-bullet{--swiper-pagination-bullet-horizontal-gap:2em;--swiper-pagination-bullet-vertical-gap:2em;}body.elementor-page-245:not(.elementor-motion-effects-element-type-background), body.elementor-page-245 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFF3E7;}@media(min-width:768px){.elementor-245 .elementor-element.elementor-element-e35798e{--content-width:100%;}.elementor-245 .elementor-element.elementor-element-da857f9{--width:100%;}.elementor-245 .elementor-element.elementor-element-6df7e3f{--width:100%;}.elementor-245 .elementor-element.elementor-element-4575f3e{--width:100%;}.elementor-245 .elementor-element.elementor-element-a544775{--width:100%;}.elementor-245 .elementor-element.elementor-element-b14099a{--width:100%;}.elementor-245 .elementor-element.elementor-element-60087e2{--width:100%;}}@media(max-width:1024px){.elementor-245 .elementor-element.elementor-element-faefabb{--e-n-carousel-swiper-slides-to-display:2;}}@media(max-width:767px){.elementor-245 .elementor-element.elementor-element-faefabb{--e-n-carousel-swiper-slides-to-display:1;}}/* Start custom CSS for nested-carousel, class: .elementor-element-faefabb *//* ============================================================
   SIRIS HERO CAROUSEL — MASTER CSS
   Elementor Carousel / Swiper
   ============================================================ */


/* ============================================================
   1. CONTENEDOR PADRE / STAGE
   Clase en el container que envuelve el carrusel:
   siris-carousel-stage
   ============================================================ */

.siris-carousel-stage {
  /* Ancho visible general */
  --carousel-visible-width: 100%;

  /* Desvanecido lateral */
  --carousel-fade-size: clamp(2em, 2em, 1em);

  /* Óvalo central fijo */
  --circle-width: clamp(25%, 25%, 25%);
  --circle-height: 80%;
  --circle-radius: 999em;

  /* Color inicial del óvalo */
  --circle-color: #5c6f35;
  --circle-opacity: 1;

  /* Posición del óvalo */
  --circle-x: 50%;
  --circle-y: 50%;

  /* Transición del color del óvalo */
  --circle-transition-speed: 1.1s;
  --circle-transition-ease: cubic-bezier(0.22, 0.61, 0.36, 1);

  position: relative;
  width: var(--carousel-visible-width);
  overflow: hidden;
  isolation: isolate;

  -webkit-mask-image: linear-gradient(
    to right,
    transparent 0,
    black var(--carousel-fade-size),
    black calc(100% - var(--carousel-fade-size)),
    transparent 100%
  );

  mask-image: linear-gradient(
    to right,
    transparent 0,
    black var(--carousel-fade-size),
    black calc(100% - var(--carousel-fade-size)),
    transparent 100%
  );
}


/* Óvalo único fijo detrás del slide central */
.siris-carousel-stage::before {
  content: "";
  position: absolute;

  width: var(--circle-width);
  height: var(--circle-height);
  border-radius: var(--circle-radius);

  left: var(--circle-x);
  top: var(--circle-y);
  transform: translate(-50%, -50%);

  background-color: var(--circle-color);
  opacity: var(--circle-opacity);

  transition:
    background-color var(--circle-transition-speed) var(--circle-transition-ease),
    opacity var(--circle-transition-speed) var(--circle-transition-ease);

  z-index: 0;
  pointer-events: none;
}


/* ============================================================
   2. CARRUSEL
   Clase en el widget Carousel:
   siris-hero-carousel
   ============================================================ */

.siris-hero-carousel {
  /* Escala de slides laterales */
  --slide-side-scale: 0.8;

  /* Escala del slide central */
  --slide-center-scale: 1.05;

  /* Opacidad de slides laterales */
  --slide-side-opacity: 0.8;

  /* Opacidad del slide central */
  --slide-center-opacity: 1;

  /* Movimiento vertical del slide central */
  --slide-center-y: -20px;

  /* Transición del efecto de tamaño/opacidad */
  --slide-transition-speed: 1.1s;
  --slide-transition-ease: cubic-bezier(0.22, 0.61, 0.36, 1);

  position: relative;
  z-index: 2;
}


/* Permite que el slide central crezca sin cortarse internamente */
.siris-hero-carousel,
.siris-hero-carousel .swiper,
.siris-hero-carousel .swiper-wrapper,
.siris-hero-carousel .elementor-swiper,
.siris-hero-carousel .e-n-carousel {
  overflow: visible !important;
}


/* Todos los slides */
.siris-hero-carousel .swiper-slide {
  transform: scale(var(--slide-side-scale)) translateY(0);
  opacity: var(--slide-side-opacity);

  transition:
    transform var(--slide-transition-speed) var(--slide-transition-ease),
    opacity var(--slide-transition-speed) var(--slide-transition-ease);

  z-index: 1;
}


/* Slide visual del centro.
   En esta configuración, el centro corresponde a .swiper-slide-next. */
.siris-hero-carousel .swiper-slide-next {
  transform: scale(var(--slide-center-scale)) translateY(var(--slide-center-y));
  opacity: var(--slide-center-opacity);
  z-index: 10;
}


/* ============================================================
   3. OCULTAR FONDOS VERDES VIEJOS DE CADA SLIDE
   Clase opcional en los fondos internos:
   siris-slide-bg
   ============================================================ */

.siris-slide-bg {
  display: none !important;
}


/* ============================================================
   4. IMÁGENES / PRODUCTOS
   ============================================================ */

.siris-hero-carousel .swiper-slide img {
  width: 100%;
  height: auto;
  display: block;
  object-fit: contain;
}


/* ============================================================
   5. PAGINACIÓN Y FLECHAS
   ============================================================ */

.siris-hero-carousel .swiper-pagination,
.siris-hero-carousel .elementor-swiper-button,
.siris-hero-carousel .swiper-button-prev,
.siris-hero-carousel .swiper-button-next {
  position: relative;
  z-index: 20;
}


/* ============================================================
   6. TABLET
   ============================================================ */

@media (max-width: 1024px) {
  .siris-carousel-stage {
    --carousel-fade-size: clamp(30px, 6vw, 90px);

    --circle-width: clamp(240px, 38vw, 400px);
    --circle-height: 560px;
    --circle-y: 50%;
  }

  .siris-hero-carousel {
    --slide-side-scale: 0.9;
    --slide-center-scale: 1.04;
    --slide-side-opacity: 0.7;
    --slide-center-y: -14px;
  }
}


/* ============================================================
   7. MÓVIL
   ============================================================ */

@media (max-width: 767px) {
  .siris-carousel-stage {
    --carousel-fade-size: 36px;

    --circle-width: clamp(220px, 68vw, 340px);
    --circle-height: 520px;
    --circle-y: 52%;
  }

  .siris-hero-carousel {
    --slide-side-scale: 0.88;
    --slide-center-scale: 1.03;
    --slide-side-opacity: 0.65;
    --slide-center-y: -10px;
  }
}


/* ============================================================
   8. MÓVIL PEQUEÑO
   ============================================================ */

@media (max-width: 480px) {
  .siris-carousel-stage {
    --carousel-fade-size: 24px;

    --circle-width: clamp(200px, 76vw, 300px);
    --circle-height: 460px;
    --circle-y: 52%;
  }

  .siris-hero-carousel {
    --slide-side-scale: 0.86;
    --slide-center-scale: 1.02;
    --slide-side-opacity: 0.6;
    --slide-center-y: -6px;
  }
}/* End custom CSS */
/* Start custom CSS */.imagenfull {
    width: auto !important;
  max-width: none !important;
  object-fit: unset !important;
  object-position: bottom center !important;
}



/* ============================================================
   SVG ICON BUTTONS — Elementor v4
   Base nueva: btn-svg-icon
   Compatibilidad: btn-recurso-svg

   Uso recomendado:
   btn-svg-icon icon-recurso-3 btn-icon-fx-slide

   También sigue funcionando:
   btn-recurso-svg btn-icon-fx-slide
   ============================================================ */

:is(.btn-svg-icon, .btn-recurso-svg) {
  /* Estado normal del ícono */
  --btn-icon-size: 2.4em;
  --btn-icon-space: 1.6em;
  --btn-icon-opacity: 1;

  /* Hover del ícono */
  --btn-icon-hover-size: 1.4em;
  --btn-icon-hover-space: 0.75em;
  --btn-icon-hover-x: 0.5em;
  --btn-icon-hover-y: 0px;
  --btn-icon-hover-scale: 1.08;
  --btn-icon-hover-rotate: 0deg;
  --btn-icon-hover-opacity: 1;

  /* Timing */
  --btn-icon-transition: 220ms ease;
}

/* SVG específico — recurso actual */
.icon-recurso-3,
.btn-recurso-svg {
  --btn-icon-url: url("https://siris.didika.app/wp-content/uploads/2026/05/Recurso-3.svg");
}

/* Aquí puedes agregar más íconos */
.icon-whatsapp {
  --btn-icon-url: url("https://siris.didika.app/wp-content/uploads/2026/05/whatsapp.svg");
}

.icon-arrow {
  --btn-icon-url: url("https://siris.didika.app/wp-content/uploads/2026/05/arrow.svg");
}


/* ============================================================
   BOTÓN REAL
   Cubre caso clase directa + caso clase en wrapper
   ============================================================ */

:is(.btn-svg-icon, .btn-recurso-svg):is(a, button, .e-button, .elementor-button, [role="button"]),
:is(.btn-svg-icon, .btn-recurso-svg) :is(a, button, .e-button, .elementor-button, [role="button"]) {
  display: inline-flex !important;
  align-items: center !important;
}


/* ============================================================
   ÍCONO A LA DERECHA
   ============================================================ */

:is(.btn-svg-icon, .btn-recurso-svg):is(a, button, .e-button, .elementor-button, [role="button"])::after,
:is(.btn-svg-icon, .btn-recurso-svg) :is(a, button, .e-button, .elementor-button, [role="button"])::after {
  content: "" !important;
  display: inline-block !important;
  flex: 0 0 auto !important;

  width: var(--btn-icon-size) !important;
  height: var(--btn-icon-size) !important;
  min-width: var(--btn-icon-size) !important;
  margin-inline-start: var(--btn-icon-space) !important;

  background-image: var(--btn-icon-url) !important;
  background-repeat: no-repeat !important;
  background-position: center !important;
  background-size: contain !important;

  opacity: var(--btn-icon-opacity) !important;
  transform: translate(0, 0) rotate(0deg) scale(1) !important;

  transition:
    width var(--btn-icon-transition),
    height var(--btn-icon-transition),
    min-width var(--btn-icon-transition),
    margin-inline-start var(--btn-icon-transition),
    opacity var(--btn-icon-transition),
    transform var(--btn-icon-transition) !important;
}


/* ============================================================
   EFECTO: SIN ANIMACIÓN
   ============================================================ */

:is(.btn-svg-icon, .btn-recurso-svg).btn-icon-fx-none:is(a, button, .e-button, .elementor-button, [role="button"]):hover::after,
:is(.btn-svg-icon, .btn-recurso-svg).btn-icon-fx-none :is(a, button, .e-button, .elementor-button, [role="button"]):hover::after {
  transform: none !important;
}


/* ============================================================
   EFECTO: SLIDE LAYOUT
   Mueve el ícono y SÍ cambia el tamaño real del botón
   ============================================================ */

:is(.btn-svg-icon, .btn-recurso-svg).btn-icon-fx-slide:is(a, button, .e-button, .elementor-button, [role="button"]):hover::after,
:is(.btn-svg-icon, .btn-recurso-svg).btn-icon-fx-slide :is(a, button, .e-button, .elementor-button, [role="button"]):hover::after {
  margin-inline-start: calc(var(--btn-icon-space) + var(--btn-icon-hover-x)) !important;
  opacity: var(--btn-icon-hover-opacity) !important;
  transform:
    translate(0, var(--btn-icon-hover-y))
    rotate(var(--btn-icon-hover-rotate))
    scale(1) !important;
}


/* ============================================================
   EFECTO: GROW VISUAL
   Crece visualmente, NO cambia tamaño real del botón
   ============================================================ */

:is(.btn-svg-icon, .btn-recurso-svg).btn-icon-fx-grow:is(a, button, .e-button, .elementor-button, [role="button"]):hover::after,
:is(.btn-svg-icon, .btn-recurso-svg).btn-icon-fx-grow :is(a, button, .e-button, .elementor-button, [role="button"]):hover::after {
  opacity: var(--btn-icon-hover-opacity) !important;
  transform:
    translate(0, 0)
    rotate(var(--btn-icon-hover-rotate))
    scale(var(--btn-icon-hover-scale)) !important;
}


/* ============================================================
   EFECTO: PUSH LAYOUT
   Se separa y SÍ cambia tamaño real del botón
   ============================================================ */

:is(.btn-svg-icon, .btn-recurso-svg).btn-icon-fx-push:is(a, button, .e-button, .elementor-button, [role="button"]):hover::after,
:is(.btn-svg-icon, .btn-recurso-svg).btn-icon-fx-push :is(a, button, .e-button, .elementor-button, [role="button"]):hover::after {
  margin-inline-start: var(--btn-icon-hover-space) !important;
  opacity: var(--btn-icon-hover-opacity) !important;
}


/* ============================================================
   EFECTO: GROW LAYOUT
   Crece y SÍ cambia tamaño real del botón
   ============================================================ */

:is(.btn-svg-icon, .btn-recurso-svg).btn-icon-fx-grow-layout:is(a, button, .e-button, .elementor-button, [role="button"]):hover::after,
:is(.btn-svg-icon, .btn-recurso-svg).btn-icon-fx-grow-layout :is(a, button, .e-button, .elementor-button, [role="button"]):hover::after {
  width: var(--btn-icon-hover-size) !important;
  height: var(--btn-icon-hover-size) !important;
  min-width: var(--btn-icon-hover-size) !important;
  margin-inline-start: var(--btn-icon-hover-space) !important;
  opacity: var(--btn-icon-hover-opacity) !important;
  transform: rotate(var(--btn-icon-hover-rotate)) !important;
}/* End custom CSS */