/* ===================================
   SISTEMA DE CORES BASEADO NA LOGO
   COR PRINCIPAL: #025a97 (Azul Profissional)
   =================================== */

:root {
    /* Cores Principais */
    --primary-color: #025a97;
    --primary-dark: #014a7a;
    --primary-light: #0378c4;
    --primary-lighter: #0490e8;
    
    /* Cores Secundárias */
    --secondary-color: #f39c12;
    --secondary-dark: #e67e22;
    --secondary-light: #f1c40f;
    
    /* Cores Neutras */
    --neutral-100: #f8f9fa;
    --neutral-200: #e9ecef;
    --neutral-300: #dee2e6;
    --neutral-400: #ced4da;
    --neutral-500: #adb5bd;
    --neutral-600: #6c757d;
    --neutral-700: #495057;
    --neutral-800: #343a40;
    --neutral-900: #212529;
    
    /* Cores de Estado */
    --success-color: #28a745;
    --warning-color: #ffc107;
    --danger-color: #dc3545;
    --info-color: #17a2b8;
    
    /* Gradientes */
    --gradient-primary: linear-gradient(135deg, var(--primary-color), var(--primary-light));
    --gradient-secondary: linear-gradient(135deg, var(--secondary-color), var(--secondary-light));
    --gradient-primary-dark: linear-gradient(135deg, var(--primary-dark), var(--primary-color));
    
    /* Sombras */
    --shadow-primary: 0 4px 15px rgba(2, 90, 151, 0.3);
    --shadow-primary-light: 0 2px 10px rgba(2, 90, 151, 0.2);
    --shadow-primary-heavy: 0 8px 25px rgba(2, 90, 151, 0.4);
    
    /* Transparências */
    --primary-10: rgba(2, 90, 151, 0.1);
    --primary-20: rgba(2, 90, 151, 0.2);
    --primary-30: rgba(2, 90, 151, 0.3);
    --primary-40: rgba(2, 90, 151, 0.4);
    --primary-50: rgba(2, 90, 151, 0.5);
}

/* ===================================
   APLICAÇÃO DAS NOVAS CORES
   =================================== */

/* Badge "Desde 1990" - Agora usando a cor da logo */
.badge-text {
    background: var(--gradient-primary);
    color: white;
    box-shadow: var(--shadow-primary);
}

/* Subtítulo da Seção */
.section-subtitle {
    background: var(--gradient-primary);
    box-shadow: var(--shadow-primary);
}

.section-subtitle::before {
    background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.3), transparent);
}

/* Títulos com Gradiente - Removendo a linha do meio */
.section-title,
.section-title-small {
    background: linear-gradient(135deg, var(--neutral-900) 0%, var(--primary-color) 50%, var(--neutral-900) 100%);
    background-size: 200% 200%;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    animation: titleGradient 8s ease infinite;
}

@keyframes titleGradient {
    0%, 100% { background-position: 0% 50%; }
    50% { background-position: 100% 50%; }
}

/* Linhas Decorativas - Apenas para títulos de subseções */
.section-title-small::after {
    background: var(--gradient-primary);
    box-shadow: var(--shadow-primary-light);
}

/* Título principal "A ESTAMPARIA SA" - SEM linha decorativa */
.section-title::after {
    display: none;
}

/* Título da empresa "Excelência em Produtos para Hotelaria" - Melhor contraste */
.about-company__title {
    color: var(--neutral-900) !important;
    text-shadow: 2px 2px 4px var(--primary-20);
    background: none !important;
    -webkit-background-clip: initial !important;
    -webkit-text-fill-color: initial !important;
    background-clip: initial !important;
    animation: none !important;
}

.about-company__title::after {
    background: var(--gradient-primary);
    box-shadow: var(--shadow-primary-light);
}

/* Header da Seção Principal */
.section-header::before {
    background: radial-gradient(circle, var(--primary-10) 0%, transparent 70%);
}

/* Header das Subseções */
.section-header-small::after {
    background: linear-gradient(90deg, transparent, var(--primary-color), transparent);
}

/* Botões de Ação */
.about-actions .btn-primary {
    background: var(--gradient-primary);
    border-color: var(--primary-color);
    box-shadow: var(--shadow-primary);
}

.about-actions .btn-primary:hover {
    box-shadow: var(--shadow-primary-heavy);
}

.about-actions .btn-outline {
    border-color: var(--primary-color);
    color: var(--primary-color);
}

.about-actions .btn-outline:hover {
    background: var(--gradient-primary);
    color: white;
    box-shadow: var(--shadow-primary-heavy);
}

