/* ========================================
   Fallback e Melhorias de Carregamento
======================================== */

/* Garantir que o logo sempre apareça */
.logo {
    display: block;
    min-width: 150px;
    min-height: 50px;
}

.logo img {
    display: block;
    object-fit: contain;
    max-height: 60px;
}

/* Hero com gradiente forte caso imagem não carregue */
.hero {
    background-color: #1a1a1a !important;
}

/* Loading state para imagens */
img {
    background: #f5f5f5;
}

/* Melhorar contraste do header */
.header {
    background: rgba(0, 0, 0, 0.98);
    backdrop-filter: blur(10px);
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.5);
}

/* Garantir que o overlay do hero seja mais escuro */
.hero-overlay {
    background: linear-gradient(135deg, rgba(0, 0, 0, 0.90) 0%, rgba(26, 26, 26, 0.85) 100%) !important;
}

/* Projeto cards com fallback */
.projeto-image {
    background: linear-gradient(135deg, #2d2d2d 0%, #1a1a1a 100%);
    min-height: 300px;
}

.projeto-image img {
    background: transparent;
}

/* Sobre section image fallback */
.sobre-image {
    background: linear-gradient(135deg, #D4AF37 0%, #B8941F 100%);
    min-height: 500px;
}

.sobre-image img {
    mix-blend-mode: normal;
}

/* Garantir que textos sejam legíveis mesmo sem imagem de fundo */
.hero-content h1,
.hero-content p {
    text-shadow: 2px 2px 8px rgba(0, 0, 0, 0.9);
}

/* Fallback para footer logo */
.footer-logo {
    background: white;
    padding: 10px;
    border-radius: 8px;
    max-height: 80px;
}