/* CiDRA SonarTrac Page Styles - V2.0 */
:root {
    --cidra-blue: #193799;
    --cidra-glow: rgba(25, 55, 153, 0.4);
    --cidra-accent: #00A3E0;

    /* Set Master Variables for this page */
    --brand-primary: var(--cidra-blue);
    --brand-glow: var(--cidra-glow);
    --brand-accent: var(--cidra-accent);
}

/* Ambient Light Overrides */
.ambient-light {
    background: radial-gradient(circle, var(--brand-glow) 0%, transparent 70%) !important;
}

.mena a.btn-contact {
    background-color: var(--brand-primary) !important;
}

.mena a.btn-contact:hover {
    background-color: #122b7a !important;
    box-shadow: 0 0 15px var(--brand-glow) !important;
}

footer {
    background: radial-gradient(100% 50% at 50% 0%, var(--brand-glow) 0%, rgba(11, 12, 14, 0) 100%) !important;
}

/* Page Specific Brand adjustments */
.cidra-hero-bg {
    background: radial-gradient(circle at 50% 50%, rgba(25, 55, 153, 0.1) 0%, #0B0C0E 100%);
}

.cidra-hero-glow-alt {
    position: absolute;
    width: 600px;
    height: 600px;
    background: radial-gradient(circle, var(--brand-glow) 0%, transparent 70%);
    top: -100px;
    right: -100px;
    filter: blur(60px);
    z-index: 1;
}

.hero-visual {
    position: relative;
    width: 100%;
    max-width: 1000px;
    margin: 60px auto;
    filter: drop-shadow(0 0 50px rgba(25, 55, 153, 0.3));
}

.hero-visual-center img {
    width: 100%;
    max-width: 600px;
    height: auto;
    border-radius: 24px;
}

/* Bento Card Branding */
.card-cidra-accent .card-badge {
    background: var(--brand-primary);
    border-color: rgba(255, 255, 255, 0.3);
}

.card-cidra-accent h3 {
    background: linear-gradient(to bottom right, #FFFFFF 30%, var(--brand-primary) 100%);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
}

/* Table Brand Override - Only header background color */
.specs-table th {
    background: rgba(25, 55, 153, 0.2) !important;
}

.card-feature-blue .card-badge {
    background: var(--brand-primary);
    border-color: rgba(255, 255, 255, 0.3);
}

.card-feature-blue h3 {
    background: linear-gradient(to bottom right, #FFFFFF 30%, var(--brand-primary) 100%);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
}

.benefit-list li span:first-child {
    color: var(--brand-accent);
}

/* Targets */
.simple-list li::before {
    content: "•";
    color: var(--brand-accent);
}



@media (max-width: 900px) {
    .tech-grid {
        grid-template-columns: 1fr;
    }
}

.tech-image {
    width: 100%;
    border-radius: 20px;
    box-shadow: 0 20px 40px rgba(0, 0, 0, 0.4);
    border: 1px solid rgba(25, 55, 153, 0.3);
}

.tech-visual img {
    filter: drop-shadow(0 0 40px var(--brand-glow));
}

.tech-info p {
    text-align: justify;
}

.btn-primary:hover {
    background-color: #122b7a !important;
    transform: translateY(-2px);
    box-shadow: 0 5px 15px var(--brand-glow);
}

/* Contact Section Branding Override */
.contact-section {
    background-image:
        radial-gradient(circle at 10% 10%, rgba(25, 55, 153, 0.2) 0%, transparent 40%),
        radial-gradient(circle at 90% 90%, rgba(25, 55, 153, 0.2) 0%, transparent 40%) !important;
    border: 1px solid rgba(25, 55, 153, 0.3) !important;
}

/* Legibilidad: Borde negro fino para letras blancas */
.product-hero h1,
.hero-desc,
.bento-card .card-content h3,
.bento-card .card-content p,
#introduction h2 {
    color: #FFFFFF !important;
    -webkit-text-fill-color: #FFFFFF !important;
    text-shadow:
        -1px -1px 0 #000,
        1px -1px 0 #000,
        -1px 1px 0 #000,
        1px 1px 0 #000 !important;
}