/* Sistema de Inscripción - Laboratorios Jayor */
:root{--primary:#1a5276;--success:#2ecc71;--warning:#f39c12;--danger:#e74c3c;--info:#3498db;--light:#f4f6f8;--dark:#2c3e50;--radius:12px;}
*{box-sizing:border-box;margin:0;padding:0}
body{font-family:system-ui,-apple-system,'Segoe UI',Roboto,sans-serif;background:var(--light);color:#333;line-height:1.6;min-height:100vh}
.container{max-width:480px;margin:20px auto;background:#fff;border-radius:var(--radius);box-shadow:0 4px 20px rgba(0,0,0,.08);overflow:hidden}
.header{background:var(--primary);color:#fff;padding:25px;text-align:center}
.header h1{font-size:22px;margin-bottom:4px}.header p{opacity:.8;font-size:14px}
.content{padding:25px}
.content h2{color:var(--primary);margin-bottom:15px;font-size:20px}
.desc{color:#666;margin-bottom:10px;font-size:14px}
.instructor{color:var(--primary);font-weight:500;margin-bottom:20px;padding:10px;background:#f8f9fa;border-radius:8px;font-size:14px}
.field{margin-bottom:16px}
.field label{display:block;font-weight:600;font-size:14px;margin-bottom:4px;color:var(--dark)}
.field input,.field select{width:100%;padding:12px 14px;border:2px solid #e0e0e0;border-radius:8px;font-size:15px;transition:border-color .2s}
.field input:focus,.field select:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px rgba(26,82,118,.1)}
.field.has-error input,.field.has-error select{border-color:var(--danger)}
.field small.error{color:var(--danger);font-size:12px;margin-top:2px;display:block}
.btn{display:block;width:100%;padding:14px;background:var(--primary);color:#fff;border:none;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;transition:all .2s;margin-top:10px}
.btn:hover{background:#154360;transform:translateY(-1px);box-shadow:0 4px 12px rgba(26,82,118,.3)}
.btn:active{transform:translateY(0)}
.btn:disabled{opacity:.6;cursor:not-allowed;transform:none}
.alert{padding:12px 16px;border-radius:8px;margin:12px 0;font-size:14px}
.alert-error{background:#fce4ec;color:#c62828;border-left:4px solid var(--danger)}
.alert-warning{background:#fff3e0;color:#e65100;border-left:4px solid var(--warning)}
.alert-info{background:#e3f2fd;color:#1565c0;border-left:4px solid var(--info)}
.alert-success{background:#e8f5e9;color:#2e7d32;border-left:4px solid var(--success)}
.footer{background:#f8f9fa;padding:15px;text-align:center;font-size:12px;color:#999}
.icon-big{font-size:64px;margin-bottom:15px}
.curso-name{font-size:18px;font-weight:600;color:var(--primary);margin:10px 0}
@media(max-width:520px){.container{margin:10px;border-radius:8px}.content{padding:20px}}