/* Inscripción por delegación: datos del responsable, alumnos y resumen
   (el pago y el voucher usan los estilos de la inscripción individual). */

.delegacion-card { width: min(100% - 110px, 1060px); margin: 0 auto; padding: 36px; border-radius: 22px; background: #fff; box-shadow: 0 14px 34px rgba(28, 67, 110, .08); }
.delegacion-columns { display: grid; grid-template-columns: 1fr 1.15fr; gap: 28px; }
.delegacion-panel { min-width: 0; padding: 34px 20px 20px; border: 1px solid #d7e6ff; border-radius: 16px; }
.delegacion-panel legend { padding: 0 8px; color: #162a4f; font-size: .68rem; font-weight: 900; letter-spacing: .08em; }
.delegacion-panel label, .delegacion-student label { display: block; margin: 18px 0 7px; color: #64748b; font-size: .58rem; font-weight: 900; letter-spacing: .05em; }
.delegacion-panel input, .delegacion-panel select, .delegacion-student input, .delegacion-student select { width: 100%; min-height: 42px; padding: 10px 12px; border: 0; border-radius: 8px; background: #f6f8fb; color: #243653; font-size: .75rem; }
.delegacion-location-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 10px; }
.delegacion-location-grid label { margin-top: 0; }
.delegacion-primary-button { display: inline-flex; align-items: center; justify-content: center; min-height: 44px; padding: 0 22px; border: 0; border-radius: 999px; background: #101a34; color: #fff; font-size: .68rem; font-weight: 900; text-decoration: none; cursor: pointer; }
.delegacion-card > .delegacion-primary-button { width: 100%; margin-top: 28px; }
.delegacion-section-heading { text-align: center; margin-bottom: 24px; }
.delegacion-section-heading h2 { margin: 0; color: #101a34; font-size: clamp(1.5rem, 3vw, 2.2rem); font-weight: 900; }
.delegacion-section-heading p { margin: 6px 0 0; color: #77869b; font-size: .8rem; }
#delegacion-students { max-height: 640px; overflow-y: auto; padding-right: 6px; margin-bottom: 16px; }
.delegacion-student { margin-bottom: 16px; padding: 16px 18px 18px; border-left: 3px solid #2375ed; border-top: 1px solid #d8e4f4; border-right: 1px solid #d8e4f4; border-bottom: 1px solid #d8e4f4; }
.delegacion-student-heading { display: flex; align-items: center; justify-content: space-between; gap: 10px; color: #17243f; font-size: .9rem; cursor: pointer; }
.delegacion-student-heading strong { display: flex; align-items: center; min-width: 0; }
.delegacion-student-numero { display: inline-grid; flex-shrink: 0; place-items: center; width: 28px; height: 28px; margin-right: 10px; border-radius: 50%; background: #101a34; color: #fff; font-size: .8rem; }
.delegacion-student-heading strong [data-student-title] { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.delegacion-student-heading-actions { display: flex; align-items: center; gap: 8px; flex-shrink: 0; }
.delegacion-student-chevron { border: 0; background: transparent; color: #7b8da9; font-size: 1rem; cursor: pointer; transition: transform .15s ease; }
.delegacion-student.is-collapsed .delegacion-student-chevron { transform: rotate(-90deg); }
.delegacion-student-heading-actions [data-remove-student] { border: 0; background: transparent; color: #ed3f4d; font-size: 1.2rem; cursor: pointer; }
.delegacion-student-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 0 14px; }
.delegacion-student.is-collapsed .delegacion-student-grid { display: none; }

.delegacion-materia-label { display: block; margin: 18px 0 7px; color: #64748b; font-size: .58rem; font-weight: 900; letter-spacing: .05em; }
.delegacion-materia-details { padding: 10px 12px; border-radius: 8px; background: #f6f8fb; }
.delegacion-materia-details summary { display: flex; align-items: center; justify-content: space-between; gap: 6px; color: #243653; font-size: .75rem; font-weight: 700; cursor: pointer; list-style: none; }
.delegacion-materia-details summary::-webkit-details-marker { display: none; }
.delegacion-materia-details summary::after { content: ''; flex-shrink: 0; width: 7px; height: 7px; margin-right: 2px; border-right: 2px solid #7b8da9; border-bottom: 2px solid #7b8da9; transform: rotate(45deg); }
.delegacion-materia-details.is-campo-vacio { background: #fdecee; outline: 1px solid #ed3f4d; }
.delegacion-materia-options { display: flex; flex-direction: column; gap: 6px; margin: 10px 0 2px; padding-top: 10px; border-top: 1px solid #e5ebf2; }
.delegacion-materia-option { display: flex !important; align-items: center; gap: 8px; margin: 0 !important; color: #243653; font-size: .75rem; font-weight: 500; letter-spacing: normal; text-transform: none; cursor: pointer; }
.delegacion-materia-option input { width: auto !important; min-height: 0 !important; padding: 0; }
.delegacion-add-button { width: 100%; min-height: 42px; border: 1px solid #4d90ff; border-radius: 999px; background: #fff; color: #2375ed; font-size: .7rem; font-weight: 900; cursor: pointer; }
.delegacion-footer-actions { display: flex; align-items: center; justify-content: space-between; margin-top: 22px; padding-top: 18px; border-top: 1px solid #e5ebf2; }
.delegacion-footer-actions a { color: #71809a; font-size: .75rem; text-decoration: none; }
.delegacion-summary-card { max-width: 940px; }
.delegacion-list-box { padding: 18px; border: 1px solid #d8e4f4; border-radius: 16px; }
.delegacion-list-box h3 { margin: 0 0 14px; color: #17243f; font-size: 1rem; }
.delegacion-summary-item { display: grid; grid-template-columns: 36px 1fr auto; gap: 2px 12px; align-items: center; margin-top: 10px; padding: 14px; border: 1px solid #dce7f5; border-radius: 12px; }
.delegacion-summary-item > span { grid-row: 1 / 3; color: #2375ed; font-size: .65rem; font-weight: 900; }
.delegacion-summary-item strong { font-size: .78rem; }
.delegacion-summary-item small { color: #7b8da9; font-size: .64rem; }
.delegacion-summary-item b { grid-column: 3; grid-row: 1 / 3; padding: 7px 12px; border: 1px solid #a9c6f5; border-radius: 8px; color: #2375ed; font-size: .62rem; }
.delegacion-summary-total { display: flex; justify-content: space-between; align-items: center; margin-top: 18px; padding: 14px; color: #64748b; font-size: .7rem; font-weight: 900; }
.delegacion-summary-total strong { color: #2375ed; font-size: 1.6rem; }
@media (max-width: 760px) { .delegacion-card { width: calc(100% - 24px); } .delegacion-columns { grid-template-columns: 1fr; } .delegacion-location-grid, .delegacion-student-grid { grid-template-columns: 1fr; } .delegacion-card { padding: 18px; } .delegacion-summary-item { grid-template-columns: 30px 1fr; } .delegacion-summary-item b { grid-column: 2; grid-row: auto; width: fit-content; } }