:root {
            --cor-primaria: #ff6600;
            --cor-secundaria: #ffae00;
            --cor-fundo-claro: #ffffff;
            --cor-fundo-escuro: #333;
            --cor-texto-claro: #333;
            --cor-texto-escuro: #fff;
            --cor-conteudo-claro: #F5F5DC;
            --cor-conteudo-escuro: #555;
        }
        
        * {
            box-sizing: border-box;
            margin: 0;
            padding: 0;
        }
        
        body {
            font-family: Arial, sans-serif;
            background-color: var(--cor-fundo-claro);
            color: var(--cor-texto-claro);
            line-height: 1.6;
            min-height: 100vh;
            display: flex;
            flex-direction: column;
        }
        
        header {
            padding: 20px 0;
            text-align: center;
        }
        
        header img {
            height: 150px;
            width: 150px;
            object-fit: contain;
        }
        
        .container {
            width: 100%;
            max-width: 1200px;
            margin: 20px auto;
            padding: 0 20px;
            flex: 1;
        }
        
        .conteudo {
            display: flex;
            flex-wrap: wrap;
            background-color: var(--cor-conteudo-claro);
            border-radius: 10px;
            box-shadow: 0 2px 10px rgba(0, 0, 0, 0.8);
            overflow: hidden;
            margin-bottom: 30px;
        }
        
        .imagem, .texto {
            flex: 1 1 300px;
        }
        
        .imagem {
            display: flex;
            align-items: center;
            justify-content: center;
            min-height: 300px;
            background-color: #f0f0f0;
        }
        
        .imagem img {
            width: 100%;
            height: 100%;
            object-fit: cover;
        }
        
        .texto {
            padding: 30px;
            background-color: var(--cor-fundo-claro);
        }
        
        .texto h1 {
            color: var(--cor-primaria);
            margin-bottom: 20px;
            font-size: 2rem;
        }
        
        .texto p {
            margin-bottom: 20px;
            text-align: justify;
        }
        
        i {
            transition: 0.3s ease-in-out;
            color: var(--cor-secundaria);
        }
        
        i:hover {
            transform: scale(1.07);
        }
        
        /* Modo Escuro */
        body.modo-escuro {
            background-color: var(--cor-fundo-escuro);
            color: var(--cor-texto-escuro);
        }
        
        body.modo-escuro .conteudo {
            background-color: var(--cor-conteudo-escuro);
        }
        
        body.modo-escuro .texto {
            background-color: var(--cor-conteudo-escuro);
            color: var(--cor-texto-escuro);
        }
        
        /* Responsividade */
        @media (max-width: 768px) {
            header img {
                height: 120px;
                width: 120px;
            }
            
            .container {
                padding: 0 15px;
                margin: 15px auto;
            }
            
            .texto {
                padding: 20px;
            }
            
            .texto h1 {
                font-size: 1.8rem;
            }
        }
        
        @media (max-width: 480px) {
            header img {
                height: 100px;
                width: 100px;
            }
            
            .texto {
                padding: 15px;
            }
            
            .texto h1 {
                font-size: 1.5rem;
            }
        }
        
         .voltar-btn {
          display:inline-block; 
            background-color:#ff6600; 
            color:white; 
            padding:12px 25px; 
            border-radius:8px; 
            text-decoration:none;
            font-weight:bold; 
            font-size:16px;
            transition:0.2s;
    }
    .voltar-btn:hover {
         transform: scale(1.2);
    }