* { margin: 0; padding: 0; box-sizing: border-box; }
    body { font-family: Arial, sans-serif; }

    /* Parte superior: anuncio y logo */
    .top-bar {
      display: flex;
      flex-wrap: wrap;
      justify-content: space-between;
      align-items: center;
      padding: 10px 20px;
      background: #fff;
      border-bottom: 1px solid #ddd;
    }

    .top-bar .logo {
      display: flex;
      align-items: center;
    }

    .top-bar .logo img {
      height: 90px;
    }

    .top-bar .ad {
      display: flex;
      align-items: center;
      gap: 15px;
    }

    .top-bar .ad img {
      height: 40px;
    }

    .menu-bar {
      background-color: #0a3275;
      display: flex;
      flex-wrap: wrap;
      justify-content: space-between;
      align-items: center;
      padding: 10px 20px;
      color: white;
    }

    .menu-bar .menu {
      display: flex;
      flex-wrap: wrap;
      gap: 20px;
      align-items: center;
    }

    .menu-bar a {
      color: white;
      text-decoration: none;
      font-weight: bold;
      font-size: 14px;
    }

    .menu-bar .icons {
      display: flex;
      gap: 10px;
    }

    .menu-bar .icons a {
      color: white;
      font-size: 18px;
    }

    .live-button {
      background-color: red;
      color: white;
      padding: 5px 15px;
      font-size: 13px;
      border-radius: 4px;
      margin-left: 20px;
      display: inline-flex;
      align-items: center;
      gap: 5px;
    }

    /* Responsive */
    @media (max-width: 768px) {
      .menu-bar .menu, .top-bar .ad {
        flex-direction: column;
        align-items: flex-start;
      }
      .top-bar, .menu-bar {
        flex-direction: column;
        align-items: flex-start;
      }
    }
  </style>