/* Cards Flutuantes */
.floating-card .card-icon {
    background: var(--gradient-primary);
}

/* Estatísticas Soltas - SEM background, apenas texto */
.stats-loose {
    background: none;
}

.stat-number {
    color: var(--primary-color);
    text-shadow: 2px 2px 4px var(--primary-20);
}

.stat-text {
    color: var(--neutral-600);
}

.stat-number::after {
    background: var(--gradient-primary);
}

/* Cards de Características */
.feature-card__icon {
    background: linear-gradient(135deg, var(--neutral-100), var(--neutral-200));
    border: 2px solid var(--neutral-200);
}

.feature-card:hover .feature-card__icon {
    background: var(--gradient-primary);
    border-color: var(--primary-color);
}

.feature-card__icon i {
    color: var(--primary-color);
}

.feature-card:hover .feature-card__icon i {
    color: white;
}

.feature-card__title::after {
    background: var(--gradient-primary);
}

/* Efeitos de Hover */
.feature-card:hover {
    box-shadow: 0 20px 40px var(--primary-20);
}

.stat-item:hover .stat-number::after {
    background: var(--gradient-primary);
}

/* Animações */
@keyframes pulse-glow {
    0%, 100% { 
        opacity: 0.3; 
        transform: translateX(-50%) scale(1); 
    }
    50% { 
        opacity: 0.6; 
        transform: translateX(-50%) scale(1.2); 
    }
}

/* Responsividade para Cores */
@media (prefers-color-scheme: dark) {
    :root {
        --neutral-100: #1a1a1a;
        --neutral-200: #2d2d2d;
        --neutral-300: #404040;
        --neutral-400: #525252;
        --neutral-500: #737373;
        --neutral-600: #a3a3a3;
        --neutral-700: #d4d4d4;
        --neutral-800: #e5e5e5;
        --neutral-900: #fafafa;
    }
}

/* ===================================
   UTILITÁRIOS DE CORES
   =================================== */

.text-primary { color: var(--primary-color) !important; }
.text-secondary { color: var(--secondary-color) !important; }
.text-success { color: var(--success-color) !important; }
.text-warning { color: var(--warning-color) !important; }
.text-danger { color: var(--danger-color) !important; }
.text-info { color: var(--info-color) !important; }

.bg-primary { background-color: var(--primary-color) !important; }
.bg-secondary { background-color: var(--secondary-color) !important; }
.bg-success { background-color: var(--success-color) !important; }
.bg-warning { background-color: var(--warning-color) !important; }
.bg-danger { background-color: var(--danger-color) !important; }
.bg-info { background-color: var(--info-color) !important; }

.border-primary { border-color: var(--primary-color) !important; }
.border-secondary { border-color: var(--secondary-color) !important; }
.border-success { border-color: var(--success-color) !important; }
.border-warning { border-color: var(--warning-color) !important; }
.border-danger { border-color: var(--danger-color) !important; }
.border-info { border-color: var(--info-color) !important; }

/* ===================================
   COMPONENTES ESPECÍFICOS
   =================================== */

/* Navbar */
.navbar-brand {
    color: var(--primary-color) !important;
}

.navbar-nav .nav-link:hover {
    color: var(--primary-color) !important;
}

/* Footer */
.footer {
    background: var(--primary-dark);
    color: white;
}

.footer a {
    color: var(--neutral-200);
}

.footer a:hover {
    color: var(--secondary-color);
}

/* Cards */
.card {
    border-color: var(--neutral-200);
}

.card-header {
    background: var(--neutral-100);
    border-bottom-color: var(--neutral-200);
}

/* Botões */
.btn-primary {
    background: var(--gradient-primary);
    border-color: var(--primary-color);
    box-shadow: var(--shadow-primary);
}

.btn-primary:hover {
    background: var(--gradient-primary-dark);
    box-shadow: var(--shadow-primary-heavy);
}

.btn-secondary {
    background: var(--gradient-secondary);
    border-color: var(--secondary-color);
}

/* Links */
a {
    color: var(--primary-color);
}

a:hover {
    color: var(--primary-dark);
}

/* Formulários */
.form-control:focus {
    border-color: var(--primary-color);
    box-shadow: 0 0 0 0.2rem var(--primary-20);
}

/* Alertas */
.alert-primary {
    background-color: var(--primary-10);
    border-color: var(--primary-color);
    color: var(--primary-dark);
}

.alert-secondary {
    background-color: var(--secondary-color);
    border-color: var(--secondary-dark);
    color: white;
}