.elementor-239 .elementor-element.elementor-element-ab9c328{--display:flex;--min-height:100vh;--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-239 .elementor-element.elementor-element-9d9848c{--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;--justify-content:center;}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-239 .elementor-element.elementor-element-7a52afb img{border-radius:15px 15px 15px 15px;}.elementor-239 .elementor-element.elementor-element-d12e83c{--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;--justify-content:center;}.elementor-239 .elementor-element.elementor-element-df0402d{--display:flex;--padding-top:30px;--padding-bottom:30px;--padding-left:30px;--padding-right:30px;}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-239 .elementor-element.elementor-element-bfa82a9{font-family:"Syne", Sans-serif;font-weight:400;color:#ADACAC;}:root{--page-title-display:none;}@media(min-width:768px){.elementor-239 .elementor-element.elementor-element-9d9848c{--width:50%;}.elementor-239 .elementor-element.elementor-element-d12e83c{--width:50%;}}@media(max-width:1024px) and (min-width:768px){.elementor-239 .elementor-element.elementor-element-9d9848c{--width:77%;}.elementor-239 .elementor-element.elementor-element-d12e83c{--width:78%;}}@media(max-width:1024px){.elementor-239 .elementor-element.elementor-element-ab9c328{--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;}}@media(max-width:767px){.elementor-239 .elementor-element.elementor-element-df0402d{--padding-top:15px;--padding-bottom:15px;--padding-left:15px;--padding-right:15px;}}/* Start custom CSS for container, class: .elementor-element-df0402d */.homme {
  position: relative;
  border-radius: 15px;
  z-index: 0;
}

/* Pseudo-elemento para el borde animado */
.homme::before {
  content: "";
  position: absolute;
  inset: 0; /* cubre todo el div */
  border-radius: 15px;
  padding: 2.5px; /* grosor del borde */
  background: linear-gradient(270deg, #34e1a1, #3a7bd5, #6a11cb);
  background-size: 200% 200%;
  animation: borderGradient 8s ease infinite;
  -webkit-mask: 
    linear-gradient(#fff 0 0) content-box, 
    linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
          mask-composite: exclude;
  z-index: -1; /* se queda detrás del contenido */
}

/* Animación suave del gradiente */
@keyframes borderGradient {
  0% { background-position: 0% 50%; }
  50% { background-position: 100% 50%; }
  100% { background-position: 0% 50%; }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-ab9c328 */.piedepag {
  position: relative;
  overflow: hidden;
  background: #000000; /* Fondo negro puro */
}

.piedepag::before,
.piedepag::after {
  content: "";
  position: absolute;
  border-radius: 50%;
  filter: blur(120px);
  opacity: 0.5; /* Ajusta intensidad */
  pointer-events: none;
  z-index: 0;
}

/* Primer gradiente (superior izquierdo) */
.piedepag::before {
  width: 400px;
  height: 400px;
  top: -100px;
  left: -100px;
  background: radial-gradient(circle, rgba(97, 206, 185, 0.8), transparent 70%);
}

/* Segundo gradiente (superior derecho) */
.piedepag::after {
  width: 400px;
  height: 400px;
  top: -100px;
  right: -100px;
  background: radial-gradient(circle, rgba(97, 206, 185, 0.8), transparent 70%);
}

/* Asegura que el contenido quede por encima */
.piedepag > * {
  position: relative;
  z-index: 1;
}/* End custom CSS */