.elementor-88 .elementor-element.elementor-element-33862f4{--display:flex;}.elementor-88 .elementor-element.elementor-element-ce9ff68{--divider-border-style:solid;--divider-color:#000;--divider-border-width:1px;}.elementor-88 .elementor-element.elementor-element-ce9ff68 .elementor-divider-separator{width:100%;}.elementor-88 .elementor-element.elementor-element-ce9ff68 .elementor-divider{padding-block-start:15px;padding-block-end:15px;}.elementor-88 .elementor-element.elementor-element-6030918{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-88 .elementor-element.elementor-element-cf521a3{--display:flex;--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;}.elementor-88 .elementor-element.elementor-element-5e0fdca{text-align:center;}.elementor-88 .elementor-element.elementor-element-9812fb3{--display:flex;--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;}.elementor-88 .elementor-element.elementor-element-bc07c55{text-align:center;}.elementor-88 .elementor-element.elementor-element-1c83d5d{--display:flex;--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;}.elementor-88 .elementor-element.elementor-element-d82813d{text-align:center;}.elementor-88 .elementor-element.elementor-element-d7825cf{--display:flex;--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;}.elementor-88 .elementor-element.elementor-element-294a8b5{text-align:center;}.elementor-88 .elementor-element.elementor-element-0a97d4c{--display:flex;}.elementor-88 .elementor-element.elementor-element-320893f{--divider-border-style:solid;--divider-color:#000;--divider-border-width:1px;}.elementor-88 .elementor-element.elementor-element-320893f .elementor-divider-separator{width:100%;}.elementor-88 .elementor-element.elementor-element-320893f .elementor-divider{padding-block-start:15px;padding-block-end:15px;}.elementor-88 .elementor-element.elementor-element-4250ffd{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-88 .elementor-element.elementor-element-6046b7d{--display:flex;--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;}.elementor-88 .elementor-element.elementor-element-fb5a8ad{text-align:center;}.elementor-88 .elementor-element.elementor-element-62ed362{--display:flex;--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;}.elementor-88 .elementor-element.elementor-element-045adf9{text-align:center;}.elementor-88 .elementor-element.elementor-element-3061470{--display:flex;--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;}.elementor-88 .elementor-element.elementor-element-695e600{text-align:center;}.elementor-88 .elementor-element.elementor-element-8a28a8f{--display:flex;--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;}.elementor-88 .elementor-element.elementor-element-8b0a46c{text-align:center;}.elementor-88 .elementor-element.elementor-element-94dc905{--display:flex;}.elementor-88 .elementor-element.elementor-element-f38ce02{--divider-border-style:solid;--divider-color:#000;--divider-border-width:1px;}.elementor-88 .elementor-element.elementor-element-f38ce02 .elementor-divider-separator{width:100%;}.elementor-88 .elementor-element.elementor-element-f38ce02 .elementor-divider{padding-block-start:15px;padding-block-end:15px;}.elementor-88 .elementor-element.elementor-element-2ca6d27{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-88 .elementor-element.elementor-element-d82657e{--display:flex;--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;}.elementor-88 .elementor-element.elementor-element-735fd50{text-align:center;}.elementor-88 .elementor-element.elementor-element-18cb258{--display:flex;--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;}.elementor-88 .elementor-element.elementor-element-5ce184e{text-align:center;}.elementor-88 .elementor-element.elementor-element-083dcb8{--display:flex;--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;}.elementor-88 .elementor-element.elementor-element-2a9e955{text-align:center;}.elementor-88 .elementor-element.elementor-element-a7cb6ca{--display:flex;--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;}.elementor-88 .elementor-element.elementor-element-6eeece0{text-align:center;}.elementor-88 .elementor-element.elementor-element-69808a1{--display:flex;}.elementor-88 .elementor-element.elementor-element-df8b384{--divider-border-style:solid;--divider-color:#000;--divider-border-width:1px;}.elementor-88 .elementor-element.elementor-element-df8b384 .elementor-divider-separator{width:100%;}.elementor-88 .elementor-element.elementor-element-df8b384 .elementor-divider{padding-block-start:15px;padding-block-end:15px;}.elementor-88 .elementor-element.elementor-element-7ceb1ac{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-88 .elementor-element.elementor-element-d5287c2{--display:flex;--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;}.elementor-88 .elementor-element.elementor-element-228797e{text-align:center;}.elementor-88 .elementor-element.elementor-element-a8177d1{--display:flex;--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;}.elementor-88 .elementor-element.elementor-element-51c407a{text-align:center;}.elementor-88 .elementor-element.elementor-element-c9c1f1d{--display:flex;--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;}.elementor-88 .elementor-element.elementor-element-32206b6{text-align:center;}.elementor-88 .elementor-element.elementor-element-cfcf647{--display:flex;--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;}.elementor-88 .elementor-element.elementor-element-a21988b{text-align:center;}.elementor-88 .elementor-element.elementor-element-fad57a8{--display:flex;}.elementor-88 .elementor-element.elementor-element-cde738c{--divider-border-style:solid;--divider-color:#000;--divider-border-width:1px;}.elementor-88 .elementor-element.elementor-element-cde738c .elementor-divider-separator{width:100%;}.elementor-88 .elementor-element.elementor-element-cde738c .elementor-divider{padding-block-start:15px;padding-block-end:15px;}.elementor-88 .elementor-element.elementor-element-45dbf96{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-88 .elementor-element.elementor-element-0c2651e{--display:flex;--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;}.elementor-88 .elementor-element.elementor-element-5f1cb94{text-align:center;}.elementor-88 .elementor-element.elementor-element-c92f66d{--display:flex;--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;}.elementor-88 .elementor-element.elementor-element-fc97c26{text-align:center;}.elementor-88 .elementor-element.elementor-element-e220cb4{--display:flex;--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;}.elementor-88 .elementor-element.elementor-element-ccf3590{text-align:center;}.elementor-88 .elementor-element.elementor-element-91cd03b{--display:flex;--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;}.elementor-88 .elementor-element.elementor-element-24e9d99{text-align:center;}.elementor-88 .elementor-element.elementor-element-bc6d481{--display:flex;}.elementor-88 .elementor-element.elementor-element-8657079{--divider-border-style:solid;--divider-color:#000;--divider-border-width:1px;}.elementor-88 .elementor-element.elementor-element-8657079 .elementor-divider-separator{width:100%;}.elementor-88 .elementor-element.elementor-element-8657079 .elementor-divider{padding-block-start:15px;padding-block-end:15px;}:root{--page-title-display:none;}@media(min-width:768px){.elementor-88 .elementor-element.elementor-element-cf521a3{--width:25%;}.elementor-88 .elementor-element.elementor-element-9812fb3{--width:25%;}.elementor-88 .elementor-element.elementor-element-1c83d5d{--width:25%;}.elementor-88 .elementor-element.elementor-element-d7825cf{--width:25%;}.elementor-88 .elementor-element.elementor-element-6046b7d{--width:25%;}.elementor-88 .elementor-element.elementor-element-62ed362{--width:25%;}.elementor-88 .elementor-element.elementor-element-3061470{--width:25%;}.elementor-88 .elementor-element.elementor-element-8a28a8f{--width:25%;}.elementor-88 .elementor-element.elementor-element-d82657e{--width:25%;}.elementor-88 .elementor-element.elementor-element-18cb258{--width:25%;}.elementor-88 .elementor-element.elementor-element-083dcb8{--width:25%;}.elementor-88 .elementor-element.elementor-element-a7cb6ca{--width:25%;}.elementor-88 .elementor-element.elementor-element-d5287c2{--width:25%;}.elementor-88 .elementor-element.elementor-element-a8177d1{--width:25%;}.elementor-88 .elementor-element.elementor-element-c9c1f1d{--width:25%;}.elementor-88 .elementor-element.elementor-element-cfcf647{--width:25%;}.elementor-88 .elementor-element.elementor-element-0c2651e{--width:25%;}.elementor-88 .elementor-element.elementor-element-c92f66d{--width:25%;}.elementor-88 .elementor-element.elementor-element-e220cb4{--width:25%;}.elementor-88 .elementor-element.elementor-element-91cd03b{--width:25%;}}/* Start custom CSS for button, class: .elementor-element-3e77445 *//* Estilos base para el botón con gama de negros */
.elementor-88 .elementor-element.elementor-element-3e77445 {
  background: linear-gradient(90deg, #232526 0%, #434343 100%);
  color: #fff;
  border: none;
  border-radius: 30px;
  padding: 12px 32px;
  font-weight: bold;
  font-size: 1rem;
  letter-spacing: 1px;
  box-shadow: 0 4px 16px rgba(0,0,0,0.20);
  transition: 
    transform 0.2s cubic-bezier(.25,.8,.25,1),
    box-shadow 0.2s cubic-bezier(.25,.8,.25,1),
    background 0.4s cubic-bezier(.25,.8,.25,1);
  position: relative;
  overflow: hidden;
  cursor: pointer;
}

/* Elimina cualquier fondo de los hijos del botón */
.elementor-88 .elementor-element.elementor-element-3e77445 * {
  background: transparent !important;
  box-shadow: none !important;
}

/* Efecto de animación al hacer hover: invierte degradado a gris claro y oscuro */
.elementor-88 .elementor-element.elementor-element-3e77445:hover {
  background: linear-gradient(90deg, #434343 0%, #232526 100%);
  transform: translateY(-3px) scale(1.06) rotate(-1deg);
  box-shadow: 0 8px 32px rgba(35,37,38,0.25);
}

/* Onda animada blanca al hacer hover */
.elementor-88 .elementor-element.elementor-element-3e77445::after {
  content: '';
  position: absolute;
  left: 50%;
  top: 50%;
  width: 0;
  height: 0;
  background: rgba(255,255,255,0.10);
  transform: translate(-50%, -50%);
  border-radius: 100%;
  transition: width 0.5s, height 0.5s;
  z-index: 1;
}

.elementor-88 .elementor-element.elementor-element-3e77445:hover::after {
  width: 240%;
  height: 650%;
}

/* El texto del botón siempre por encima de la animación */
.elementor-88 .elementor-element.elementor-element-3e77445 span,
.elementor-88 .elementor-element.elementor-element-3e77445 .elementor-button-content-wrapper,
.elementor-88 .elementor-element.elementor-element-3e77445 .elementor-button-text {
  position: relative;
  z-index: 2;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-20cfda2 *//* Estilos base para el botón con gama de negros */
.elementor-88 .elementor-element.elementor-element-20cfda2 {
  background: linear-gradient(90deg, #232526 0%, #434343 100%);
  color: #fff;
  border: none;
  border-radius: 30px;
  padding: 12px 32px;
  font-weight: bold;
  font-size: 1rem;
  letter-spacing: 1px;
  box-shadow: 0 4px 16px rgba(0,0,0,0.20);
  transition: 
    transform 0.2s cubic-bezier(.25,.8,.25,1),
    box-shadow 0.2s cubic-bezier(.25,.8,.25,1),
    background 0.4s cubic-bezier(.25,.8,.25,1);
  position: relative;
  overflow: hidden;
  cursor: pointer;
}

/* Elimina cualquier fondo de los hijos del botón */
.elementor-88 .elementor-element.elementor-element-20cfda2 * {
  background: transparent !important;
  box-shadow: none !important;
}

/* Efecto de animación al hacer hover: invierte degradado a gris claro y oscuro */
.elementor-88 .elementor-element.elementor-element-20cfda2:hover {
  background: linear-gradient(90deg, #434343 0%, #232526 100%);
  transform: translateY(-3px) scale(1.06) rotate(-1deg);
  box-shadow: 0 8px 32px rgba(35,37,38,0.25);
}

/* Onda animada blanca al hacer hover */
.elementor-88 .elementor-element.elementor-element-20cfda2::after {
  content: '';
  position: absolute;
  left: 50%;
  top: 50%;
  width: 0;
  height: 0;
  background: rgba(255,255,255,0.10);
  transform: translate(-50%, -50%);
  border-radius: 100%;
  transition: width 0.5s, height 0.5s;
  z-index: 1;
}

.elementor-88 .elementor-element.elementor-element-20cfda2:hover::after {
  width: 240%;
  height: 650%;
}

/* El texto del botón siempre por encima de la animación */
.elementor-88 .elementor-element.elementor-element-20cfda2 span,
.elementor-88 .elementor-element.elementor-element-20cfda2 .elementor-button-content-wrapper,
.elementor-88 .elementor-element.elementor-element-20cfda2 .elementor-button-text {
  position: relative;
  z-index: 2;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-12d1a3c *//* Estilos base para el botón con gama de negros */
.elementor-88 .elementor-element.elementor-element-12d1a3c {
  background: linear-gradient(90deg, #232526 0%, #434343 100%);
  color: #fff;
  border: none;
  border-radius: 30px;
  padding: 12px 32px;
  font-weight: bold;
  font-size: 1rem;
  letter-spacing: 1px;
  box-shadow: 0 4px 16px rgba(0,0,0,0.20);
  transition: 
    transform 0.2s cubic-bezier(.25,.8,.25,1),
    box-shadow 0.2s cubic-bezier(.25,.8,.25,1),
    background 0.4s cubic-bezier(.25,.8,.25,1);
  position: relative;
  overflow: hidden;
  cursor: pointer;
}

/* Elimina cualquier fondo de los hijos del botón */
.elementor-88 .elementor-element.elementor-element-12d1a3c * {
  background: transparent !important;
  box-shadow: none !important;
}

/* Efecto de animación al hacer hover: invierte degradado a gris claro y oscuro */
.elementor-88 .elementor-element.elementor-element-12d1a3c:hover {
  background: linear-gradient(90deg, #434343 0%, #232526 100%);
  transform: translateY(-3px) scale(1.06) rotate(-1deg);
  box-shadow: 0 8px 32px rgba(35,37,38,0.25);
}

/* Onda animada blanca al hacer hover */
.elementor-88 .elementor-element.elementor-element-12d1a3c::after {
  content: '';
  position: absolute;
  left: 50%;
  top: 50%;
  width: 0;
  height: 0;
  background: rgba(255,255,255,0.10);
  transform: translate(-50%, -50%);
  border-radius: 100%;
  transition: width 0.5s, height 0.5s;
  z-index: 1;
}

.elementor-88 .elementor-element.elementor-element-12d1a3c:hover::after {
  width: 240%;
  height: 650%;
}

/* El texto del botón siempre por encima de la animación */
.elementor-88 .elementor-element.elementor-element-12d1a3c span,
.elementor-88 .elementor-element.elementor-element-12d1a3c .elementor-button-content-wrapper,
.elementor-88 .elementor-element.elementor-element-12d1a3c .elementor-button-text {
  position: relative;
  z-index: 2;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-3751f09 *//* Estilos base para el botón con gama de negros */
.elementor-88 .elementor-element.elementor-element-3751f09 {
  background: linear-gradient(90deg, #232526 0%, #434343 100%);
  color: #fff;
  border: none;
  border-radius: 30px;
  padding: 12px 32px;
  font-weight: bold;
  font-size: 1rem;
  letter-spacing: 1px;
  box-shadow: 0 4px 16px rgba(0,0,0,0.20);
  transition: 
    transform 0.2s cubic-bezier(.25,.8,.25,1),
    box-shadow 0.2s cubic-bezier(.25,.8,.25,1),
    background 0.4s cubic-bezier(.25,.8,.25,1);
  position: relative;
  overflow: hidden;
  cursor: pointer;
}

/* Elimina cualquier fondo de los hijos del botón */
.elementor-88 .elementor-element.elementor-element-3751f09 * {
  background: transparent !important;
  box-shadow: none !important;
}

/* Efecto de animación al hacer hover: invierte degradado a gris claro y oscuro */
.elementor-88 .elementor-element.elementor-element-3751f09:hover {
  background: linear-gradient(90deg, #434343 0%, #232526 100%);
  transform: translateY(-3px) scale(1.06) rotate(-1deg);
  box-shadow: 0 8px 32px rgba(35,37,38,0.25);
}

/* Onda animada blanca al hacer hover */
.elementor-88 .elementor-element.elementor-element-3751f09::after {
  content: '';
  position: absolute;
  left: 50%;
  top: 50%;
  width: 0;
  height: 0;
  background: rgba(255,255,255,0.10);
  transform: translate(-50%, -50%);
  border-radius: 100%;
  transition: width 0.5s, height 0.5s;
  z-index: 1;
}

.elementor-88 .elementor-element.elementor-element-3751f09:hover::after {
  width: 240%;
  height: 650%;
}

/* El texto del botón siempre por encima de la animación */
.elementor-88 .elementor-element.elementor-element-3751f09 span,
.elementor-88 .elementor-element.elementor-element-3751f09 .elementor-button-content-wrapper,
.elementor-88 .elementor-element.elementor-element-3751f09 .elementor-button-text {
  position: relative;
  z-index: 2;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-4a3bdc8 *//* Estilos base para el botón con gama de negros */
.elementor-88 .elementor-element.elementor-element-4a3bdc8 {
  background: linear-gradient(90deg, #232526 0%, #434343 100%);
  color: #fff;
  border: none;
  border-radius: 30px;
  padding: 12px 32px;
  font-weight: bold;
  font-size: 1rem;
  letter-spacing: 1px;
  box-shadow: 0 4px 16px rgba(0,0,0,0.20);
  transition: 
    transform 0.2s cubic-bezier(.25,.8,.25,1),
    box-shadow 0.2s cubic-bezier(.25,.8,.25,1),
    background 0.4s cubic-bezier(.25,.8,.25,1);
  position: relative;
  overflow: hidden;
  cursor: pointer;
}

/* Elimina cualquier fondo de los hijos del botón */
.elementor-88 .elementor-element.elementor-element-4a3bdc8 * {
  background: transparent !important;
  box-shadow: none !important;
}

/* Efecto de animación al hacer hover: invierte degradado a gris claro y oscuro */
.elementor-88 .elementor-element.elementor-element-4a3bdc8:hover {
  background: linear-gradient(90deg, #434343 0%, #232526 100%);
  transform: translateY(-3px) scale(1.06) rotate(-1deg);
  box-shadow: 0 8px 32px rgba(35,37,38,0.25);
}

/* Onda animada blanca al hacer hover */
.elementor-88 .elementor-element.elementor-element-4a3bdc8::after {
  content: '';
  position: absolute;
  left: 50%;
  top: 50%;
  width: 0;
  height: 0;
  background: rgba(255,255,255,0.10);
  transform: translate(-50%, -50%);
  border-radius: 100%;
  transition: width 0.5s, height 0.5s;
  z-index: 1;
}

.elementor-88 .elementor-element.elementor-element-4a3bdc8:hover::after {
  width: 240%;
  height: 650%;
}

/* El texto del botón siempre por encima de la animación */
.elementor-88 .elementor-element.elementor-element-4a3bdc8 span,
.elementor-88 .elementor-element.elementor-element-4a3bdc8 .elementor-button-content-wrapper,
.elementor-88 .elementor-element.elementor-element-4a3bdc8 .elementor-button-text {
  position: relative;
  z-index: 2;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-24ba611 *//* Estilos base para el botón con gama de negros */
.elementor-88 .elementor-element.elementor-element-24ba611 {
  background: linear-gradient(90deg, #232526 0%, #434343 100%);
  color: #fff;
  border: none;
  border-radius: 30px;
  padding: 12px 32px;
  font-weight: bold;
  font-size: 1rem;
  letter-spacing: 1px;
  box-shadow: 0 4px 16px rgba(0,0,0,0.20);
  transition: 
    transform 0.2s cubic-bezier(.25,.8,.25,1),
    box-shadow 0.2s cubic-bezier(.25,.8,.25,1),
    background 0.4s cubic-bezier(.25,.8,.25,1);
  position: relative;
  overflow: hidden;
  cursor: pointer;
}

/* Elimina cualquier fondo de los hijos del botón */
.elementor-88 .elementor-element.elementor-element-24ba611 * {
  background: transparent !important;
  box-shadow: none !important;
}

/* Efecto de animación al hacer hover: invierte degradado a gris claro y oscuro */
.elementor-88 .elementor-element.elementor-element-24ba611:hover {
  background: linear-gradient(90deg, #434343 0%, #232526 100%);
  transform: translateY(-3px) scale(1.06) rotate(-1deg);
  box-shadow: 0 8px 32px rgba(35,37,38,0.25);
}

/* Onda animada blanca al hacer hover */
.elementor-88 .elementor-element.elementor-element-24ba611::after {
  content: '';
  position: absolute;
  left: 50%;
  top: 50%;
  width: 0;
  height: 0;
  background: rgba(255,255,255,0.10);
  transform: translate(-50%, -50%);
  border-radius: 100%;
  transition: width 0.5s, height 0.5s;
  z-index: 1;
}

.elementor-88 .elementor-element.elementor-element-24ba611:hover::after {
  width: 240%;
  height: 650%;
}

/* El texto del botón siempre por encima de la animación */
.elementor-88 .elementor-element.elementor-element-24ba611 span,
.elementor-88 .elementor-element.elementor-element-24ba611 .elementor-button-content-wrapper,
.elementor-88 .elementor-element.elementor-element-24ba611 .elementor-button-text {
  position: relative;
  z-index: 2;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-7d2f769 *//* Estilos base para el botón con gama de negros */
.elementor-88 .elementor-element.elementor-element-7d2f769 {
  background: linear-gradient(90deg, #232526 0%, #434343 100%);
  color: #fff;
  border: none;
  border-radius: 30px;
  padding: 12px 32px;
  font-weight: bold;
  font-size: 1rem;
  letter-spacing: 1px;
  box-shadow: 0 4px 16px rgba(0,0,0,0.20);
  transition: 
    transform 0.2s cubic-bezier(.25,.8,.25,1),
    box-shadow 0.2s cubic-bezier(.25,.8,.25,1),
    background 0.4s cubic-bezier(.25,.8,.25,1);
  position: relative;
  overflow: hidden;
  cursor: pointer;
}

/* Elimina cualquier fondo de los hijos del botón */
.elementor-88 .elementor-element.elementor-element-7d2f769 * {
  background: transparent !important;
  box-shadow: none !important;
}

/* Efecto de animación al hacer hover: invierte degradado a gris claro y oscuro */
.elementor-88 .elementor-element.elementor-element-7d2f769:hover {
  background: linear-gradient(90deg, #434343 0%, #232526 100%);
  transform: translateY(-3px) scale(1.06) rotate(-1deg);
  box-shadow: 0 8px 32px rgba(35,37,38,0.25);
}

/* Onda animada blanca al hacer hover */
.elementor-88 .elementor-element.elementor-element-7d2f769::after {
  content: '';
  position: absolute;
  left: 50%;
  top: 50%;
  width: 0;
  height: 0;
  background: rgba(255,255,255,0.10);
  transform: translate(-50%, -50%);
  border-radius: 100%;
  transition: width 0.5s, height 0.5s;
  z-index: 1;
}

.elementor-88 .elementor-element.elementor-element-7d2f769:hover::after {
  width: 240%;
  height: 650%;
}

/* El texto del botón siempre por encima de la animación */
.elementor-88 .elementor-element.elementor-element-7d2f769 span,
.elementor-88 .elementor-element.elementor-element-7d2f769 .elementor-button-content-wrapper,
.elementor-88 .elementor-element.elementor-element-7d2f769 .elementor-button-text {
  position: relative;
  z-index: 2;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-4acd114 *//* Estilos base para el botón con gama de negros */
.elementor-88 .elementor-element.elementor-element-4acd114 {
  background: linear-gradient(90deg, #232526 0%, #434343 100%);
  color: #fff;
  border: none;
  border-radius: 30px;
  padding: 12px 32px;
  font-weight: bold;
  font-size: 1rem;
  letter-spacing: 1px;
  box-shadow: 0 4px 16px rgba(0,0,0,0.20);
  transition: 
    transform 0.2s cubic-bezier(.25,.8,.25,1),
    box-shadow 0.2s cubic-bezier(.25,.8,.25,1),
    background 0.4s cubic-bezier(.25,.8,.25,1);
  position: relative;
  overflow: hidden;
  cursor: pointer;
}

/* Elimina cualquier fondo de los hijos del botón */
.elementor-88 .elementor-element.elementor-element-4acd114 * {
  background: transparent !important;
  box-shadow: none !important;
}

/* Efecto de animación al hacer hover: invierte degradado a gris claro y oscuro */
.elementor-88 .elementor-element.elementor-element-4acd114:hover {
  background: linear-gradient(90deg, #434343 0%, #232526 100%);
  transform: translateY(-3px) scale(1.06) rotate(-1deg);
  box-shadow: 0 8px 32px rgba(35,37,38,0.25);
}

/* Onda animada blanca al hacer hover */
.elementor-88 .elementor-element.elementor-element-4acd114::after {
  content: '';
  position: absolute;
  left: 50%;
  top: 50%;
  width: 0;
  height: 0;
  background: rgba(255,255,255,0.10);
  transform: translate(-50%, -50%);
  border-radius: 100%;
  transition: width 0.5s, height 0.5s;
  z-index: 1;
}

.elementor-88 .elementor-element.elementor-element-4acd114:hover::after {
  width: 240%;
  height: 650%;
}

/* El texto del botón siempre por encima de la animación */
.elementor-88 .elementor-element.elementor-element-4acd114 span,
.elementor-88 .elementor-element.elementor-element-4acd114 .elementor-button-content-wrapper,
.elementor-88 .elementor-element.elementor-element-4acd114 .elementor-button-text {
  position: relative;
  z-index: 2;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-c63b633 *//* Estilos base para el botón con gama de negros */
.elementor-88 .elementor-element.elementor-element-c63b633 {
  background: linear-gradient(90deg, #232526 0%, #434343 100%);
  color: #fff;
  border: none;
  border-radius: 30px;
  padding: 12px 32px;
  font-weight: bold;
  font-size: 1rem;
  letter-spacing: 1px;
  box-shadow: 0 4px 16px rgba(0,0,0,0.20);
  transition: 
    transform 0.2s cubic-bezier(.25,.8,.25,1),
    box-shadow 0.2s cubic-bezier(.25,.8,.25,1),
    background 0.4s cubic-bezier(.25,.8,.25,1);
  position: relative;
  overflow: hidden;
  cursor: pointer;
}

/* Elimina cualquier fondo de los hijos del botón */
.elementor-88 .elementor-element.elementor-element-c63b633 * {
  background: transparent !important;
  box-shadow: none !important;
}

/* Efecto de animación al hacer hover: invierte degradado a gris claro y oscuro */
.elementor-88 .elementor-element.elementor-element-c63b633:hover {
  background: linear-gradient(90deg, #434343 0%, #232526 100%);
  transform: translateY(-3px) scale(1.06) rotate(-1deg);
  box-shadow: 0 8px 32px rgba(35,37,38,0.25);
}

/* Onda animada blanca al hacer hover */
.elementor-88 .elementor-element.elementor-element-c63b633::after {
  content: '';
  position: absolute;
  left: 50%;
  top: 50%;
  width: 0;
  height: 0;
  background: rgba(255,255,255,0.10);
  transform: translate(-50%, -50%);
  border-radius: 100%;
  transition: width 0.5s, height 0.5s;
  z-index: 1;
}

.elementor-88 .elementor-element.elementor-element-c63b633:hover::after {
  width: 240%;
  height: 650%;
}

/* El texto del botón siempre por encima de la animación */
.elementor-88 .elementor-element.elementor-element-c63b633 span,
.elementor-88 .elementor-element.elementor-element-c63b633 .elementor-button-content-wrapper,
.elementor-88 .elementor-element.elementor-element-c63b633 .elementor-button-text {
  position: relative;
  z-index: 2;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-8365c5d *//* Estilos base para el botón con gama de negros */
.elementor-88 .elementor-element.elementor-element-8365c5d {
  background: linear-gradient(90deg, #232526 0%, #434343 100%);
  color: #fff;
  border: none;
  border-radius: 30px;
  padding: 12px 32px;
  font-weight: bold;
  font-size: 1rem;
  letter-spacing: 1px;
  box-shadow: 0 4px 16px rgba(0,0,0,0.20);
  transition: 
    transform 0.2s cubic-bezier(.25,.8,.25,1),
    box-shadow 0.2s cubic-bezier(.25,.8,.25,1),
    background 0.4s cubic-bezier(.25,.8,.25,1);
  position: relative;
  overflow: hidden;
  cursor: pointer;
}

/* Elimina cualquier fondo de los hijos del botón */
.elementor-88 .elementor-element.elementor-element-8365c5d * {
  background: transparent !important;
  box-shadow: none !important;
}

/* Efecto de animación al hacer hover: invierte degradado a gris claro y oscuro */
.elementor-88 .elementor-element.elementor-element-8365c5d:hover {
  background: linear-gradient(90deg, #434343 0%, #232526 100%);
  transform: translateY(-3px) scale(1.06) rotate(-1deg);
  box-shadow: 0 8px 32px rgba(35,37,38,0.25);
}

/* Onda animada blanca al hacer hover */
.elementor-88 .elementor-element.elementor-element-8365c5d::after {
  content: '';
  position: absolute;
  left: 50%;
  top: 50%;
  width: 0;
  height: 0;
  background: rgba(255,255,255,0.10);
  transform: translate(-50%, -50%);
  border-radius: 100%;
  transition: width 0.5s, height 0.5s;
  z-index: 1;
}

.elementor-88 .elementor-element.elementor-element-8365c5d:hover::after {
  width: 240%;
  height: 650%;
}

/* El texto del botón siempre por encima de la animación */
.elementor-88 .elementor-element.elementor-element-8365c5d span,
.elementor-88 .elementor-element.elementor-element-8365c5d .elementor-button-content-wrapper,
.elementor-88 .elementor-element.elementor-element-8365c5d .elementor-button-text {
  position: relative;
  z-index: 2;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-66985d8 *//* Estilos base para el botón con gama de negros */
.elementor-88 .elementor-element.elementor-element-66985d8 {
  background: linear-gradient(90deg, #232526 0%, #434343 100%);
  color: #fff;
  border: none;
  border-radius: 30px;
  padding: 12px 32px;
  font-weight: bold;
  font-size: 1rem;
  letter-spacing: 1px;
  box-shadow: 0 4px 16px rgba(0,0,0,0.20);
  transition: 
    transform 0.2s cubic-bezier(.25,.8,.25,1),
    box-shadow 0.2s cubic-bezier(.25,.8,.25,1),
    background 0.4s cubic-bezier(.25,.8,.25,1);
  position: relative;
  overflow: hidden;
  cursor: pointer;
}

/* Elimina cualquier fondo de los hijos del botón */
.elementor-88 .elementor-element.elementor-element-66985d8 * {
  background: transparent !important;
  box-shadow: none !important;
}

/* Efecto de animación al hacer hover: invierte degradado a gris claro y oscuro */
.elementor-88 .elementor-element.elementor-element-66985d8:hover {
  background: linear-gradient(90deg, #434343 0%, #232526 100%);
  transform: translateY(-3px) scale(1.06) rotate(-1deg);
  box-shadow: 0 8px 32px rgba(35,37,38,0.25);
}

/* Onda animada blanca al hacer hover */
.elementor-88 .elementor-element.elementor-element-66985d8::after {
  content: '';
  position: absolute;
  left: 50%;
  top: 50%;
  width: 0;
  height: 0;
  background: rgba(255,255,255,0.10);
  transform: translate(-50%, -50%);
  border-radius: 100%;
  transition: width 0.5s, height 0.5s;
  z-index: 1;
}

.elementor-88 .elementor-element.elementor-element-66985d8:hover::after {
  width: 240%;
  height: 650%;
}

/* El texto del botón siempre por encima de la animación */
.elementor-88 .elementor-element.elementor-element-66985d8 span,
.elementor-88 .elementor-element.elementor-element-66985d8 .elementor-button-content-wrapper,
.elementor-88 .elementor-element.elementor-element-66985d8 .elementor-button-text {
  position: relative;
  z-index: 2;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-e3a0b40 *//* Estilos base para el botón con gama de negros */
.elementor-88 .elementor-element.elementor-element-e3a0b40 {
  background: linear-gradient(90deg, #232526 0%, #434343 100%);
  color: #fff;
  border: none;
  border-radius: 30px;
  padding: 12px 32px;
  font-weight: bold;
  font-size: 1rem;
  letter-spacing: 1px;
  box-shadow: 0 4px 16px rgba(0,0,0,0.20);
  transition: 
    transform 0.2s cubic-bezier(.25,.8,.25,1),
    box-shadow 0.2s cubic-bezier(.25,.8,.25,1),
    background 0.4s cubic-bezier(.25,.8,.25,1);
  position: relative;
  overflow: hidden;
  cursor: pointer;
}

/* Elimina cualquier fondo de los hijos del botón */
.elementor-88 .elementor-element.elementor-element-e3a0b40 * {
  background: transparent !important;
  box-shadow: none !important;
}

/* Efecto de animación al hacer hover: invierte degradado a gris claro y oscuro */
.elementor-88 .elementor-element.elementor-element-e3a0b40:hover {
  background: linear-gradient(90deg, #434343 0%, #232526 100%);
  transform: translateY(-3px) scale(1.06) rotate(-1deg);
  box-shadow: 0 8px 32px rgba(35,37,38,0.25);
}

/* Onda animada blanca al hacer hover */
.elementor-88 .elementor-element.elementor-element-e3a0b40::after {
  content: '';
  position: absolute;
  left: 50%;
  top: 50%;
  width: 0;
  height: 0;
  background: rgba(255,255,255,0.10);
  transform: translate(-50%, -50%);
  border-radius: 100%;
  transition: width 0.5s, height 0.5s;
  z-index: 1;
}

.elementor-88 .elementor-element.elementor-element-e3a0b40:hover::after {
  width: 240%;
  height: 650%;
}

/* El texto del botón siempre por encima de la animación */
.elementor-88 .elementor-element.elementor-element-e3a0b40 span,
.elementor-88 .elementor-element.elementor-element-e3a0b40 .elementor-button-content-wrapper,
.elementor-88 .elementor-element.elementor-element-e3a0b40 .elementor-button-text {
  position: relative;
  z-index: 2;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-3d9ea03 *//* Estilos base para el botón con gama de negros */
.elementor-88 .elementor-element.elementor-element-3d9ea03 {
  background: linear-gradient(90deg, #232526 0%, #434343 100%);
  color: #fff;
  border: none;
  border-radius: 30px;
  padding: 12px 32px;
  font-weight: bold;
  font-size: 1rem;
  letter-spacing: 1px;
  box-shadow: 0 4px 16px rgba(0,0,0,0.20);
  transition: 
    transform 0.2s cubic-bezier(.25,.8,.25,1),
    box-shadow 0.2s cubic-bezier(.25,.8,.25,1),
    background 0.4s cubic-bezier(.25,.8,.25,1);
  position: relative;
  overflow: hidden;
  cursor: pointer;
}

/* Elimina cualquier fondo de los hijos del botón */
.elementor-88 .elementor-element.elementor-element-3d9ea03 * {
  background: transparent !important;
  box-shadow: none !important;
}

/* Efecto de animación al hacer hover: invierte degradado a gris claro y oscuro */
.elementor-88 .elementor-element.elementor-element-3d9ea03:hover {
  background: linear-gradient(90deg, #434343 0%, #232526 100%);
  transform: translateY(-3px) scale(1.06) rotate(-1deg);
  box-shadow: 0 8px 32px rgba(35,37,38,0.25);
}

/* Onda animada blanca al hacer hover */
.elementor-88 .elementor-element.elementor-element-3d9ea03::after {
  content: '';
  position: absolute;
  left: 50%;
  top: 50%;
  width: 0;
  height: 0;
  background: rgba(255,255,255,0.10);
  transform: translate(-50%, -50%);
  border-radius: 100%;
  transition: width 0.5s, height 0.5s;
  z-index: 1;
}

.elementor-88 .elementor-element.elementor-element-3d9ea03:hover::after {
  width: 240%;
  height: 650%;
}

/* El texto del botón siempre por encima de la animación */
.elementor-88 .elementor-element.elementor-element-3d9ea03 span,
.elementor-88 .elementor-element.elementor-element-3d9ea03 .elementor-button-content-wrapper,
.elementor-88 .elementor-element.elementor-element-3d9ea03 .elementor-button-text {
  position: relative;
  z-index: 2;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-aaa175a *//* Estilos base para el botón con gama de negros */
.elementor-88 .elementor-element.elementor-element-aaa175a {
  background: linear-gradient(90deg, #232526 0%, #434343 100%);
  color: #fff;
  border: none;
  border-radius: 30px;
  padding: 12px 32px;
  font-weight: bold;
  font-size: 1rem;
  letter-spacing: 1px;
  box-shadow: 0 4px 16px rgba(0,0,0,0.20);
  transition: 
    transform 0.2s cubic-bezier(.25,.8,.25,1),
    box-shadow 0.2s cubic-bezier(.25,.8,.25,1),
    background 0.4s cubic-bezier(.25,.8,.25,1);
  position: relative;
  overflow: hidden;
  cursor: pointer;
}

/* Elimina cualquier fondo de los hijos del botón */
.elementor-88 .elementor-element.elementor-element-aaa175a * {
  background: transparent !important;
  box-shadow: none !important;
}

/* Efecto de animación al hacer hover: invierte degradado a gris claro y oscuro */
.elementor-88 .elementor-element.elementor-element-aaa175a:hover {
  background: linear-gradient(90deg, #434343 0%, #232526 100%);
  transform: translateY(-3px) scale(1.06) rotate(-1deg);
  box-shadow: 0 8px 32px rgba(35,37,38,0.25);
}

/* Onda animada blanca al hacer hover */
.elementor-88 .elementor-element.elementor-element-aaa175a::after {
  content: '';
  position: absolute;
  left: 50%;
  top: 50%;
  width: 0;
  height: 0;
  background: rgba(255,255,255,0.10);
  transform: translate(-50%, -50%);
  border-radius: 100%;
  transition: width 0.5s, height 0.5s;
  z-index: 1;
}

.elementor-88 .elementor-element.elementor-element-aaa175a:hover::after {
  width: 240%;
  height: 650%;
}

/* El texto del botón siempre por encima de la animación */
.elementor-88 .elementor-element.elementor-element-aaa175a span,
.elementor-88 .elementor-element.elementor-element-aaa175a .elementor-button-content-wrapper,
.elementor-88 .elementor-element.elementor-element-aaa175a .elementor-button-text {
  position: relative;
  z-index: 2;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-010440f *//* Estilos base para el botón con gama de negros */
.elementor-88 .elementor-element.elementor-element-010440f {
  background: linear-gradient(90deg, #232526 0%, #434343 100%);
  color: #fff;
  border: none;
  border-radius: 30px;
  padding: 12px 32px;
  font-weight: bold;
  font-size: 1rem;
  letter-spacing: 1px;
  box-shadow: 0 4px 16px rgba(0,0,0,0.20);
  transition: 
    transform 0.2s cubic-bezier(.25,.8,.25,1),
    box-shadow 0.2s cubic-bezier(.25,.8,.25,1),
    background 0.4s cubic-bezier(.25,.8,.25,1);
  position: relative;
  overflow: hidden;
  cursor: pointer;
}

/* Elimina cualquier fondo de los hijos del botón */
.elementor-88 .elementor-element.elementor-element-010440f * {
  background: transparent !important;
  box-shadow: none !important;
}

/* Efecto de animación al hacer hover: invierte degradado a gris claro y oscuro */
.elementor-88 .elementor-element.elementor-element-010440f:hover {
  background: linear-gradient(90deg, #434343 0%, #232526 100%);
  transform: translateY(-3px) scale(1.06) rotate(-1deg);
  box-shadow: 0 8px 32px rgba(35,37,38,0.25);
}

/* Onda animada blanca al hacer hover */
.elementor-88 .elementor-element.elementor-element-010440f::after {
  content: '';
  position: absolute;
  left: 50%;
  top: 50%;
  width: 0;
  height: 0;
  background: rgba(255,255,255,0.10);
  transform: translate(-50%, -50%);
  border-radius: 100%;
  transition: width 0.5s, height 0.5s;
  z-index: 1;
}

.elementor-88 .elementor-element.elementor-element-010440f:hover::after {
  width: 240%;
  height: 650%;
}

/* El texto del botón siempre por encima de la animación */
.elementor-88 .elementor-element.elementor-element-010440f span,
.elementor-88 .elementor-element.elementor-element-010440f .elementor-button-content-wrapper,
.elementor-88 .elementor-element.elementor-element-010440f .elementor-button-text {
  position: relative;
  z-index: 2;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-a96b587 *//* Estilos base para el botón con gama de negros */
.elementor-88 .elementor-element.elementor-element-a96b587 {
  background: linear-gradient(90deg, #232526 0%, #434343 100%);
  color: #fff;
  border: none;
  border-radius: 30px;
  padding: 12px 32px;
  font-weight: bold;
  font-size: 1rem;
  letter-spacing: 1px;
  box-shadow: 0 4px 16px rgba(0,0,0,0.20);
  transition: 
    transform 0.2s cubic-bezier(.25,.8,.25,1),
    box-shadow 0.2s cubic-bezier(.25,.8,.25,1),
    background 0.4s cubic-bezier(.25,.8,.25,1);
  position: relative;
  overflow: hidden;
  cursor: pointer;
}

/* Elimina cualquier fondo de los hijos del botón */
.elementor-88 .elementor-element.elementor-element-a96b587 * {
  background: transparent !important;
  box-shadow: none !important;
}

/* Efecto de animación al hacer hover: invierte degradado a gris claro y oscuro */
.elementor-88 .elementor-element.elementor-element-a96b587:hover {
  background: linear-gradient(90deg, #434343 0%, #232526 100%);
  transform: translateY(-3px) scale(1.06) rotate(-1deg);
  box-shadow: 0 8px 32px rgba(35,37,38,0.25);
}

/* Onda animada blanca al hacer hover */
.elementor-88 .elementor-element.elementor-element-a96b587::after {
  content: '';
  position: absolute;
  left: 50%;
  top: 50%;
  width: 0;
  height: 0;
  background: rgba(255,255,255,0.10);
  transform: translate(-50%, -50%);
  border-radius: 100%;
  transition: width 0.5s, height 0.5s;
  z-index: 1;
}

.elementor-88 .elementor-element.elementor-element-a96b587:hover::after {
  width: 240%;
  height: 650%;
}

/* El texto del botón siempre por encima de la animación */
.elementor-88 .elementor-element.elementor-element-a96b587 span,
.elementor-88 .elementor-element.elementor-element-a96b587 .elementor-button-content-wrapper,
.elementor-88 .elementor-element.elementor-element-a96b587 .elementor-button-text {
  position: relative;
  z-index: 2;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-0d49ed4 *//* Estilos base para el botón con gama de negros */
.elementor-88 .elementor-element.elementor-element-0d49ed4 {
  background: linear-gradient(90deg, #232526 0%, #434343 100%);
  color: #fff;
  border: none;
  border-radius: 30px;
  padding: 12px 32px;
  font-weight: bold;
  font-size: 1rem;
  letter-spacing: 1px;
  box-shadow: 0 4px 16px rgba(0,0,0,0.20);
  transition: 
    transform 0.2s cubic-bezier(.25,.8,.25,1),
    box-shadow 0.2s cubic-bezier(.25,.8,.25,1),
    background 0.4s cubic-bezier(.25,.8,.25,1);
  position: relative;
  overflow: hidden;
  cursor: pointer;
}

/* Elimina cualquier fondo de los hijos del botón */
.elementor-88 .elementor-element.elementor-element-0d49ed4 * {
  background: transparent !important;
  box-shadow: none !important;
}

/* Efecto de animación al hacer hover: invierte degradado a gris claro y oscuro */
.elementor-88 .elementor-element.elementor-element-0d49ed4:hover {
  background: linear-gradient(90deg, #434343 0%, #232526 100%);
  transform: translateY(-3px) scale(1.06) rotate(-1deg);
  box-shadow: 0 8px 32px rgba(35,37,38,0.25);
}

/* Onda animada blanca al hacer hover */
.elementor-88 .elementor-element.elementor-element-0d49ed4::after {
  content: '';
  position: absolute;
  left: 50%;
  top: 50%;
  width: 0;
  height: 0;
  background: rgba(255,255,255,0.10);
  transform: translate(-50%, -50%);
  border-radius: 100%;
  transition: width 0.5s, height 0.5s;
  z-index: 1;
}

.elementor-88 .elementor-element.elementor-element-0d49ed4:hover::after {
  width: 240%;
  height: 650%;
}

/* El texto del botón siempre por encima de la animación */
.elementor-88 .elementor-element.elementor-element-0d49ed4 span,
.elementor-88 .elementor-element.elementor-element-0d49ed4 .elementor-button-content-wrapper,
.elementor-88 .elementor-element.elementor-element-0d49ed4 .elementor-button-text {
  position: relative;
  z-index: 2;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-f064201 *//* Estilos base para el botón con gama de negros */
.elementor-88 .elementor-element.elementor-element-f064201 {
  background: linear-gradient(90deg, #232526 0%, #434343 100%);
  color: #fff;
  border: none;
  border-radius: 30px;
  padding: 12px 32px;
  font-weight: bold;
  font-size: 1rem;
  letter-spacing: 1px;
  box-shadow: 0 4px 16px rgba(0,0,0,0.20);
  transition: 
    transform 0.2s cubic-bezier(.25,.8,.25,1),
    box-shadow 0.2s cubic-bezier(.25,.8,.25,1),
    background 0.4s cubic-bezier(.25,.8,.25,1);
  position: relative;
  overflow: hidden;
  cursor: pointer;
}

/* Elimina cualquier fondo de los hijos del botón */
.elementor-88 .elementor-element.elementor-element-f064201 * {
  background: transparent !important;
  box-shadow: none !important;
}

/* Efecto de animación al hacer hover: invierte degradado a gris claro y oscuro */
.elementor-88 .elementor-element.elementor-element-f064201:hover {
  background: linear-gradient(90deg, #434343 0%, #232526 100%);
  transform: translateY(-3px) scale(1.06) rotate(-1deg);
  box-shadow: 0 8px 32px rgba(35,37,38,0.25);
}

/* Onda animada blanca al hacer hover */
.elementor-88 .elementor-element.elementor-element-f064201::after {
  content: '';
  position: absolute;
  left: 50%;
  top: 50%;
  width: 0;
  height: 0;
  background: rgba(255,255,255,0.10);
  transform: translate(-50%, -50%);
  border-radius: 100%;
  transition: width 0.5s, height 0.5s;
  z-index: 1;
}

.elementor-88 .elementor-element.elementor-element-f064201:hover::after {
  width: 240%;
  height: 650%;
}

/* El texto del botón siempre por encima de la animación */
.elementor-88 .elementor-element.elementor-element-f064201 span,
.elementor-88 .elementor-element.elementor-element-f064201 .elementor-button-content-wrapper,
.elementor-88 .elementor-element.elementor-element-f064201 .elementor-button-text {
  position: relative;
  z-index: 2;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-073c18c *//* Estilos base para el botón con gama de negros */
.elementor-88 .elementor-element.elementor-element-073c18c {
  background: linear-gradient(90deg, #232526 0%, #434343 100%);
  color: #fff;
  border: none;
  border-radius: 30px;
  padding: 12px 32px;
  font-weight: bold;
  font-size: 1rem;
  letter-spacing: 1px;
  box-shadow: 0 4px 16px rgba(0,0,0,0.20);
  transition: 
    transform 0.2s cubic-bezier(.25,.8,.25,1),
    box-shadow 0.2s cubic-bezier(.25,.8,.25,1),
    background 0.4s cubic-bezier(.25,.8,.25,1);
  position: relative;
  overflow: hidden;
  cursor: pointer;
}

/* Elimina cualquier fondo de los hijos del botón */
.elementor-88 .elementor-element.elementor-element-073c18c * {
  background: transparent !important;
  box-shadow: none !important;
}

/* Efecto de animación al hacer hover: invierte degradado a gris claro y oscuro */
.elementor-88 .elementor-element.elementor-element-073c18c:hover {
  background: linear-gradient(90deg, #434343 0%, #232526 100%);
  transform: translateY(-3px) scale(1.06) rotate(-1deg);
  box-shadow: 0 8px 32px rgba(35,37,38,0.25);
}

/* Onda animada blanca al hacer hover */
.elementor-88 .elementor-element.elementor-element-073c18c::after {
  content: '';
  position: absolute;
  left: 50%;
  top: 50%;
  width: 0;
  height: 0;
  background: rgba(255,255,255,0.10);
  transform: translate(-50%, -50%);
  border-radius: 100%;
  transition: width 0.5s, height 0.5s;
  z-index: 1;
}

.elementor-88 .elementor-element.elementor-element-073c18c:hover::after {
  width: 240%;
  height: 650%;
}

/* El texto del botón siempre por encima de la animación */
.elementor-88 .elementor-element.elementor-element-073c18c span,
.elementor-88 .elementor-element.elementor-element-073c18c .elementor-button-content-wrapper,
.elementor-88 .elementor-element.elementor-element-073c18c .elementor-button-text {
  position: relative;
  z-index: 2;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-14ceaa9 *//* Estilos base para el botón con gama de negros */
.elementor-88 .elementor-element.elementor-element-14ceaa9 {
  background: linear-gradient(90deg, #232526 0%, #434343 100%);
  color: #fff;
  border: none;
  border-radius: 30px;
  padding: 12px 32px;
  font-weight: bold;
  font-size: 1rem;
  letter-spacing: 1px;
  box-shadow: 0 4px 16px rgba(0,0,0,0.20);
  transition: 
    transform 0.2s cubic-bezier(.25,.8,.25,1),
    box-shadow 0.2s cubic-bezier(.25,.8,.25,1),
    background 0.4s cubic-bezier(.25,.8,.25,1);
  position: relative;
  overflow: hidden;
  cursor: pointer;
}

/* Elimina cualquier fondo de los hijos del botón */
.elementor-88 .elementor-element.elementor-element-14ceaa9 * {
  background: transparent !important;
  box-shadow: none !important;
}

/* Efecto de animación al hacer hover: invierte degradado a gris claro y oscuro */
.elementor-88 .elementor-element.elementor-element-14ceaa9:hover {
  background: linear-gradient(90deg, #434343 0%, #232526 100%);
  transform: translateY(-3px) scale(1.06) rotate(-1deg);
  box-shadow: 0 8px 32px rgba(35,37,38,0.25);
}

/* Onda animada blanca al hacer hover */
.elementor-88 .elementor-element.elementor-element-14ceaa9::after {
  content: '';
  position: absolute;
  left: 50%;
  top: 50%;
  width: 0;
  height: 0;
  background: rgba(255,255,255,0.10);
  transform: translate(-50%, -50%);
  border-radius: 100%;
  transition: width 0.5s, height 0.5s;
  z-index: 1;
}

.elementor-88 .elementor-element.elementor-element-14ceaa9:hover::after {
  width: 240%;
  height: 650%;
}

/* El texto del botón siempre por encima de la animación */
.elementor-88 .elementor-element.elementor-element-14ceaa9 span,
.elementor-88 .elementor-element.elementor-element-14ceaa9 .elementor-button-content-wrapper,
.elementor-88 .elementor-element.elementor-element-14ceaa9 .elementor-button-text {
  position: relative;
  z-index: 2;
}/* End custom CSS */