.pagina{color:#fff;background:radial-gradient(circle at 0 0,#ffffff40,#0000 35%),linear-gradient(135deg,#1e3a8a,#7c3aed,#db2777);justify-content:center;align-items:center;min-height:100vh;padding:40px 20px;font-family:Arial,Helvetica,sans-serif;display:flex}.tarjeta-principal{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#ffffff24;border:1px solid #ffffff40;border-radius:28px;width:100%;max-width:950px;padding:40px;box-shadow:0 25px 60px #00000047}.encabezado{text-align:center;margin-bottom:36px}.etiqueta{color:#1e3a8a;background-color:#fff;border-radius:999px;margin-bottom:16px;padding:8px 16px;font-size:14px;font-weight:700;display:inline-block}.encabezado h1{letter-spacing:-1px;margin:0;font-size:56px}.encabezado p{color:#f3f4f6;max-width:650px;margin:18px auto 0;font-size:18px;line-height:1.6}.seccion-frase{text-align:center;background-color:#ffffff2e;border-radius:24px;margin-bottom:28px;padding:32px}.seccion-frase h2,.datos-estudiante h2{margin-top:0;margin-bottom:20px;font-size:28px}.frase{justify-content:center;align-items:center;gap:14px;margin-bottom:26px;font-size:42px;font-weight:700;display:flex}.frase strong{color:#1e3a8a;background-color:#fff;border-radius:16px;padding:8px 20px}label{margin-bottom:10px;font-size:16px;font-weight:700;display:block}select{color:#1f2937;cursor:pointer;background-color:#fff;border:none;border-radius:14px;outline:none;width:100%;max-width:360px;padding:14px 18px;font-size:16px}select:focus{box-shadow:0 0 0 4px #ffffff59}.datos-estudiante{background-color:#ffffff2e;border-radius:24px;padding:32px}.datos-grid{grid-template-columns:repeat(4,1fr);gap:18px;display:grid}.datos-grid div{color:#1f2937;background-color:#ffffffeb;border-radius:18px;padding:22px}.datos-grid span{color:#6b7280;text-transform:uppercase;margin-bottom:8px;font-size:14px;font-weight:700;display:block}.datos-grid p{margin:0;font-size:17px;font-weight:700}@media (width<=768px){.tarjeta-principal{padding:24px}.encabezado h1{font-size:40px}.frase{flex-direction:column;font-size:34px}.datos-grid{grid-template-columns:1fr}}*{box-sizing:border-box}body{margin:0}