@import url('https://fonts.googleapis.com/css2?family=Special+Elite&display=swap');

    body {
      background: #f4ecd8;
      color: #3e2c23;
      font-family: 'Special Elite', monospace;
      text-align: center;
      padding: 50px;
    }

    h1 {
      font-size: 2em;
      margin-bottom: 30px;
      text-transform: uppercase;
      letter-spacing: 2px;
      color: #5e4633;
    }

    #contador {
      display: flex;
      flex-wrap: wrap;
      justify-content: center;
      gap: 15px;
      max-width: 800px;
      margin: 0 auto;
    }

    .bloque {
      background: #fffaf0;
      border: 2px solid #d2b48c;
      border-radius: 10px;
      padding: 20px 15px;
      width: 120px;
      box-shadow: 3px 3px 5px rgba(0,0,0,0.2);
      transition: transform 0.2s ease;
    }

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

    .valor {
      font-size: 2em;
      font-weight: bold;
      color: #3e2c23;
    }

    .etiqueta {
      font-size: 0.9em;
      margin-top: 5px;
      color: #5e4633;
      text-transform: uppercase;
      letter-spacing: 1px;
    }