.elementor-5964 .elementor-element.elementor-element-fbbf36e{--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:center;--align-items:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--overlay-opacity:0.11;--padding-top:80px;--padding-bottom:80px;--padding-left:0px;--padding-right:0px;}.elementor-5964 .elementor-element.elementor-element-fbbf36e::before, .elementor-5964 .elementor-element.elementor-element-fbbf36e > .elementor-background-video-container::before, .elementor-5964 .elementor-element.elementor-element-fbbf36e > .e-con-inner > .elementor-background-video-container::before, .elementor-5964 .elementor-element.elementor-element-fbbf36e > .elementor-background-slideshow::before, .elementor-5964 .elementor-element.elementor-element-fbbf36e > .e-con-inner > .elementor-background-slideshow::before, .elementor-5964 .elementor-element.elementor-element-fbbf36e > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{--background-overlay:'';}.elementor-5964 .elementor-element.elementor-element-fbbf36e.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-5964 .elementor-element.elementor-element-4c77977{--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:center;--align-items:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--overlay-opacity:0.11;--padding-top:0px;--padding-bottom:80px;--padding-left:0px;--padding-right:0px;}.elementor-5964 .elementor-element.elementor-element-4c77977:not(.elementor-motion-effects-element-type-background), .elementor-5964 .elementor-element.elementor-element-4c77977 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F7F7F7;}.elementor-5964 .elementor-element.elementor-element-4c77977::before, .elementor-5964 .elementor-element.elementor-element-4c77977 > .elementor-background-video-container::before, .elementor-5964 .elementor-element.elementor-element-4c77977 > .e-con-inner > .elementor-background-video-container::before, .elementor-5964 .elementor-element.elementor-element-4c77977 > .elementor-background-slideshow::before, .elementor-5964 .elementor-element.elementor-element-4c77977 > .e-con-inner > .elementor-background-slideshow::before, .elementor-5964 .elementor-element.elementor-element-4c77977 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{--background-overlay:'';}.elementor-5964 .elementor-element.elementor-element-4c77977.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-5964 .elementor-element.elementor-element-0932473 .elementor-button{background-color:transparent;font-family:"Inter", Sans-serif;font-size:18px;font-weight:600;fill:#000000;color:#000000;background-image:linear-gradient(180deg, #9AE000 0%, var( --e-global-color-accent ) 100%);box-shadow:0px 0px 10px 0px rgba(0,0,0,0.5);border-style:solid;border-width:2px 2px 2px 2px;border-color:var( --e-global-color-accent );border-radius:6px 6px 6px 6px;}.elementor-5964 .elementor-element.elementor-element-0932473{width:auto;max-width:auto;}.elementor-5964 .elementor-element.elementor-element-0932473 > .elementor-widget-container{margin:10px 0px 0px 0px;}@media(min-width:768px){.elementor-5964 .elementor-element.elementor-element-fbbf36e{--content-width:75%;}.elementor-5964 .elementor-element.elementor-element-4c77977{--content-width:75%;}}@media(max-width:1024px) and (min-width:768px){.elementor-5964 .elementor-element.elementor-element-fbbf36e{--content-width:90%;}.elementor-5964 .elementor-element.elementor-element-4c77977{--content-width:90%;}}@media(max-width:1024px){.elementor-5964 .elementor-element.elementor-element-fbbf36e{--padding-top:120px;--padding-bottom:120px;--padding-left:0px;--padding-right:0px;}.elementor-5964 .elementor-element.elementor-element-4c77977{--padding-top:0px;--padding-bottom:80px;--padding-left:0px;--padding-right:0px;}}@media(max-width:767px){.elementor-5964 .elementor-element.elementor-element-fbbf36e{--padding-top:80px;--padding-bottom:80px;--padding-left:20px;--padding-right:20px;}.elementor-5964 .elementor-element.elementor-element-4c77977{--padding-top:0px;--padding-bottom:80px;--padding-left:20px;--padding-right:20px;}.elementor-5964 .elementor-element.elementor-element-0932473 .elementor-button{font-size:16px;}}/* Start custom CSS for html, class: .elementor-element-ed060c8 *//* ======== SISTEMA FULL-BLEED LANDING ======== */

/* 1. Fondo negro real */
html, body {
  background: #0b0f19 !important;
}

/* 2. Hace que la sección ocupe el ancho completo de la pantalla */
.systam-landing.elementor-section {
  width: 100vw !important;
  margin-left: calc(50% - 50vw) !important;
  margin-right: calc(50% - 50vw) !important;
  background: #0b0f19 !important;
  padding: 0 !important;
  border: none !important;
}

/* 3. Borra márgenes, fondos y contenedores del tema */
body .site,
body #page,
body .site-content,
body .content-area,
body .container,
body .ast-container,
body .elementor-section-wrap,
body .entry-content,
body .elementor-location-single,
body .elementor-location-archive {
  max-width: 100% !important;
  background: transparent !important;
  padding: 0 !important;
  margin: 0 !important;
  border: 0 !important;
}

/* 4. Centra el contenido dentro de la landing */
.systam-landing .page-scope .container {
  max-width: 1280px;
  margin: 0 auto;
  padding: clamp(24px, 3vw, 60px);
}

/* 5. Hero a pantalla completa */
.systam-landing .page-scope .hero {
  min-height: 95vh;
  display: grid;
  align-items: center;
  gap: clamp(32px, 4vw, 64px);
}

/* 6. Mejora visual del gradiente y texto */
.systam-landing .page-scope .grad-text {
  background: linear-gradient(90deg, #b288ff, #7cc0ff);
  -webkit-background-clip: text;
  color: transparent;
}

/* 7. Tarjetas con altura igual y ordenadas */
.systam-landing .page-scope .features-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: clamp(18px, 2vw, 28px);
  align-items: stretch;
}
@media (max-width:1100px){
  .systam-landing .page-scope .features-grid { grid-template-columns: repeat(2, 1fr); }
}
@media (max-width:768px){
  .systam-landing .page-scope .features-grid { grid-template-columns: 1fr; }
}

.systam-landing .page-scope .glow-card {
  height: 100%;
  display: flex;
  flex-direction: column;
}

/* 8. Elimina título de página del tema */
.entry-title, .page-title {
  display: none !important;
}

/* 9. Admin bar fix */
@media (min-width:782px){
  body.admin-bar .elementor-sticky--effects { top: 32px; }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-fbbf36e *//* Contenido centrado y respiración correcta */
.page-scope .container{
  max-width: 1280px; /* 1200–1320 es sweet spot */
  padding-left: clamp(16px, 3vw, 40px);
  padding-right: clamp(16px, 3vw, 40px);
}

/* Hero: ocupar pantalla y alinear verticalmente */
.page-scope .hero{
  min-height: 90vh; /* 100vh si lo quieres a pantalla completa */
  align-items: center;
  gap: clamp(32px, 4vw, 64px);
}
@media (max-width:1024px){
  .page-scope .hero{ min-height: auto; padding-top: 56px; padding-bottom: 56px; }
}

/* Limita ancho de los textos para mejor lectura */
.page-scope .hero h1,
.page-scope .hero p{ max-width: 720px; }

/* Imagen mockup: tamaño y recorte controlados */
.page-scope .hero-visual .hero-card{
  max-width: 640px;
  margin-left: auto; /* pega a la derecha en desktop */
}

/* Grilla de features: columnas y alturas iguales */
.page-scope .features-grid{
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: clamp(18px, 2vw, 28px);
  align-items: stretch;
}
@media (max-width:1100px){
  .page-scope .features-grid{ grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width:768px){
  .page-scope .features-grid{ grid-template-columns: 1fr; }
}

/* Tarjetas: relleno, altura y alineación del contenido */
.page-scope .glow-card{
  height: 100%;
  display: flex;
  flex-direction: column;
  padding: clamp(18px, 2vw, 24px);
}
.page-scope .glow-card .glow-content{
  display: flex;
  flex-direction: column;
  gap: 10px;
  flex: 1; /* empuja el texto para equilibrar alturas */
}
.page-scope .glow-card .glow-desc{
  margin-top: 4px;
}

/* Títulos con degradado: un poco más de presencia */
.page-scope .grad-text{
  background: linear-gradient(90deg, #b288ff, #7cc0ff);
  -webkit-background-clip: text; background-clip: text; color: transparent;
}

/* Sección “Deploy & self-host” título + separaciones */
.page-scope .features > h2{
  margin-bottom: 18px;
}
.page-scope .features{
  padding-top: clamp(24px, 4vw, 48px);
  padding-bottom: clamp(32px, 5vw, 64px);
}

/* Debugging: misma respiración y límites de ancho para textos */
.page-scope .debug{
  gap: clamp(24px, 3vw, 48px);
}
.page-scope .debug > div:first-child{
  max-width: 720px;
}/* End custom CSS */