<style>
    * {
      box-sizing: border-box;
    }

    body {
      margin: 0;
      min-height: 100vh;

      display: flex;
      justify-content: center;
      align-items: center;
      text-align: center;

      color: white;
      font-family: "Georgia", "Times New Roman", serif;

      background: radial-gradient(circle at center,
        
        rgba(40,50,120,0.85) 40%,
        rgba(10,15,60,1) 100%
      );
    }

    .container {
      display: flex;
      flex-direction: column;
      align-items: center;
      gap: 15px;

      padding: 30px 50px;
      border-radius: 18px;

      /* 🔥 glass box */
      background: rgba(0,0,0,0.25);
      backdrop-filter: blur(12px);

      box-shadow: 0 20px 60px rgba(0,0,0,0.4);
    }

    .escudo {
      width: 180px; /* ajusta aquí */
      height: auto;
      display: block;

      filter: drop-shadow(0 10px 25px rgba(0,0,0,0.25));
    }

    .title {
      margin: 0;
      font-size: 2.4rem;
      letter-spacing: 1px;
    }

    .subtitle {
      margin: 0;
      font-size: 28px;
      opacity: 0.85;
    }

    .coming {
      font-size: 0.85rem;
      letter-spacing: 2px;
      text-transform: uppercase;
      opacity: 0.7;
    }

    .footer {
      margin-top: 10px;
      font-size: 0.75rem;
      opacity: 0.7;
    }

    .footer a {
      color: white;
      text-decoration: none;
    }

    .footer a:hover {
      text-decoration: underline;
    }
  </style>