.elementor-kit-7{--e-global-color-primary:#1E1B4B;--e-global-color-secondary:#7C3AED;--e-global-color-text:#EC4899;--e-global-color-accent:#0B0618;--e-global-color-abf25ce:#FFFFFF;--e-global-color-9250bab:#0B63CE;--e-global-typography-primary-font-family:"Instrument Sans";--e-global-typography-primary-font-weight:700;--e-global-typography-secondary-font-family:"Poppins";--e-global-typography-secondary-font-weight:500;--e-global-typography-text-font-family:"Rubik";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Roboto";--e-global-typography-accent-font-weight:500;background-color:var( --e-global-color-text );}.elementor-kit-7 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 *//* ===== CARD PROBLEMA DEVILOPERS ===== */

.dev-card{
  display:flex;
  align-items:flex-start;
  gap:20px;
  padding:28px 32px;
  border-radius:18px;
  background:linear-gradient(145deg,#15151D,#111116);
  border:1px solid rgba(255,255,255,0.05);
  transition:all .35s ease;
  position:relative;
  overflow:hidden;
}

.dev-card::before{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(90deg, rgba(216,27,96,0.12), rgba(123,44,191,0.12));
  opacity:0;
  transition:.4s;
}

.dev-card:hover{
  transform:translateY(-6px);
  border:1px solid transparent;
  background:
    linear-gradient(#15151D,#15151D) padding-box,
    linear-gradient(90deg,#D81B60,#7B2CBF) border-box;
  box-shadow:0 15px 40px rgba(123,44,191,.25);
}

.dev-card:hover::before{
  opacity:1;
}

.dev-icon{
  width:52px;
  height:52px;
  min-width:52px;
  border-radius:14px;
  display:flex;
  align-items:center;
  justify-content:center;
  background:linear-gradient(135deg,#D81B60,#7B2CBF);
  box-shadow:0 8px 20px rgba(216,27,96,.35);
}

.dev-icon svg{
  width:24px;
  height:24px;
  stroke:#fff;
}

.dev-content h4{
  margin:0 0 8px 0;
  font-size:18px;
  font-weight:600;
  color:#fff;
}

.dev-content p{
  margin:0;
  font-size:14px;
  color:#9A9AAF;
  line-height:1.6;
}

/* ===== SOLUCIÓN - MÓDULOS ACTIVOS DEVILOPERS ===== */

.dev-solution-module{
  position:relative;
  display:flex;
  align-items:center;
  gap:24px;
  padding:28px 34px;
  border-radius:18px;
  background:linear-gradient(145deg,#13131A,#0F0F14);
  border:1px solid rgba(255,255,255,0.05);
  overflow:hidden;
  transition:all .45s cubic-bezier(.16,.8,.3,1);
  cursor:pointer;
}

/* línea energía inferior */
.dev-solution-module::after{
  content:"";
  position:absolute;
  bottom:0;
  left:0;
  height:3px;
  width:0%;
  background:linear-gradient(90deg,#D81B60,#7B2CBF);
  transition:width .5s ease;
}

/* glow interno */
.dev-solution-module::before{
  content:"";
  position:absolute;
  inset:0;
  background:radial-gradient(circle at 80% 50%, rgba(123,44,191,.25), transparent 60%);
  opacity:0;
  transition:.5s;
}

/* hover efecto wow */
.dev-solution-module:hover{
  transform:translateY(-8px) scale(1.02);
  box-shadow:0 20px 50px rgba(123,44,191,.35);
  background:linear-gradient(145deg,#161622,#11111A);
}

.dev-solution-module:hover::after{
  width:100%;
}

.dev-solution-module:hover::before{
  opacity:1;
}

/* ICONO */
.dev-sol-icon{
  width:60px;
  height:60px;
  border-radius:16px;
  display:flex;
  align-items:center;
  justify-content:center;
  background:#1A1A23;
  border:1px solid rgba(255,255,255,.05);
  transition:.4s;
}

.dev-sol-icon svg{
  width:26px;
  height:26px;
  stroke:#7B2CBF;
  transition:.4s;
}

.dev-solution-module:hover .dev-sol-icon{
  background:linear-gradient(135deg,#D81B60,#7B2CBF);
  transform:rotate(-6deg) scale(1.1);
  box-shadow:0 12px 30px rgba(123,44,191,.6);
}

.dev-solution-module:hover .dev-sol-icon svg{
  stroke:#fff;
}

/* TEXTO */
.dev-sol-content h4{
  margin:0 0 6px 0;
  font-size:20px;
  font-weight:600;
  color:#fff;
  transition:.4s;
}

.dev-sol-content p{
  margin:0;
  font-size:14px;
  color:#9A9AAF;
  line-height:1.6;
  transition:.4s;
}

.dev-solution-module:hover .dev-sol-content h4{
  background:linear-gradient(90deg,#D81B60,#7B2CBF);
  -webkit-background-clip:text;
  -webkit-text-fill-color:transparent;
}

.dev-solution-module:hover .dev-sol-content p{
  color:#CFCFE6;
}


/* ═══════════════════════════════════════
   DEVILOPERS – SERVICE CARDS PREMIUM
═══════════════════════════════════════*/

.devx-services-grid{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(300px,1fr));
  gap:28px;
}

.devx-card{
  position:relative;
  padding:38px 34px 34px;
  border-radius:18px;
  background:#111116;
  border:1px solid rgba(255,255,255,0.06);
  overflow:hidden;
  transition:all .5s cubic-bezier(.22,.84,.36,1);
  cursor:pointer;
}

.devx-card::before{
  content:"";
  position:absolute;
  inset:0;
  border-radius:18px;
  padding:1px;
  background:linear-gradient(135deg,#D81B60,#7B2CBF);
  -webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);
  -webkit-mask-composite:xor;
  opacity:0;
  transition:opacity .4s ease;
}

.devx-card::after{
  content:"";
  position:absolute;
  inset:0;
  background:radial-gradient(circle at 20% 20%,rgba(216,27,96,.15),transparent 50%);
  opacity:0;
  transition:opacity .4s ease;
}

.devx-card:hover{
  transform:translateY(-8px);
  background:#16161E;
  box-shadow:
    0 20px 60px rgba(216,27,96,.15),
    0 8px 30px rgba(123,44,191,.12);
}

.devx-card:hover::before{
  opacity:1;
}

.devx-card:hover::after{
  opacity:1;
}

/* HEADER */

.devx-card-top{
  display:flex;
  justify-content:space-between;
  align-items:center;
  margin-bottom:24px;
}

.devx-icon{
  width:54px;
  height:54px;
  border-radius:14px;
  display:flex;
  align-items:center;
  justify-content:center;
  background:linear-gradient(#1E1E2A,#1E1E2A) padding-box,
             linear-gradient(135deg,#D81B60,#7B2CBF) border-box;
  border:1px solid transparent;
  transition:.4s;
}

.devx-card:hover .devx-icon{
  transform:rotate(8deg) scale(1.08);
  box-shadow:0 0 25px rgba(216,27,96,.4);
}

.devx-index{
  font-size:12px;
  font-weight:700;
  letter-spacing:.12em;
  background:linear-gradient(90deg,#D81B60,#7B2CBF);
  -webkit-background-clip:text;
  -webkit-text-fill-color:transparent;
  opacity:.4;
}

.devx-card:hover .devx-index{
  opacity:1;
}

/* BODY */

.devx-title{
  font-size:20px;
  font-weight:800;
  color:#fff;
  margin-bottom:12px;
  transition:.3s;
}

.devx-card:hover .devx-title{
  background:linear-gradient(90deg,#D81B60,#7B2CBF);
  -webkit-background-clip:text;
  -webkit-text-fill-color:transparent;
}

.devx-desc{
  font-size:14px;
  line-height:1.7;
  color:#9090A0;
  margin-bottom:22px;
}

/* TAGS */

.devx-tags{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
}

.devx-tags span{
  font-size:12px;
  padding:6px 12px;
  border-radius:100px;
  background:rgba(255,255,255,.05);
  border:1px solid rgba(255,255,255,.07);
  color:#C8C8D4;
  transition:.3s;
}

.devx-card:hover .devx-tags span{
  background:rgba(216,27,96,.08);
  border-color:rgba(216,27,96,.3);
  color:#fff;
}/* End custom CSS */