body {
      padding: 20px;
      background-color: #ffffff;
      font-family: Arial, sans-serif;
    }
    h2, h3 {
      color: #0f8bc9;
    }
    .zona {
      margin-bottom: 3rem;
    }
    .local {
      background: white;
      border-radius: 12px;
      box-shadow: 0 2px 8px rgb(0 0 0 / 0.1);
      padding: 15px;
      margin-bottom: 15px;
      display: flex;
      align-items: center;
      transition: box-shadow 0.3s ease;
    }
    .local:hover {
      box-shadow: 0 4px 15px rgb(172 77 0 / 0.3);
    }
    .logo-local {
      width: 80px;
      height: 80px;
      object-fit: contain;
      border-radius: 8px;
      margin-right: 15px;
      border: 1px solid #ddd;
      background-color: #fff;
    }
    .local-info {
      flex: 1;
    }
    .btn-maps {
      background-color: #ac4d00;
      border: none;
      color: white;
    }
    .btn-maps:hover {
      background-color: #e76800;
      color: white;
    }