/* ===== PATCH COLORI ARANCIONI - NEURALECT UPP ===== */
/* ARANCIONE SCURO E SPENTO: #B8440A */
/* File da aggiungere o sovrascrivere nel main.css esistente */
/* IMPORTANTE: NON sostituire main.css, ma aggiornare solo queste variabili e regole */

/* ===== 1. VARIABILE PRINCIPALE CSS ===== */
:root {
    /* Cambia SOLO questa riga nel tuo main.css esistente */
    --primary-orange: #B8440A; /* ARANCIONE SCURO E SPENTO (era #FF7F32) */
}

/* ===== 2. AGGIORNA TUTTI I RGBA CHE USANO L'ARANCIONE ===== */

/* Hero Background - Cerca questa regola e aggiorna */
.hero-bg::before {
    background: radial-gradient(ellipse at top, rgba(184, 68, 10, 0.1) 0%, transparent 50%);
    animation: pulse 4s ease-in-out infinite alternate;
}

/* Neural Network Background - Cerca e aggiorna questi SVG */
.neural-network::before {
    background: url("data:image/svg+xml,%3Csvg width='100' height='100' xmlns='http://www.w3.org/2000/svg'%3E%3Cg%3E%3Ccircle cx='50' cy='50' r='2' fill='%23B8440A' opacity='0.4'/%3E%3Cpath d='M50,50 L80,20 M50,50 L20,80 M50,50 L80,80 M50,50 L20,20' stroke='%23B8440A' stroke-width='0.8' opacity='0.3'/%3E%3C/g%3E%3C/svg%3E") repeat;
    animation: float 20s linear infinite;
}

.neural-network::after {
    background: 
        repeating-linear-gradient(
            90deg,
            transparent,
            transparent 99px,
            rgba(184, 68, 10, 0.08) 99px,
            rgba(184, 68, 10, 0.08) 100px
        ),
        repeating-linear-gradient(
            0deg,
            transparent,
            transparent 99px,
            rgba(184, 68, 10, 0.08) 99px,
            rgba(184, 68, 10, 0.08) 100px
        );
}

/* Floating Shapes - Aggiorna questi */
.shape-1 {
    background: rgba(184, 68, 10, 0.1);
}

.shape-4 {
    background: rgba(184, 68, 10, 0.08);
}

/* Hero Particles */
.particle {
    background-color: rgba(184, 68, 10, 0.6);
}

/* Button Hover Effects */
.btn-primary:hover {
    background-color: #9A380A; /* Hover ancora più scuro per il nuovo arancione spento */
    transform: translateY(-2px);
    box-shadow: 0 5px 15px rgba(184, 68, 10, 0.3);
}

/* Value Icon Hover Effect */
.value-item:hover .value-icon {
    text-shadow: 0 0 20px rgba(184, 68, 10, 0.3);
}

/* Value Card Hover */
.value-card:hover {
    background: linear-gradient(135deg, var(--white) 0%, rgba(184, 68, 10, 0.02) 100%);
}

/* Tag Background (Process Section) */
.tag {
    background: rgba(184, 68, 10, 0.1);
    color: var(--primary-orange);
}

/* Maya Glow Animation - Più spento */
@keyframes mayaGlow {
    0% {
        box-shadow: 0 0 20px rgba(184, 68, 10, 0.3), 0 0 40px rgba(184, 68, 10, 0.1);
        transform: scale(1);
    }
    100% {
        box-shadow: 0 0 30px rgba(184, 68, 10, 0.5), 0 0 60px rgba(184, 68, 10, 0.2);
        transform: scale(1.05);
    }
}

/* Maya Hero Icon */
.maya-hero-icon i {
    background: rgba(184, 68, 10, 0.1);
    border: 3px solid rgba(184, 68, 10, 0.3);
}

/* Nav Pill Active */
.nav-pill:hover {
    background: rgba(184, 68, 10, 0.1);
}

.nav-pill.active {
    box-shadow: 0 2px 10px rgba(184, 68, 10, 0.3);
}

/* Timeline Progress */
.timeline-progress {
    box-shadow: 0 0 10px rgba(184, 68, 10, 0.3);
}

