.elementor-4372 .elementor-element.elementor-element-92877b3{--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:0.8;--margin-top:80px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:100px;--padding-bottom:100px;--padding-left:100px;--padding-right:100px;}.elementor-4372 .elementor-element.elementor-element-92877b3:not(.elementor-motion-effects-element-type-background), .elementor-4372 .elementor-element.elementor-element-92877b3 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-337bf9b );}.elementor-4372 .elementor-element.elementor-element-92877b3::before, .elementor-4372 .elementor-element.elementor-element-92877b3 > .elementor-background-video-container::before, .elementor-4372 .elementor-element.elementor-element-92877b3 > .e-con-inner > .elementor-background-video-container::before, .elementor-4372 .elementor-element.elementor-element-92877b3 > .elementor-background-slideshow::before, .elementor-4372 .elementor-element.elementor-element-92877b3 > .e-con-inner > .elementor-background-slideshow::before, .elementor-4372 .elementor-element.elementor-element-92877b3 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:var( --e-global-color-337bf9b );--background-overlay:'';}.elementor-4372 .elementor-element.elementor-element-68bbe70{text-align:center;}.elementor-4372 .elementor-element.elementor-element-68bbe70 .elementor-heading-title{font-family:"aktiv-grotesk", Sans-serif;font-size:96px;-webkit-text-stroke-color:#000;stroke:#000;}.elementor-4372 .elementor-element.elementor-element-6e7ae0a{--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-4372 .elementor-element.elementor-element-4a15a1c > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-4372 .elementor-element.elementor-element-4a15a1c .elementor-wrapper{--video-aspect-ratio:1.77777;}.elementor-4372 .elementor-element.elementor-element-d2e65e8{--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;--padding-top:40px;--padding-bottom:40px;--padding-left:0px;--padding-right:0px;}.elementor-4372 .elementor-element.elementor-element-d2e65e8:not(.elementor-motion-effects-element-type-background), .elementor-4372 .elementor-element.elementor-element-d2e65e8 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-337bf9b );}.elementor-4372 .elementor-element.elementor-element-9231a76 .gsc-heading .content-inner{max-width:800px;}.elementor-4372 .elementor-element.elementor-element-9231a76 .gsc-heading .title{margin-bottom:0px;}.elementor-4372 .elementor-element.elementor-element-9231a76 .gsc-heading .sub-title .tagline{color:var( --e-global-color-497dac1 );}.elementor-4372 .elementor-element.elementor-element-9231a76 .gsc-heading .sub-title .tagline:after{background:#B8B8D8;}.elementor-4372 .elementor-element.elementor-element-9231a76 .gsc-heading .sub-title{margin-bottom:8px;}.elementor-4372 .elementor-element.elementor-element-9231a76 .gsc-heading .title-desc{padding:20px 0px 0px 0px;}.elementor-4372 .elementor-element.elementor-element-2300a71{--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;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-4372 .elementor-element.elementor-element-2300a71.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-4372 .elementor-element.elementor-element-034e62b > .elementor-widget-container{padding:0% 20% 0% 20%;}.elementor-4372 .elementor-element.elementor-element-034e62b{z-index:2;}.elementor-4372 .elementor-element.elementor-element-034e62b img{width:100%;}.elementor-4372 .elementor-element.elementor-element-3b4abc3 > .elementor-widget-container{padding:0% 20% 0% 20%;}.elementor-4372 .elementor-element.elementor-element-3b4abc3{z-index:2;}.elementor-4372 .elementor-element.elementor-element-fb6a873{width:initial;max-width:initial;z-index:0;}.elementor-4372 .elementor-element.elementor-element-fb6a873 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:40px 0px 0px 0px;}.elementor-4372 .elementor-element.elementor-element-fb6a873 .elementor-button-content-wrapper{flex-direction:row;}.elementor-4372 .elementor-element.elementor-element-fb6a873 .elementor-button .elementor-button-content-wrapper{gap:10px;}.elementor-4372 .elementor-element.elementor-element-fb6a873 .elementor-button{font-family:"aktiv-grotesk", Sans-serif;font-size:24px;font-weight:400;text-transform:none;font-style:normal;text-decoration:none;line-height:1.4em;letter-spacing:0em;border-radius:8px 8px 8px 8px;padding:6px 030px 6px 6px;}.elementor-4372 .elementor-element.elementor-element-2ed5460{--display:flex;--padding-top:40px;--padding-bottom:40px;--padding-left:0px;--padding-right:0px;}.elementor-4372 .elementor-element.elementor-element-2ed5460:not(.elementor-motion-effects-element-type-background), .elementor-4372 .elementor-element.elementor-element-2ed5460 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-337bf9b );}.elementor-4372 .elementor-element.elementor-element-e1620cb .gsc-heading .content-inner{max-width:800px;}.elementor-4372 .elementor-element.elementor-element-e1620cb .gsc-heading .title{margin-bottom:0px;}.elementor-4372 .elementor-element.elementor-element-e1620cb .gsc-heading .sub-title .tagline{color:var( --e-global-color-497dac1 );}.elementor-4372 .elementor-element.elementor-element-e1620cb .gsc-heading .sub-title .tagline:after{background:var( --e-global-color-497dac1 );}.elementor-4372 .elementor-element.elementor-element-e1620cb .gsc-heading .sub-title{margin-bottom:8px;}.elementor-4372 .elementor-element.elementor-element-e1620cb .gsc-heading .title-desc{padding:20px 0px 0px 0px;}.elementor-4372 .elementor-element.elementor-element-c19e540{--display:flex;--min-height:100vh;--padding-top:40px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-4372 .elementor-element.elementor-element-c19e540:not(.elementor-motion-effects-element-type-background), .elementor-4372 .elementor-element.elementor-element-c19e540 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-337bf9b );}.elementor-4372 .elementor-element.elementor-element-4a8a7bc{--titles-container-justify-content:center;--image-border-radius:8px;--image-transition-duration:800ms;--content-text-align:center;--content-padding:20px;--galleries-title-color-normal:var( --e-global-color-primary );}.elementor-4372 .elementor-element.elementor-element-4a8a7bc .elementor-gallery-title{font-family:"aktiv-grotesk", Sans-serif;font-size:36px;font-weight:500;text-transform:none;font-style:normal;text-decoration:none;line-height:normal;letter-spacing:0em;}.elementor-4372 .elementor-element.elementor-element-4a8a7bc .elementor-gallery__titles-container{margin-bottom:20px;}@media(min-width:768px){.elementor-4372 .elementor-element.elementor-element-6e7ae0a{--content-width:1200px;}.elementor-4372 .elementor-element.elementor-element-2300a71{--width:100%;}}@media(max-width:1024px){.elementor-4372 .elementor-element.elementor-element-92877b3{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-4372 .elementor-element.elementor-element-68bbe70 .elementor-heading-title{font-size:64px;}.elementor-4372 .elementor-element.elementor-element-034e62b > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0% 10% 0% 10%;}.elementor-4372 .elementor-element.elementor-element-3b4abc3 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0% 10% 0% 10%;}.elementor-4372 .elementor-element.elementor-element-fb6a873 .elementor-button{font-size:17.28px;line-height:1.4em;padding:6px 6px 6px 6px;}.elementor-4372 .elementor-element.elementor-element-2ed5460{--padding-top:40px;--padding-bottom:40px;--padding-left:20px;--padding-right:20px;}.elementor-4372 .elementor-element.elementor-element-4a8a7bc .elementor-gallery-title{font-size:24.12px;}}@media(max-width:767px){.elementor-4372 .elementor-element.elementor-element-92877b3{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-4372 .elementor-element.elementor-element-68bbe70 .elementor-heading-title{font-size:39px;}.elementor-4372 .elementor-element.elementor-element-4a15a1c > .elementor-widget-container{padding:0px 0px 20px 0px;}.elementor-4372 .elementor-element.elementor-element-d2e65e8{--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-4372 .elementor-element.elementor-element-9231a76{width:auto;max-width:auto;}.elementor-4372 .elementor-element.elementor-element-9231a76 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-4372 .elementor-element.elementor-element-2300a71{--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-4372 .elementor-element.elementor-element-034e62b > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0% 5% 0% 5%;}.elementor-4372 .elementor-element.elementor-element-3b4abc3 > .elementor-widget-container{padding:0% 5% 0% 5%;}.elementor-4372 .elementor-element.elementor-element-fb6a873{width:auto;max-width:auto;}.elementor-4372 .elementor-element.elementor-element-fb6a873 > .elementor-widget-container{padding:25px 0px 0px 0px;}.elementor-4372 .elementor-element.elementor-element-fb6a873.elementor-element{--align-self:center;}.elementor-4372 .elementor-element.elementor-element-fb6a873 .elementor-button{font-size:18px;line-height:1.26em;padding:6px 6px 6px 6px;}.elementor-4372 .elementor-element.elementor-element-2ed5460{--gap:10px 10px;--row-gap:10px;--column-gap:10px;}.elementor-4372 .elementor-element.elementor-element-c19e540{--padding-top:40px;--padding-bottom:40px;--padding-left:20px;--padding-right:20px;}.elementor-4372 .elementor-element.elementor-element-4a8a7bc .elementor-gallery-title{font-size:21.6px;}}/* Start custom CSS for heading, class: .elementor-element-68bbe70 */@keyframes meshGradient {
  0% { background-position: 0% 50%; }
  50% { background-position: 100% 50%; }
  100% { background-position: 0% 50%; }
}

