/* ===========================================================
   IPSE · inscripcion.css  ·  Tarjeta del formulario de inscripción (inicio y página de cada curso).
   Los campos base (.frm, .frm-field) están en sections.css.
   =========================================================== */
.insc-card{--red:#FF2C2C;--redD:#B40017;--ink:#0f172a;--sub:#475569;background:#fff;border:1px solid rgb(15 23 42 / .07);border-radius:22px;box-shadow:0 18px 50px rgb(180 0 23 / .10),0 6px 18px rgb(15 23 42 / .06);padding:30px 28px;max-width:420px;width:100%;position:relative}
.insc-card::before{content:"";position:absolute;top:0;left:28px;right:28px;height:4px;border-radius:0 0 6px 6px;background:linear-gradient(90deg,var(--redD),var(--red))}
.insc-tit{font:900 clamp(22px,2.4vw,28px)/1.15 system-ui,Arial;color:var(--ink);letter-spacing:-.015em;margin:0 0 6px;text-align:center}
.insc-sub{font:500 14.5px/1.5 system-ui,Arial;color:var(--sub);margin:0 0 20px;text-align:center}
/* .frm es tarjeta en sections.css: dentro de .insc-card va sin caja propia y en una sola columna */
.insc-card .frm{max-width:none;margin:0;padding:0;border:0;box-shadow:none;background:none;gap:14px;grid-template-columns:1fr}
.insc-card .frm-ok{margin:16px 0 0}
/* Modalidad en botones */
.frm-pills{border:0;margin:0;padding:0;min-width:0;display:grid;grid-template-columns:1fr 1fr;gap:10px}
.frm-pills legend{grid-column:1/-1;padding:0;margin-bottom:6px;font:800 12px/1.2 system-ui,Arial;letter-spacing:.04em;text-transform:uppercase;color:var(--ink)}
.frm-pills label{position:relative;cursor:pointer;text-transform:none;letter-spacing:0}
.frm-pills input{position:absolute;opacity:0;pointer-events:none}
.frm-pills span{display:block;text-align:center;padding:12px;border:1.5px solid rgb(15 23 42 / .14);border-radius:12px;font:700 14.5px/1.2 system-ui,Arial;color:var(--ink);background:#fff;transition:border-color .15s,background .15s,color .15s}
.frm-pills label:hover span{border-color:var(--red)}
.frm-pills input:checked+span{background:rgb(255 44 44 / .08);border-color:var(--red);color:var(--redD)}
.frm-pills input:focus-visible+span{box-shadow:0 0 0 4px rgb(255 44 44 / .18)}
/* Curso elegido y modalidad única (página del curso) */
.insc-elegido{grid-column:1/-1;display:flex;gap:12px;align-items:center;padding:12px 14px;border:1.5px solid var(--red);background:rgb(255 44 44 / .06);border-radius:14px}
.insc-elegido-ico{flex:0 0 30px;height:30px;border-radius:50%;background:linear-gradient(135deg,var(--red),var(--redD));color:#fff;display:grid;place-items:center;font:900 15px/1 system-ui,Arial}
.insc-elegido small{display:block;font:800 10.5px/1.2 system-ui,Arial;letter-spacing:.08em;text-transform:uppercase;color:var(--redD);margin-bottom:2px}
.insc-elegido b{display:block;font:800 15px/1.3 system-ui,Arial;color:var(--ink)}
.insc-elegido div span{display:block;font:500 12.5px/1.4 system-ui,Arial;color:#64748b;margin-top:2px}
.insc-lbl{font:800 12px/1 system-ui,Arial;letter-spacing:.04em;text-transform:uppercase;color:var(--ink)}
.insc-mod{display:flex;align-items:center;gap:8px;padding:12px 14px;border:1.5px solid rgb(15 23 42 / .12);background:#f8fafc;border-radius:12px;font:700 14.5px/1.2 system-ui,Arial;color:var(--ink)}
.insc-mod em{margin-left:auto;font:600 12px/1 system-ui,Arial;font-style:normal;color:#64748b;background:#fff;border:1px solid rgb(15 23 42 / .12);border-radius:999px;padding:4px 9px}
/* Casilla de políticas de privacidad */
.frm-acepto{grid-column:1/-1;display:flex;gap:9px;align-items:flex-start;font:500 13.5px/1.45 system-ui,Arial;color:#475569;cursor:pointer}
.frm-acepto input{margin-top:2px;width:16px;height:16px;flex-shrink:0;accent-color:#CC0000}
.frm-acepto a{color:var(--redD);font-weight:700;text-decoration:none}
/* Cabecera roja de la tarjeta en la página del curso (el armado de esa página está en curso.css) */
.insc-cab{margin:-22px -22px 14px;padding:18px 22px 16px;border-radius:20px 20px 0 0;background:linear-gradient(135deg,#E11D2A,#9F0015);position:relative;overflow:hidden}
.insc-cab::after{content:"";position:absolute;right:-30px;top:-40px;width:120px;height:120px;border-radius:50%;background:rgb(255 255 255 / .10)}
.insc-cab .insc-tit{color:#fff;font-size:22px}
.insc-cab .insc-sub{color:rgb(255 255 255 / .86);margin-bottom:0}