/* CTA Background */
.cta::before {
    background: radial-gradient(circle at 30% 70%, rgba(184, 68, 10, 0.1) 0%, transparent 50%);
}

/* About Section Background */
.about::before {
    background: radial-gradient(ellipse at center, rgba(184, 68, 10, 0.05) 0%, transparent 70%);
}

/* Contact Form Focus */
.form-group input:focus,
.form-group select:focus,
.form-group textarea:focus {
    border-color: var(--primary-orange);
    box-shadow: 0 0 0 3px rgba(184, 68, 10, 0.1);
}

/* Hero Gradient Highlight - Gradiente più spento */
.hero-content .highlight {
    background: linear-gradient(135deg, var(--primary-orange) 0%, #D4560D 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
}

/* Hero Particles High-Res */
@media screen and (-webkit-min-device-pixel-ratio: 2),
       screen and (min-resolution: 192dpi) {
    .hero-particles .particle {
        box-shadow: 0 0 20px currentColor, 0 0 40px rgba(184, 68, 10, 0.3);
    }
}

/* Services After Gradient - Aggiorna anche questo */
.services::after {
    background: linear-gradient(90deg, 
        transparent 0%, 
        var(--primary-orange) 20%, 
        var(--primary-blue) 50%, 
        var(--primary-orange) 80%, 
        transparent 100%);
}

/* Dropdown Menu Hover - Se presente */
.nav-pill:hover,
.dropdown-toggle:hover {
    background: rgba(184, 68, 10, 0.1);
}

/* Process Section Background Pattern - Se presente */
.process-section::before {
    background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><circle cx="10" cy="10" r="1" fill="%23B8440A" opacity="0.1"/><circle cx="90" cy="20" r="1.5" fill="%23232962" opacity="0.1"/><circle cx="20" cy="80" r="1" fill="%23B8440A" opacity="0.1"/><circle cx="80" cy="90" r="1.5" fill="%23232962" opacity="0.1"/></svg>');
}

/* ===== AGGIORNAMENTO PROCESS.CSS (se separato) ===== */
/* Nel process.css, aggiorna anche queste occorrenze:
   --process-secondary: #B8440A
   rgba(255, 127, 50, → rgba(184, 68, 10,
   #FF7F32 → #B8440A
   fill='%23FF7F32' → fill='%23B8440A'
   stroke='%23FF7F32' → stroke='%23B8440A'
*/

/* ===== LISTA COMPLETA DI SOSTITUZIONI NEL MAIN.CSS ===== */
/* Cerca nel tuo main.css esistente questi pattern e aggiorna: */

/*
CERCA: rgba(255, 127, 50
SOSTITUISCI: rgba(184, 68, 10

CERCA: #FF7F32
SOSTITUISCI: #B8440A

CERCA: #E85A19
SOSTITUISCI: #B8440A

CERCA: fill='%23FF7F32'
SOSTITUISCI: fill='%23B8440A'

CERCA: stroke='%23FF7F32'
SOSTITUISCI: stroke='%23B8440A'

CERCA: fill='%23E85A19'
SOSTITUISCI: fill='%23B8440A'

CERCA: stroke='%23E85A19'
SOSTITUISCI: stroke='%23B8440A'

CERCA: #e66a1f (colore hover precedente)
SOSTITUISCI: #9A380A (hover più scuro)

CERCA: #d24c0f (colore hover intermedio)
SOSTITUISCI: #9A380A (hover più scuro)

CERCA: 232, 90, 25 (RGB precedente)
SOSTITUISCI: 184, 68, 10 (RGB nuovo scuro)

CERCA: rgba(232, 90, 25,
SOSTITUISCI: rgba(184, 68, 10,
*/

/* ===== COLORI FINALI ===== */
/*
PRINCIPALE: #B8440A (arancione scuro e spento)
HOVER: #9A380A (ancora più scuro)
GRADIENTE: #D4560D (versione leggermente più chiara per gradienti)
RGB: 184, 68, 10
HEX ENCODED: %23B8440A
*/