.titularcsscyberhouse {
  background: linear-gradient(90deg, #9696F9 0%, #00BCCC 40%, #C9DF50 70%, #9696F9 100%);
  background-size: 200% 100%;
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  animation: meshGradient 10s ease-in-out infinite;
  font-family: 'Aktiv Grotesk', sans-serif;
  font-weight: 700;
}/* End custom CSS */
/* Start custom CSS for video, class: .elementor-element-4a15a1c */.videocyberhouse .elementor-video {
  border-radius: 16px;
  box-sizing: border-box;
  width: 100%;
  display: block;
}/* End custom CSS */
/* Start custom CSS for gva-heading-block, class: .elementor-element-9231a76 */@media screen and (max-width: 768px) {
  .tagline::after {
    display: none !important;
  }
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-fb6a873 *//* 
 * =============================
 *  Base: estilos en común
 * =============================
 */
.cyber1-button {  display: flex;
    justify-content: center;
 
}



/* Icono degradado */
.cyber1-button .elementor-button-icon {
    display: flex;
    width: 76px;
    height: 58px;
    padding: 12px;
    justify-content: center;
    flex-shrink: 0;
    border-radius: 8px;
    background: linear-gradient(106deg, #9696F9 0%, #00BCCC 53.56%, #C9DF50 100%);
}

/* Tamaño del icono SVG */
.cyber1-button .elementor-button-icon svg {
    width: 36px;
    height: 36px;
}

/* Contenedor del botón (dimensiones, animaciones, etc.) */
.cyber1-button .elementor-button {
    display: flex;
    width: 260px;
    height: 70px;
    padding: 6px;
    align-items: center;
    gap: 10px;
    flex-shrink: 0;
    border-radius: 8px;
    /* Importante: solo animamos transform, box-shadow y color (no background). */
    transition: transform 0.2s ease-out, box-shadow 0.4s ease-in-out, color 0.3s ease-in-out;
    will-change: transform, box-shadow;
}

/* Tipografía interior */
.cyber1-button .elementor-button-text {
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 24px;
    transition: color 0.3s ease-in-out; /* Para cambiar el color del texto sin flicker */
}

/* Efecto hover común */
.cyber1-button .elementor-button:hover {
    background: linear-gradient(106deg, #9696F9 0%, #00BCCC 53.56%, #C9DF50 100%);
    transform: scale(1.05);
    box-shadow: 0 8px 20px rgba(0, 188, 204, 0.5);
}
.cyber1-button .elementor-button:hover .elementor-button-icon {
    background: #000; /* Se pinta de negro al hacer hover */
    transition: background 0.4s ease-in-out;
}
.cyber1-button .elementor-button:hover .elementor-button-icon svg {
    transform: scale(1.15);
    transition: transform 0.3s ease-in-out;
}
.cyber1-button .elementor-button:not(:hover) .elementor-button-icon svg {
    transform: scale(1);
}

/* Efecto de presión al hacer click */
.cyber1-button .elementor-button:active {
    transform: scale(0.97);
    box-shadow: 0 4px 10px rgba(0, 188, 204, 0.3);
}

/* 
 * =============================
 *  Variante LIGHT (fondo BLANCO, texto NEGRO)
 * =============================
 */
.cyber1-button--light .elementor-button {
    background: #FFF;   /* Botón blanco */
    color: #000;        /* Texto negro (fallback) */
}
.cyber1-button--light .elementor-button-text {
    color: #000;        /* Texto negro */
}
/* Al hacer hover, degradado + texto blanco */
.cyber1-button--light .elementor-button:hover .elementor-button-text {
    color: #FFF;
}

/* 
 * =============================
 *  Variante DARK (fondo NEGRO, texto BLANCO)
 * =============================
 */
.cyber1-button--dark .elementor-button {
    background: #000;   /* Botón negro */
    color: #FFF;        /* Texto blanco (fallback) */
}
.cyber1-button--dark .elementor-button-text {
    color: #FFF;
}
/* Al hacer hover, degradado + texto sigue blanco */
.cyber1-button--dark .elementor-button:hover .elementor-button-text {
    color: #FFF;
}

/* 
 * =============================
 *  Responsividad
 * =============================
 */
@media (max-width: 768px) {
    .cyber1-button .elementor-button {
        width: 240px;
        height: 65px;
        gap: 10px;
    }
    .cyber1-button .elementor-button-icon {
        width: 66px;
        height: 55px;
        padding: 12px;
    }
    .cyber1-button .elementor-button-icon svg {
        width: 30px;
        height: 30px;
    }
    .cyber1-button .elementor-button-text {
        font-size: 22px;
    }
}

@media (max-width: 480px) {
    .cyber1-button .elementor-button {
        width: 200px;
        height: 55px;
        gap: 8px;
    }
    .cyber1-button .elementor-button-icon {
        width: 58px;
        height: 45px;
        padding: 10px;
    }
    .cyber1-button .elementor-button-icon svg {
        width: 26px;
        height: 26px;
    }
    .cyber1-button .elementor-button-text {
        font-size: 20px;
    }
}/* End custom CSS */
/* Start custom CSS for gva-tab-content, class: .elementor-element-9faa4d2 *//* ----------------------- */
/* FUENTE GENERAL          */
/* ----------------------- */
.tabs-content-one__nav-link,
.tabs-content-one__title,
.tabs-content-one__desc,
.tabs-content-one__nav-title,
.tabs-content-one__desc ul li {
  font-family: 'Aktiv Grotesk', sans-serif !important;
}

/* ----------------------- */
/* COLORES - NAVEGACIÓN   */
/* ----------------------- */
.tabs-content-one__nav-link {
  background-color: #f3f4f6 !important;
  color: #000000 !important;
  font-weight: 500 !important;
  transition: transform 0.3s ease;
  transform: translateY(0) scale(1);
  will-change: transform;
  clip-path: polygon(
    20px 0,
    calc(100% - 20px) 0,
    100% 20px,
    100% calc(100% - 20px),
    calc(100% - 20px) 100%,
    20px 100%,
    0 calc(100% - 20px),
    0 20px
  );
  border-radius: 0; /* clip-path ya define el borde */
  overflow: hidden;
  position: relative;
}

.tabs-content-one__nav-link::before {
  content: '';
  position: absolute;
  inset: 0;
  background: transparent;
  clip-path: inherit;
  z-index: -1;
}

.tabs-content-one__nav-link:hover {
  transform: translateY(-4px) scale(1.03);
  box-shadow: 0 8px 20px rgba(0, 0, 0, 0.08);
}

.tabs-content-one__nav-link.active {
  background-color: #C9DF50 !important;
  color: #000000 !important;
  font-weight: 600 !important;
}

.tabs-content-one__nav-icon i {
  color: #000000 !important;
  transition: color 0.3s ease;
}

.tabs-content-one__nav-link.active .tabs-content-one__nav-icon i {
  color: #000000 !important;
}

/* Animación también para el ícono SVG o font icon dentro del tab */
.tabs-content-one__nav-icon svg,
.tabs-content-one__nav-icon i {
  transition: transform 0.3s ease;
  transform: scale(1);
}

.tabs-content-one__nav-link:hover .tabs-content-one__nav-icon svg,
.tabs-content-one__nav-link:hover .tabs-content-one__nav-icon i {
  transform: scale(1.1); /* zoom suave al ícono */
}

/* SVG en íconos (normal y activo) */
.tabs-content-one__nav-icon svg {
  fill: #000000 !important;
  stroke: none !important;
}
.tabs-content-one__nav-icon svg path {
  fill: #000000 !important;
  stroke: none !important;
}

.tabs-content-one__nav-title {
  color: #000000 !important;
  font-weight: 500 !important;
  font-size: 16px !important;
  line-height: 1.4 !important;
}

/* ----------------------- */
/* COLORES - CONTENIDO    */
/* ----------------------- */
.tabs-content-one__panel {
  background-color: #000000 !important;
  border-radius: 12px;
  padding: 2rem;
}

.tabs-content-one__title {
  color: #C9DF50 !important;
  font-size: 1.7rem !important;
  font-weight: 600 !important;
  margin-bottom: 1rem;
}

.tabs-content-one__desc p {
  color: #B8B8D8 !important;
  font-weight: 400 !important;
  font-size: 1rem !important;
  margin-bottom: 1rem;
}

/* ----------------------- */
/* LISTA EN UNA COLUMNA ✔ */
/* ----------------------- */
.tabs-content-one__desc ul {
  all: unset !important;
  display: block !important;
  width: 100% !important;
  padding-left: 0 !important;
  margin: 1rem 0 !important;
  list-style: none !important;
}

.tabs-content-one__desc ul li {
  display: block !important;
  width: 100% !important;
  margin-bottom: 0.75rem !important;
  color: #B8B8D8 !important;
  font-weight: 400 !important;
  font-size: 1rem !important;
  line-height: 1.6 !important;
  position: relative;
  padding-left: 1.5rem !important;
}

.tabs-content-one__desc ul li::before {
  content: '✔';
  position: absolute;
  left: 0;
  color: #000000;
  font-weight: bold;
}

/* ----------------------- */
/* IMAGEN Y ESTILO EXTRA  */
/* ----------------------- */
.tabs-content-one__image img {
  border-radius: 10px !important;
  box-shadow: 0 8px 20px rgba(0, 0, 0, 0.15) !important;
  width: 100% !important;
  height: auto !important;
  display: block !important;
}

.tabs-content-one__image::after {
  display: none !important;
  content: none !important;
}

/* ----------------------- */
/* RESPONSIVE ------------ */
/* ----------------------- */
@media (max-width: 768px) {
  .tabs-content-one__nav-item {
    flex: 1 1 48% !important;
  }

  .tabs-content-one__tab-content {
    flex-direction: column !important;
  }

  .tabs-content-one__left,
  .tabs-content-one__right {
    flex: 1 1 100% !important;
    padding: 0 !important;
    margin: 0 !important;
  }

  .tabs-content-one__panel {
    padding: 0rem !important;
  }

  .tabs-content-one__image {
    padding: 0 !important;
    margin: 0 !important;
  }

  .tabs-content-one__image img {
    width: 100% !important;
    border-radius: 0 !important;
  }
}




@media (max-width: 767px) {

  /* A. Distribución uniforme de botones como grid sin cálculo fijo */
  .elementor-widget-gva-tab-content .tabs-content-one__nav {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 0px !important; /* control total del espaciado entre botones */
    justify-content: space-between !important;
  }

  .elementor-widget-gva-tab-content .tabs-content-one__nav-item {
    flex: 1 0 auto !important; /* crecer hasta donde se pueda */
    width: 33% !important; /* sin cálculo, margen fijo */
    max-width: 100% !important;
    margin-bottom: 0 !important;
  }

  /* B. Ajuste visual de los botones sin quitar clip-path */
  .elementor-widget-gva-tab-content .tabs-content-one__nav-link {
    padding: px px !important;
    min-height: 66px !important;
    justify-content: center !important;
    align-items: center !important;
    flex-direction: column !important;
    text-align: center !important;

  }

  /* C. Iconos más compactos */
  .elementor-widget-gva-tab-content .tabs-content-one__nav-icon i,
  .elementor-widget-gva-tab-content .tabs-content-one__nav-icon svg {
    font-size: 24px !important;
    width: 24px !important;
    height: 24px !important;
    margin-bottom: px !important;
  }

  /* D. Título más compacto y centrado */
  .elementor-widget-gva-tab-content .tabs-content-one__nav-title {
    font-size: 12px !important;
    font-weight: 500 !important;
  }

  /* E. Reorganización del contenido */
  .elementor-widget-gva-tab-content .tabs-content-one__tab-content {
    display: flex !important;
    flex-direction: column !important;
  }

  .elementor-widget-gva-tab-content .tabs-content-one__right {
    order: 1 !important;
    width: 100% !important;
    margin-bottom: 12px !important;
    padding: 0 !important;
  }

  .elementor-widget-gva-tab-content .tabs-content-one__left {
    order: 2 !important;
    width: 100% !important;
    padding: 0 !important;
  }

  .elementor-widget-gva-tab-content .tabs-content-one__image img {
    width: 100% !important;
    height: auto !important;
    border-radius: 8px !important;
    margin: 0 !important;
  }
}/* End custom CSS */