:root {
      --ocre-antigo: #cfa06c;
      --bronze-escuro: #4a2e1d;
      --papel-antigo: #f9f4e7;
      --mármore-claro: #fefbf5;
      --verde-patina: #6e8e7a;
      --azul-lapis: #3f537d;
      --borda-coluna: #b77f4f;
    }

    body {
      margin: 0;
      font-family: 'Cardo', serif;
      color: var(--bronze-escuro);
      background: linear-gradient(to bottom, #f9f4e7 0%, #e8e2d6 40%, #ded9cb 100%),
                  url('https://www.transparenttextures.com/patterns/clouds.png');
      background-blend-mode: overlay;
      background-attachment: fixed;
    }

    header {
      background: url('https://www.transparenttextures.com/patterns/stone.png') #382319 center/cover;
      color: white;
      text-align: center;
      padding: 2rem;
      border-bottom: 8px solid var(--ocre-antigo);
      animation: raioOlimpo 3.5s ease-in-out infinite;
      box-shadow: 0 0 20px rgba(255,255,255,0.1);
    }

    header::before {
      content: "⚡";
      display: block;
      font-size: 2.5rem;
      animation: relampejo 2s linear infinite alternate;
      color: var(--ocre-antigo);
      margin-bottom: 0.5rem;
    }

    @keyframes raioOlimpo {
      0%, 100% { box-shadow: 0 0 20px rgba(255, 255, 255, 0.05); }
      50% { box-shadow: 0 0 40px rgba(255, 255, 255, 0.2), 0 0 60px rgba(207,160,108,0.3); }
    }

    @keyframes relampejo {
      0% { opacity: 0.2; transform: scale(1); }
      100% { opacity: 1; transform: scale(1.1); }
    }

    header h1 {
      font-family: 'Forum', serif;
      font-size: 3.2rem;
      margin: 0;
      text-shadow: 2px 2px #000;
      letter-spacing: 2px;
    }

    nav {
      margin-top: 1rem;
    }

    nav a {
      color: var(--ocre-antigo);
      text-decoration: none;
      margin: 0 1rem;
      font-weight: bold;
      text-transform: uppercase;
      letter-spacing: 1px;
    }

    .search-bar {
      margin-top: 1rem;
    }

    .search-bar input {
      padding: 0.5rem;
      width: 250px;
      background: var(--mármore-claro);
      border: 2px solid var(--bronze-escuro);
      border-radius: 5px;
    }

    .search-bar button {
      padding: 0.5rem 1rem;
      background: linear-gradient(to right, #d4a46d, #b88957);
      border: none;
      border-radius: 4px;
      color: white;
      font-weight: bold;
      cursor: pointer;
      box-shadow: 0 0 6px rgba(207,160,108,0.5);
    }

    main {
      max-width: 1100px;
      margin: auto;
      padding: 2rem;
    }

    section h2 {
      font-family: 'Forum', serif;
      font-size: 2rem;
      text-align: center;
      color: var(--azul-lapis);
      border-bottom: 2px dashed var(--verde-patina);
      margin-bottom: 1.5rem;
      padding-bottom: 0.5rem;
    }

    .produtos {
      display: grid;
      grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
      gap: 2rem;
      justify-items: center;
    }

    .item {
      background-color: var(--mármore-claro);
      border: 4px double var(--borda-coluna);
      padding: 1rem;
      border-radius: 6px;
      box-shadow: 0 4px 8px rgba(0,0,0,0.2);
      max-width: 220px;
      text-align: center;
      transition: transform 0.3s ease;
    }

    .item:hover {
      transform: scale(1.05);
    }

    .item button {
      margin-top: 10px;
      background: linear-gradient(145deg, #d4a46d, #b88957);
      color: white;
      border: none;
      padding: 0.5rem 1rem;
      border-radius: 4px;
      font-weight: bold;
      cursor: pointer;
      box-shadow: 0 0 8px rgba(207,160,108,0.5);
    }

    .banners {
      display: flex;
      flex-wrap: wrap;
      gap: 1.5rem;
      justify-content: center;
    }

    .banners img {
      width: 300px;
      height: 100px;
      object-fit: cover;
      border: 2px solid var(--borda-coluna);
      border-radius: 4px;
    }

    footer {
      background: url('https://www.transparenttextures.com/patterns/marble.png') #2e1a12;
      color: white;
      padding: 1.5rem;
      text-align: center;
      font-family: 'Forum', serif;
      border-top: 8px double var(--ocre-antigo);
      text-shadow: 1px 1px #000;
      margin-top: 3rem;
    }