<!DOCTYPE html>
<html lang="pt-br">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>SUGESTÃO</title>
    <!-- Google Font -->
    <link rel="preconnect" href="https://fonts.googleapis.com">
    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
    <link href="https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;700&display=swap" rel="stylesheet">
    <!-- Bootstrap 5.3.3 CSS -->
    <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/css/bootstrap.min.css" rel="stylesheet"
    xintegrity="sha384-QWTKZyjpPEjISv5WaRU9OFeRpok6YctnYmDr5pNlyT2bRjXh0JMhjY6hW+ALEwIH" crossorigin="anonymous">
    <!-- Font Awesome -->
    <script src="https://kit.fontawesome.com/540d1cc124.js" crossorigin="anonymous"></script>
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0-beta3/css/all.min.css">
    

    <!-- Link para o ícone do favicon -->
    <link href="ico/favicon.ico" rel="icon">
    
    <!-- icones do google -->
    <link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@20..48,100..700,0..1,-50..200" />
</head>

<body>
    <header class="fluminense-green-bg py-2">
        <div class="container text-center">
            <!-- Logo centralizado no topo, sem texto abaixo e link para a página inicial -->
            <a href="https://pedidos.tempideal.com.br/orc/produx.php" class="d-inline-block mb-1">
                <img id="logo" src="img/logo_ideal_triangulo.png" alt="Temperos Ideal sugestão" class="img-fluid" style="max-width: 70px;">
            </a>
        </div>
    </header>

    <main id="main" class="container mt-0 pb-0 mb-0">
        <div class="row">
            <div class="col-12">
                {"sucesso":false,"mensagem":"Erro de conex\u00e3o com o banco de dados."}