.elementor-kit-5{--e-global-color-primary:#329881;--e-global-color-secondary:#000000;--e-global-color-text:#7A7A7A;--e-global-color-accent:#FFFFFF;--e-global-color-307c92a:#C1FF72;--e-global-typography-primary-font-family:"Roboto";--e-global-typography-primary-font-weight:600;--e-global-typography-secondary-font-family:"Roboto Slab";--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"Roboto";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Roboto";--e-global-typography-accent-font-weight:500;}.elementor-kit-5 e-page-transition{background-color:#FFBC7D;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1140px;}.e-con{--container-max-width:1140px;}.elementor-widget:not(:last-child){--kit-widget-spacing:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}.site-header .site-branding{flex-direction:column;align-items:stretch;}.site-header{padding-inline-end:0px;padding-inline-start:0px;}.site-footer .site-branding{flex-direction:column;align-items:stretch;}@media(max-width:1024px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}/* Start custom CSS *//* Botón con hundimiento visible (neumorfismo oscuro) */
.boton-neumo .elementor-button{
  position: relative;
  padding: 14px 70px 14px 24px;
   /* gradiente para volumen */
  color:#fff;
  border:none;
  line-height:1;
  /* sombras internas FUERTES + externa suave */
  box-shadow:
    inset 10px 10px 18px rgba(0,0,0,.55),     /* sombra interior abajo/izq */
    inset -10px -10px 18px rgba(255,255,255,.10), /* luz interior arriba/der */
    0 10px 22px rgba(0,0,0,.28);
  transition: box-shadow .25s ease, transform .25s ease;
}

/* anillo interior para remarcar el hundimiento */
.boton-neumo .elementor-button::before{
  content:"";
  position:absolute; inset:4px;
  border-radius: inherit;
  pointer-events:none;
  box-shadow:
    inset 2px 2px 4px rgba(0,0,0,.55),
    inset -2px -2px 4px rgba(255,255,255,.12);
}

/* perilla (tu SVG ya incluye círculo+flecha) */
.boton-neumo .elementor-button::after{
  content:"";
  position:absolute;
  top:50%;
  right:13px;
  transform:translateY(-50%);
  width:35px; height:35px;               /* súbelo si la quieres más protagonista */
  border-radius:50%;
  background:#fff;
  background-image:url("https://ingenieroscyt.com/wp-content/uploads/2025/09/Group-7.png");
  background-repeat:no-repeat;
  background-position:center;
  background-size:70% 70%;
  /* sombras de la perilla para que “flote” encima del hueco */
  box-shadow:
    6px 6px 14px rgba(0,0,0,.28),
    inset -3px -3px 6px rgba(255,255,255,.85),
    inset 3px 3px 8px rgba(0,0,0,.12);
  transition: transform .25s ease, box-shadow .25s ease;
}

/* hover: más hundido y la perilla viaja un poco hacia el texto */
.boton-neumo .elementor-button:hover{
  box-shadow:
    inset 12px 12px 20px rgba(0,0,0,.60),
    inset -12px -12px 20px rgba(255,255,255,.12),
    0 14px 26px rgba(0,0,0,.32);
}
.boton-neumo .elementor-button:hover::after{
  transform: translateY(-50%) translateX(8px);
}

/* active: “click” real */
.boton-neumo .elementor-button:active{
  box-shadow:
    inset 16px 16px 24px rgba(0,0,0,.65),
    inset -16px -16px 24px rgba(255,255,255,.14);
}
.boton-neumo .elementor-button:active::after{
  transform: translateY(-50%) translateX(-4px) scale(.98);
}

/* responsive */
@media (max-width:767px){
  .boton-neumo .elementor-button{ padding:12px 60px 12px 20px; }
  .boton-neumo .elementor-button::after{ width:33px; height:33px; right:8px; }
}/* End custom CSS */