/* Pantalla de «próximo lanzamiento»: blanco y negro, como la marca del Campus. */
* { box-sizing: border-box; margin: 0; padding: 0; }
html, body { min-height: 100%; background: #fff; }
body { font-family: 'Roboto', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif; color: #0d0d0d; -webkit-font-smoothing: antialiased; }
.pl { min-height: 100vh; min-height: 100dvh; display: flex; flex-direction: column; align-items: center; padding: max(32px, env(safe-area-inset-top)) 24px max(24px, env(safe-area-inset-bottom)); text-align: center;
  background: radial-gradient(ellipse at 50% 0%, #fff 0%, #f4f4f4 70%, #ececec 100%); }
.pl__card { max-width: 520px; flex: 1; display: flex; flex-direction: column; align-items: center; justify-content: center; }
.pl__logo { width: min(240px, 60vw); height: auto; margin-bottom: 30px; }
.pl__pill { display: inline-block; padding: 8px 18px; border-radius: 999px; background: #0d0d0d; color: #fff; font-size: 13px; font-weight: 500; letter-spacing: .14em; text-transform: uppercase; margin-bottom: 22px; }
.pl__title { font-size: clamp(28px, 6vw, 42px); font-weight: 700; letter-spacing: -.02em; line-height: 1.12; }
.pl__sub { margin-top: 16px; font-size: clamp(15px, 3.8vw, 17px); line-height: 1.6; color: #4a4a4a; max-width: 440px; }
.pl__salir { margin-top: 28px; }
.pl__salir button { font: inherit; font-size: 14px; color: #0d0d0d; background: none; border: 1px solid #0d0d0d; border-radius: 999px; padding: 10px 22px; cursor: pointer; }
.pl__foot { margin-top: 32px; font-size: 13px; }
.pl__foot a { color: #4a4a4a; text-decoration: none; border-bottom: 1px solid rgba(0,0,0,.25); }