.elementor-596 .elementor-element.elementor-element-5511bdad{--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;--overlay-opacity:1;--padding-top:100px;--padding-bottom:100px;--padding-left:30px;--padding-right:30px;}.elementor-596 .elementor-element.elementor-element-5511bdad::before, .elementor-596 .elementor-element.elementor-element-5511bdad > .elementor-background-video-container::before, .elementor-596 .elementor-element.elementor-element-5511bdad > .e-con-inner > .elementor-background-video-container::before, .elementor-596 .elementor-element.elementor-element-5511bdad > .elementor-background-slideshow::before, .elementor-596 .elementor-element.elementor-element-5511bdad > .e-con-inner > .elementor-background-slideshow::before, .elementor-596 .elementor-element.elementor-element-5511bdad > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-image:url("https://purple-box.ai/wp-content/uploads/2025/08/grad-izq.png");--background-overlay:'';background-position:center left;background-repeat:no-repeat;background-size:contain;}.elementor-596 .elementor-element.elementor-element-5511bdad.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-596 .elementor-element.elementor-element-4d67e978{--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;--padding-top:0px;--padding-bottom:50px;--padding-left:0px;--padding-right:0px;}.elementor-596 .elementor-element.elementor-element-14969205{--display:flex;--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;--align-items:flex-start;--gap:15px 15px;--row-gap:15px;--column-gap:15px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-596 .elementor-element.elementor-element-60128990{width:auto;max-width:auto;padding:10px 20px 9px 20px;border-style:solid;border-width:1px 1px 1px 1px;border-color:var( --e-global-color-text );border-radius:5px 5px 5px 5px;}.elementor-596 .elementor-element.elementor-element-73f2b562{width:var( --container-widget-width, 70% );max-width:70%;--container-widget-width:70%;--container-widget-flex-grow:0;}.elementor-596 .elementor-element.elementor-element-6bd648c6{--display:flex;--justify-content:flex-end;--align-items:flex-end;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-596 .elementor-element.elementor-element-12f0cfd2 .premium-button-text-icon-wrapper svg:not(.premium-btn-svg) *{stroke-width:1;}.elementor-596 .elementor-element.elementor-element-12f0cfd2 .premium-button-text-icon-wrapper i{font-size:1.5em;color:var( --e-global-color-84bf42a );}.elementor-596 .elementor-element.elementor-element-12f0cfd2 .premium-button-text-icon-wrapper svg{width:1.5em !important;height:1.5em !important;}.elementor-596 .elementor-element.elementor-element-12f0cfd2 .premium-button-text-icon-wrapper i, .elementor-596 .elementor-element.elementor-element-12f0cfd2 .premium-button-text-icon-wrapper svg{margin-left:20px;}.elementor-596 .elementor-element.elementor-element-12f0cfd2{text-align:center;}.elementor-596 .elementor-element.elementor-element-12f0cfd2 .premium-button{font-weight:400;border-radius:5px;}.elementor-596 .elementor-element.elementor-element-12f0cfd2 .premium-button .premium-button-text-icon-wrapper span{color:var( --e-global-color-84bf42a );}.elementor-596 .elementor-element.elementor-element-12f0cfd2 .premium-drawable-icon *, .elementor-596 .elementor-element.elementor-element-12f0cfd2 .premium-button-text-icon-wrapper svg:not([class*="premium-"]){fill:var( --e-global-color-84bf42a );}.elementor-596 .elementor-element.elementor-element-12f0cfd2 .premium-button, .elementor-596 .elementor-element.elementor-element-12f0cfd2 .premium-button.premium-button-style2-shutinhor:before , .elementor-596 .elementor-element.elementor-element-12f0cfd2 .premium-button.premium-button-style2-shutinver:before , .elementor-596 .elementor-element.elementor-element-12f0cfd2 .premium-button-style5-radialin:before , .elementor-596 .elementor-element.elementor-element-12f0cfd2 .premium-button-style5-rectin:before{background-color:var( --e-global-color-text );}.elementor-596 .elementor-element.elementor-element-12f0cfd2 .premium-button, .elementor-596 .elementor-element.elementor-element-12f0cfd2 .premium-button-line6::after{padding:7px 25px 5px 25px;}.elementor-596 .elementor-element.elementor-element-12f0cfd2 .premium-button:hover .premium-button-text-icon-wrapper span, .elementor-596 .elementor-element.elementor-element-12f0cfd2 .premium-button-line6::after{color:var( --e-global-color-text );}.elementor-596 .elementor-element.elementor-element-12f0cfd2 .premium-button:hover .premium-button-text-icon-wrapper i{color:var( --e-global-color-text );}.elementor-596 .elementor-element.elementor-element-12f0cfd2 .premium-button:hover .premium-drawable-icon *, .elementor-596 .elementor-element.elementor-element-12f0cfd2 .premium-button:hover svg:not([class*="premium-"]){fill:var( --e-global-color-text );}.elementor-596 .elementor-element.elementor-element-12f0cfd2 .premium-button-none:hover, .elementor-596 .elementor-element.elementor-element-12f0cfd2 .premium-button-style8:hover, .elementor-596 .elementor-element.elementor-element-12f0cfd2 .premium-button-style1:before, .elementor-596 .elementor-element.elementor-element-12f0cfd2 .premium-button-style2-shutouthor:before, .elementor-596 .elementor-element.elementor-element-12f0cfd2 .premium-button-style2-shutoutver:before, .elementor-596 .elementor-element.elementor-element-12f0cfd2 .premium-button-style2-shutinhor, .elementor-596 .elementor-element.elementor-element-12f0cfd2 .premium-button-style2-shutinver, .elementor-596 .elementor-element.elementor-element-12f0cfd2 .premium-button-style2-dshutinhor:before, .elementor-596 .elementor-element.elementor-element-12f0cfd2 .premium-button-style2-dshutinver:before, .elementor-596 .elementor-element.elementor-element-12f0cfd2 .premium-button-style2-scshutouthor:before, .elementor-596 .elementor-element.elementor-element-12f0cfd2 .premium-button-style2-scshutoutver:before, .elementor-596 .elementor-element.elementor-element-12f0cfd2 .premium-button-style3-after:hover, .elementor-596 .elementor-element.elementor-element-12f0cfd2 .premium-button-style3-before:hover, .elementor-596 .elementor-element.elementor-element-12f0cfd2 .premium-button-style4-icon-wrapper, .elementor-596 .elementor-element.elementor-element-12f0cfd2 .premium-button-style5-radialin, .elementor-596 .elementor-element.elementor-element-12f0cfd2 .premium-button-style5-radialout:before, .elementor-596 .elementor-element.elementor-element-12f0cfd2 .premium-button-style5-rectin, .elementor-596 .elementor-element.elementor-element-12f0cfd2 .premium-button-style5-rectout:before, .elementor-596 .elementor-element.elementor-element-12f0cfd2 .premium-button-style6-bg, .elementor-596 .elementor-element.elementor-element-12f0cfd2 .premium-button-style6:before{background-color:var( --e-global-color-secondary );}.elementor-596 .elementor-element.elementor-element-2b7acbf8{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:space-between;--align-items:stretch;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-596 .elementor-element.elementor-element-3ea4ccda{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--border-radius:10px 10px 10px 10px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-596 .elementor-element.elementor-element-3ea4ccda:not(.elementor-motion-effects-element-type-background), .elementor-596 .elementor-element.elementor-element-3ea4ccda > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-0ada104 );}.elementor-596 .elementor-element.elementor-element-3ea4ccda.e-con:hover{--e-con-transform-scale:1.05;}.elementor-596 .elementor-element.elementor-element-4f9979c6{--display:flex;--align-items:flex-start;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--padding-top:30px;--padding-bottom:20px;--padding-left:30px;--padding-right:30px;}.elementor-596 .elementor-element.elementor-element-352f5a97 .premium-svg-draw svg{width:100px;height:100px;color:var( --e-global-color-text );}.elementor-596 .elementor-element.elementor-element-352f5a97 .premium-svg-draw{text-align:center;}.elementor-596 .elementor-element.elementor-element-352f5a97 .premium-svg-draw svg *{stroke:var( --e-global-color-text );}.elementor-596 .elementor-element.elementor-element-352f5a97 .premium-svg-draw svg path, .elementor-596 .elementor-element.elementor-element-352f5a97 .premium-svg-draw svg circle, .elementor-596 .elementor-element.elementor-element-352f5a97 .premium-svg-draw svg square, .elementor-596 .elementor-element.elementor-element-352f5a97 .premium-svg-draw svg ellipse, .elementor-596 .elementor-element.elementor-element-352f5a97 .premium-svg-draw svg rect, .elementor-596 .elementor-element.elementor-element-352f5a97 .premium-svg-draw svg polyline, .elementor-596 .elementor-element.elementor-element-352f5a97 .premium-svg-draw svg line{stroke-width:3;}.elementor-596 .elementor-element.elementor-element-74dd6fbb{--display:flex;--padding-top:0px;--padding-bottom:30px;--padding-left:30px;--padding-right:30px;}.elementor-596 .elementor-element.elementor-element-75d40c97 .elementor-heading-title{font-size:20px;font-weight:700;}.elementor-596 .elementor-element.elementor-element-c342bcc .elementor-heading-title{font-size:30px;font-weight:700;}.elementor-596 .elementor-element.elementor-element-f921f51{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--border-radius:10px 10px 10px 10px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-596 .elementor-element.elementor-element-f921f51:not(.elementor-motion-effects-element-type-background), .elementor-596 .elementor-element.elementor-element-f921f51 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-0ada104 );}.elementor-596 .elementor-element.elementor-element-f921f51.e-con:hover{--e-con-transform-scale:1.05;}.elementor-596 .elementor-element.elementor-element-6bca8ece{--display:flex;--align-items:flex-start;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--padding-top:30px;--padding-bottom:30px;--padding-left:30px;--padding-right:30px;}.elementor-596 .elementor-element.elementor-element-52eeaff3 .premium-svg-draw svg{width:100px;height:100px;color:var( --e-global-color-text );}.elementor-596 .elementor-element.elementor-element-52eeaff3 .premium-svg-draw{text-align:center;}.elementor-596 .elementor-element.elementor-element-52eeaff3 .premium-svg-draw svg *{stroke:var( --e-global-color-text );}.elementor-596 .elementor-element.elementor-element-52eeaff3 .premium-svg-draw svg path, .elementor-596 .elementor-element.elementor-element-52eeaff3 .premium-svg-draw svg circle, .elementor-596 .elementor-element.elementor-element-52eeaff3 .premium-svg-draw svg square, .elementor-596 .elementor-element.elementor-element-52eeaff3 .premium-svg-draw svg ellipse, .elementor-596 .elementor-element.elementor-element-52eeaff3 .premium-svg-draw svg rect, .elementor-596 .elementor-element.elementor-element-52eeaff3 .premium-svg-draw svg polyline, .elementor-596 .elementor-element.elementor-element-52eeaff3 .premium-svg-draw svg line{stroke-width:3;}.elementor-596 .elementor-element.elementor-element-85b2b5c{--display:flex;--padding-top:0px;--padding-bottom:30px;--padding-left:30px;--padding-right:30px;}.elementor-596 .elementor-element.elementor-element-2fd15159 .elementor-heading-title{font-size:20px;font-weight:700;}.elementor-596 .elementor-element.elementor-element-7b57b4d5 .elementor-heading-title{font-size:30px;font-weight:700;}.elementor-596 .elementor-element.elementor-element-730c3b77{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--border-radius:10px 10px 10px 10px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-596 .elementor-element.elementor-element-730c3b77:not(.elementor-motion-effects-element-type-background), .elementor-596 .elementor-element.elementor-element-730c3b77 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-0ada104 );}.elementor-596 .elementor-element.elementor-element-730c3b77.e-con:hover{--e-con-transform-scale:1.05;}.elementor-596 .elementor-element.elementor-element-424760ba{--display:flex;--align-items:flex-start;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--padding-top:30px;--padding-bottom:30px;--padding-left:30px;--padding-right:30px;}.elementor-596 .elementor-element.elementor-element-63f25a4d .premium-svg-draw svg{width:100px;height:100px;color:var( --e-global-color-text );}.elementor-596 .elementor-element.elementor-element-63f25a4d .premium-svg-draw{text-align:center;}.elementor-596 .elementor-element.elementor-element-63f25a4d .premium-svg-draw svg *{stroke:var( --e-global-color-text );}.elementor-596 .elementor-element.elementor-element-63f25a4d .premium-svg-draw svg path, .elementor-596 .elementor-element.elementor-element-63f25a4d .premium-svg-draw svg circle, .elementor-596 .elementor-element.elementor-element-63f25a4d .premium-svg-draw svg square, .elementor-596 .elementor-element.elementor-element-63f25a4d .premium-svg-draw svg ellipse, .elementor-596 .elementor-element.elementor-element-63f25a4d .premium-svg-draw svg rect, .elementor-596 .elementor-element.elementor-element-63f25a4d .premium-svg-draw svg polyline, .elementor-596 .elementor-element.elementor-element-63f25a4d .premium-svg-draw svg line{stroke-width:3;}.elementor-596 .elementor-element.elementor-element-2a0fcd7f{--display:flex;--padding-top:0px;--padding-bottom:30px;--padding-left:30px;--padding-right:30px;}.elementor-596 .elementor-element.elementor-element-6f65e909 .elementor-heading-title{font-size:20px;font-weight:700;}.elementor-596 .elementor-element.elementor-element-1a7586db .elementor-heading-title{font-size:30px;font-weight:700;}@media(max-width:1024px){.elementor-596 .elementor-element.elementor-element-14969205{--gap:20px 20px;--row-gap:20px;--column-gap:20px;}.elementor-596 .elementor-element.elementor-element-73f2b562{--container-widget-width:100%;--container-widget-flex-grow:0;width:var( --container-widget-width, 100% );max-width:100%;}.elementor-596 .elementor-element.elementor-element-2b7acbf8{--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;}}@media(max-width:767px){.elementor-596 .elementor-element.elementor-element-6bd648c6{--align-items:flex-start;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-596 .elementor-element.elementor-element-12f0cfd2{text-align:center;}.elementor-596 .elementor-element.elementor-element-12f0cfd2 .premium-button{font-size:15px;}.elementor-596 .elementor-element.elementor-element-12f0cfd2 .premium-button, .elementor-596 .elementor-element.elementor-element-12f0cfd2 .premium-button-line6::after{padding:8px 10px 8px 10px;}.elementor-596 .elementor-element.elementor-element-74dd6fbb{--padding-top:0px;--padding-bottom:30px;--padding-left:30px;--padding-right:30px;}.elementor-596 .elementor-element.elementor-element-85b2b5c{--padding-top:0px;--padding-bottom:30px;--padding-left:30px;--padding-right:30px;}.elementor-596 .elementor-element.elementor-element-2a0fcd7f{--padding-top:0px;--padding-bottom:30px;--padding-left:30px;--padding-right:30px;}}@media(min-width:768px){.elementor-596 .elementor-element.elementor-element-14969205{--width:70%;}.elementor-596 .elementor-element.elementor-element-6bd648c6{--width:30%;}.elementor-596 .elementor-element.elementor-element-74dd6fbb{--width:100%;}.elementor-596 .elementor-element.elementor-element-85b2b5c{--width:100%;}.elementor-596 .elementor-element.elementor-element-2a0fcd7f{--width:100%;}}@media(max-width:1024px) and (min-width:768px){.elementor-596 .elementor-element.elementor-element-74dd6fbb{--width:100%;}.elementor-596 .elementor-element.elementor-element-85b2b5c{--width:100%;}.elementor-596 .elementor-element.elementor-element-2a0fcd7f{--width:100%;}}/* Start custom CSS */.gradient {
  position: relative;
  background-color: #201542; /* Color base */
  border-radius: 15px; /* Opcional */
  z-index: 1;
  overflow: hidden; /* Asegura que nada sobresalga */
}

/* Capa para la imagen + gradiente del rollover */
.gradient::before {
  position: absolute;
  content: "";
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;

  /* Fondo múltiple: gradiente arriba + imagen debajo */
  background-image:
    radial-gradient(circle at bottom left, #ff00ff, #10023600),
    url("https://purple-box.ai/wp-content/uploads/2025/08/img.png");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;

  z-index: -1;
  transition: opacity 0.3s linear;
  opacity: 0;
}

/* Efecto hover: aparece gradiente + imagen */
.gradient:hover::before {
  opacity: 1;
}

/* Stroke con gradiente usando ::after */
.gradient::after {
  content: "";
  
  opacity: 0.3;
  position: absolute;
  inset: 0; /* Ocupa todo el div */
  padding: 1px; /* Grosor del borde */
  border-radius: inherit;

  /* Gradiente del borde */
  background: linear-gradient(0deg, #120040, #bd00ff);

  /* Truco para que solo se vea el borde y no rellene */
  -webkit-mask:
    linear-gradient(#fff 0 0) content-box,
    linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
          mask-composite: exclude;

  pointer-events: none; /* El borde no bloquea el hover */
  z-index: 2; /* El borde queda arriba */
}

.div-gradient-border {
  position: relative;
  background-color: #201542; /* relleno */
  border-radius: 15px;
  overflow: hidden;
}

.div-gradient-border::before {
  content: "";
  position: absolute;
  inset: 0;
  padding: 1px; /* grosor del borde */
  border-radius: inherit;
  opacity: 0.3;
  background: linear-gradient(0deg, #120040, #bd00ff);
  -webkit-mask: 
    linear-gradient(#fff 0 0) content-box, 
    linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
          mask-composite: exclude;
  pointer-events: none;
}/* End custom CSS */