.elementor-widget-container .eael-protected-content-message{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-size:var( --e-global-typography-secondary-font-size );font-weight:var( --e-global-typography-secondary-font-weight );text-transform:var( --e-global-typography-secondary-text-transform );font-style:var( --e-global-typography-secondary-font-style );text-decoration:var( --e-global-typography-secondary-text-decoration );line-height:var( --e-global-typography-secondary-line-height );letter-spacing:var( --e-global-typography-secondary-letter-spacing );}.elementor-widget-container .protected-content-error-msg{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-size:var( --e-global-typography-secondary-font-size );font-weight:var( --e-global-typography-secondary-font-weight );text-transform:var( --e-global-typography-secondary-text-transform );font-style:var( --e-global-typography-secondary-font-style );text-decoration:var( --e-global-typography-secondary-text-decoration );line-height:var( --e-global-typography-secondary-line-height );letter-spacing:var( --e-global-typography-secondary-letter-spacing );}.elementor-306 .elementor-element.elementor-element-e987bcb{--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-306 .elementor-element.elementor-element-e987bcb:not(.elementor-motion-effects-element-type-background), .elementor-306 .elementor-element.elementor-element-e987bcb > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#0A0D12;}.elementor-widget-html .eael-protected-content-message{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-size:var( --e-global-typography-secondary-font-size );font-weight:var( --e-global-typography-secondary-font-weight );text-transform:var( --e-global-typography-secondary-text-transform );font-style:var( --e-global-typography-secondary-font-style );text-decoration:var( --e-global-typography-secondary-text-decoration );line-height:var( --e-global-typography-secondary-line-height );letter-spacing:var( --e-global-typography-secondary-letter-spacing );}.elementor-widget-html .protected-content-error-msg{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-size:var( --e-global-typography-secondary-font-size );font-weight:var( --e-global-typography-secondary-font-weight );text-transform:var( --e-global-typography-secondary-text-transform );font-style:var( --e-global-typography-secondary-font-style );text-decoration:var( --e-global-typography-secondary-text-decoration );line-height:var( --e-global-typography-secondary-line-height );letter-spacing:var( --e-global-typography-secondary-letter-spacing );}:root{--page-title-display:none;}@media(max-width:1024px){.elementor-widget-container .eael-protected-content-message{font-size:var( --e-global-typography-secondary-font-size );line-height:var( --e-global-typography-secondary-line-height );letter-spacing:var( --e-global-typography-secondary-letter-spacing );}.elementor-widget-container .protected-content-error-msg{font-size:var( --e-global-typography-secondary-font-size );line-height:var( --e-global-typography-secondary-line-height );letter-spacing:var( --e-global-typography-secondary-letter-spacing );}.elementor-widget-html .eael-protected-content-message{font-size:var( --e-global-typography-secondary-font-size );line-height:var( --e-global-typography-secondary-line-height );letter-spacing:var( --e-global-typography-secondary-letter-spacing );}.elementor-widget-html .protected-content-error-msg{font-size:var( --e-global-typography-secondary-font-size );line-height:var( --e-global-typography-secondary-line-height );letter-spacing:var( --e-global-typography-secondary-letter-spacing );}}@media(max-width:767px){.elementor-widget-container .eael-protected-content-message{font-size:var( --e-global-typography-secondary-font-size );line-height:var( --e-global-typography-secondary-line-height );letter-spacing:var( --e-global-typography-secondary-letter-spacing );}.elementor-widget-container .protected-content-error-msg{font-size:var( --e-global-typography-secondary-font-size );line-height:var( --e-global-typography-secondary-line-height );letter-spacing:var( --e-global-typography-secondary-letter-spacing );}.elementor-widget-html .eael-protected-content-message{font-size:var( --e-global-typography-secondary-font-size );line-height:var( --e-global-typography-secondary-line-height );letter-spacing:var( --e-global-typography-secondary-letter-spacing );}.elementor-widget-html .protected-content-error-msg{font-size:var( --e-global-typography-secondary-font-size );line-height:var( --e-global-typography-secondary-line-height );letter-spacing:var( --e-global-typography-secondary-letter-spacing );}}/* Start custom CSS for html, class: .elementor-element-75c263b */<style>
/* =========================================
   BLINDAJE "DARK MODE" OBLIGATORIO (COMPUTING)
========================================= */
.solution-master-wrapper-comp {
    background-color: #06090F !important;
    background: #06090F !important;
    width: 100vw !important;
    margin-left: calc(-50vw + 50%) !important;
    position: relative;
    color: #A0AEC0 !important;
    font-family: 'Inter', sans-serif !important;
    overflow-x: hidden;
}

.solution-master-wrapper-comp section {
    background-color: transparent !important;
}

.cibertic-container {
    max-width: 1200px !important;
    margin: 0 auto !important;
    padding: 0 20px !important;
    position: relative; z-index: 2;
}

.text-center { text-align: center !important; }
.text-accent-comp { color: #00FF00 !important; }

/* =========================================
   1. HERO SECTION (CON IMAGEN DINÁMICA DE PEXELS)
========================================= */
.sol-hero-comp {
    padding: 180px 0 140px 0 !important;
    position: relative;
    
    /* IMAGEN DE SERVIDORES + CAPA OSCURA AZULADA */
    background-image: 
        linear-gradient(to bottom, rgba(6, 9, 15, 0.8), rgba(6, 9, 15, 1)), 
        url('https://images.pexels.com/photos/1181347/pexels-photo-1181347.jpeg?auto=compress&cs=tinysrgb&w=800') !important;
    
    background-size: cover !important;
    background-position: center center !important;
    background-attachment: fixed !important; /* Efecto Parallax */
    background-repeat: no-repeat !important;
    
    border-bottom: 1px solid rgba(255, 255, 255, 0.05) !important;
}

.sol-badge-comp {
    display: inline-block !important;
    padding: 8px 20px !important;
    background: rgba(26, 86, 184, 0.15) !important;
    border: 1px solid rgba(26, 86, 184, 0.4) !important;
    color: #1A56B8 !important; /* Azul para la placa */
    border-radius: 50px !important;
    font-size: 0.85rem !important;
    font-weight: 800 !important;
    letter-spacing: 3px !important;
    margin-bottom: 30px !important;
    text-transform: uppercase !important;
}

.sol-title-comp {
    font-size: clamp(2.5rem, 6vw, 4.5rem) !important;
    font-weight: 900 !important;
    color: #FFFFFF !important;
    line-height: 1.1 !important;
    margin-bottom: 25px !important;
    text-shadow: 0 10px 30px rgba(0,0,0,0.8) !important;
}

.sol-desc-comp {
    font-size: clamp(1.1rem, 2vw, 1.3rem) !important;
    color: #A0AEC0 !important;
    line-height: 1.8 !important;
    max-width: 850px !important;
    margin: 0 auto !important;
    text-shadow: 0 4px 10px rgba(0,0,0,0.8) !important;
}

/* =========================================
   2. THE INTELLIGENCE BRIDGE
========================================= */
.sol-bridge-comp {
    padding: 100px 0 !important;
}

.bridge-glass-box-comp {
    background: linear-gradient(135deg, rgba(26, 86, 184, 0.1) 0%, rgba(6, 9, 15, 0.5) 100%) !important;
    border: 1px solid rgba(26, 86, 184, 0.3) !important;
    border-left: 4px solid #00FF00 !important; /* Borde izquierdo verde */
    border-radius: 16px !important;
    padding: 50px !important;
    position: relative !important;
    overflow: hidden !important;
}

.bridge-glow-comp {
    position: absolute !important;
    top: 0 !important; right: 0 !important;
    width: 300px !important; height: 300px !important;
    background: radial-gradient(circle, rgba(0, 255, 0, 0.1) 0%, transparent 70%) !important;
    filter: blur(20px) !important;
    pointer-events: none !important;
}

.bridge-content-comp { position: relative !important; z-index: 2 !important; }

.bridge-title-comp {
    color: #FFFFFF !important;
    font-size: 1.8rem !important;
    font-weight: 800 !important;
    margin-bottom: 20px !important;
}

.bridge-text-comp {
    font-size: 1.2rem !important;
    line-height: 1.8 !important;
    color: #CBD5E0 !important;
}

.bridge-text-comp strong { color: #00FF00 !important; }

/* =========================================
   3. HARDWARE GRID
========================================= */
.sol-features-comp { padding: 80px 0 140px 0 !important; }

.section-heading-comp {
    font-size: clamp(2rem, 4vw, 3rem) !important;
    font-weight: 800 !important;
    color: #FFFFFF !important;
    margin-bottom: 80px !important;
}

.sol-grid-comp {
    display: grid !important;
    grid-template-columns: repeat(auto-fit, minmax(320px, 1fr)) !important;
    gap: 30px !important;
}

.sol-card-comp {
    background: rgba(255, 255, 255, 0.02) !important;
    border: 1px solid rgba(255, 255, 255, 0.05) !important;
    border-radius: 16px !important;
    padding: 40px 30px !important;
    transition: all 0.4s ease !important;
    display: flex !important;
    flex-direction: column !important;
}

.sol-card-comp:hover {
    background: rgba(26, 86, 184, 0.05) !important;
    border-color: rgba(26, 86, 184, 0.4) !important;
    transform: translateY(-8px) !important;
    box-shadow: 0 15px 30px rgba(26, 86, 184, 0.15) !important;
}

.sol-icon-comp {
    width: 60px !important; height: 60px !important;
    background: rgba(0, 255, 0, 0.1) !important;
    border: 1px solid rgba(0, 255, 0, 0.3) !important;
    border-radius: 12px !important;
    display: flex !important; align-items: center !important; justify-content: center !important;
    color: #00FF00 !important;
    margin-bottom: 25px !important;
    transition: all 0.4s ease !important;
}

.sol-card-comp:hover .sol-icon-comp {
    background: #1A56B8 !important;
    border-color: #1A56B8 !important;
    color: #FFFFFF !important;
    box-shadow: 0 0 20px rgba(26, 86, 184, 0.4) !important;
}

.sol-icon-comp svg { width: 30px !important; height: 30px !important; }

.sol-card-title-comp {
    color: #FFFFFF !important;
    font-size: 1.4rem !important;
    font-weight: 700 !important;
    margin-bottom: 15px !important;
    line-height: 1.3 !important;
}

.sol-card-text-comp {
    color: #A0AEC0 !important;
    font-size: 1.05rem !important;
    line-height: 1.6 !important;
    margin: 0 !important;
}

/* =========================================
   4. CTA FINAL
========================================= */
.sol-cta-comp {
    padding: 120px 0 !important;
    background: linear-gradient(0deg, rgba(26, 86, 184, 0.05) 0%, transparent 100%) !important;
    border-top: 1px solid rgba(26, 86, 184, 0.2) !important;
}

.cta-heading-comp {
    font-size: clamp(2rem, 4vw, 3rem) !important;
    font-weight: 800 !important;
    color: #FFFFFF !important;
    margin-bottom: 20px !important;
}

.cta-sub-comp {
    font-size: 1.2rem !important;
    color: #A0AEC0 !important;
    margin-bottom: 40px !important;
}

.btn-neon-solid-comp {
    display: inline-block !important;
    background-color: #00FF00 !important;
    color: #06090F !important;
    padding: 18px 40px !important;
    border-radius: 6px !important;
    font-size: 1.1rem !important;
    font-weight: 900 !important;
    text-transform: uppercase !important;
    text-decoration: none !important;
    transition: all 0.3s ease !important;
    box-shadow: 0 10px 30px rgba(0, 255, 0, 0.2) !important;
}

.btn-neon-solid-comp:hover {
    transform: translateY(-4px) !important;
    box-shadow: 0 15px 40px rgba(0, 255, 0, 0.5) !important;
    background-color: #05FF05 !important;
}

/* =========================================
   RESPONSIVE
========================================= */
@media (max-width: 768px) {
    .sol-hero-comp { padding: 140px 0 80px 0 !important; background-attachment: scroll !important; }
    .bridge-glass-box-comp { padding: 30px 20px !important; }
    .sol-features-comp { padding: 60px 0 100px 0 !important; }
    .section-heading-comp { margin-bottom: 50px !important; }
    .btn-neon-solid-comp { padding: 15px 30px !important; font-size: 1rem !important; width: 100% !important; }
}
</style>/* End custom CSS */