/* Modo Escuro */
body.dark-mode {
    background-color: #121212;
    color: #e0e0e0;
}

.dark-mode .sobre,
.dark-mode .hidratacao,
.dark-mode .contato {
    background-color: #1e1e1e;
}

.dark-mode .produto-card,
.dark-mode .form-contato,
.dark-mode .calculadora-card {
    background-color: #2d2d2d;
    color: #e0e0e0;
}

.dark-mode .produto-info h3,
.dark-mode .sobre-texto h2,
.dark-mode .section-title,
.dark-mode .contato-info h3,
.dark-mode .calculadora-card h3 {
    color: #87cefa;
}

.dark-mode .form-group input,
.dark-mode .form-group textarea {
    background-color: #3d3d3d;
    border-color: #555;
    color: #e0e0e0;
}

.dark-mode .form-group input:focus,
.dark-mode .form-group textarea:focus {
    border-color: var(--azul-principal);
    box-shadow: 0 0 0 2px rgba(30, 144, 255, 0.3);
}

.dark-mode .dica-hidratacao {
    background-color: #2d2d2d;
}

.dark-mode .modal-content {
    background-color: #2d2d2d;
    color: #e0e0e0;
}

.dark-mode .close-modal {
    color: #e0e0e0;
}

.dark-mode .close-modal:hover {
    color: var(--azul-principal);
}

.dark-mode .info-text {
    color: #87cefa;
}

.dark-mode .input-group input {
    background-color: #3d3d3d;
    border-color: #555;
    color: #e0e0e0;
}

.dark-mode .input-group input:focus {
    border-color: var(--azul-principal);
    box-shadow: 0 0 0 3px rgba(30, 144, 255, 0.3);
}

.dark-mode .garrafa-agua {
    background: #3d3d3d;
    border-color: #555;
}

.dark-mode #quantidade-ml {
    color: #87cefa;
}

.dark-mode #quantidade-litros {
    color: var(--azul-principal);
}

.dark-mode .footer-col ul li a {
    color: #87cefa;
}

.dark-mode .footer-col ul li a:hover {
    color: var(--branco);
}