body {
    font-family: Arial, sans-serif;
    text-align: center;
    background-color: #f4f4f4;
}

h1 {
    margin-top: 40px;
}

.mesas-container {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    /* gap: 20px; */
    padding: 40px;
}

.mesa {
    display: inline-block;
    padding: 30px 50px;
	margin: 10px 0px;
    font-size: 20px;
    /*font-weight: bold;*/
    color: white;
    text-decoration: none;
    border-radius: 10px;
    transition: transform 0.2s;
}

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

.mesa1 { background-color: #e74c3c; }
.mesa2 { background-color: #3498db; }
.mesa3 { background-color: #2ecc71; }
.mesa4 { background-color: #f1c40f; color: #333; }
.mesa5 { background-color: #9b59b6; }
.mesa6 { background-color: #e67e22; }

.contador {
		
      text-align: center;
      font-size: 1rem;
      font-weight: bold;
      background: linear-gradient(90deg, #000, #0066bf);
      -webkit-background-clip: text;
      -webkit-text-fill-color: transparent;
      animation: pulse 1.5s infinite;
    }

    @keyframes pulse {
      0% { transform: scale(1); opacity: 1; }
      50% { transform: scale(1.05); opacity: 0.8; }
      100% { transform: scale(1); opacity: 1; }
    }
	
	
@media (max-width: 576px) {
  /* Estilos para pantallas con ancho máximo de 576px */
  .visible-desktop {
	display: none!important;
  }
  .mesas-container {
	  padding: 10px;
  }
}