/* Identidad visual de EEST Nº 1. Cargar después de los estilos existentes. */
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@500;600;700;800&family=Inter:wght@400;500;600;700&display=swap');
:root{--navy:#0a2540;--blue:#1565c0;--cyan:#00b4c4;--orange:#ff7a18;--ink:#1f2a37;--muted:#5b6b7b;--line:#e3e9f0;--canvas:#f4f7fb}
.school-app,.school-app *,.school-app *::before,.school-app *::after{box-sizing:border-box}
body.school-app{margin:0;padding:0;background:var(--canvas);font-family:Inter,Arial,sans-serif;color:var(--ink);font-size:14px;line-height:1.6}
.school-header{background:linear-gradient(105deg,#0a2540,#11487f);border-bottom:3px solid var(--orange);color:#fff}
.school-header-inner{max-width:1240px;margin:auto;padding:22px 32px;display:flex;align-items:center;justify-content:space-between;gap:28px}
.school-brand{display:flex;align-items:center;gap:14px;text-decoration:none;color:#fff;flex-shrink:0}
.school-brand:hover{color:#fff}.school-brand img{object-fit:contain}.school-brand strong{display:block;font:700 22px Poppins,Arial,sans-serif;letter-spacing:.02em}.school-brand small{display:block;color:#d8e7f6;font-size:12px;margin-top:3px}
.school-nav{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.school-nav a{padding:10px 14px;border-radius:8px;text-decoration:none;color:#e3edf8;font-size:13px;font-weight:600}.school-nav a:hover,.school-nav a[aria-current]{background:#ffffff18;color:white}.school-nav a[aria-current]{box-shadow:inset 0 -2px var(--orange)}
.page-intro{max-width:1180px;margin:38px auto 26px;padding:0 4px;display:flex;align-items:center;justify-content:space-between;gap:24px}.eyebrow{font-size:10px;letter-spacing:.16em;font-weight:700;color:var(--blue)}.school-app .page-intro h2{font:700 clamp(26px,3.5vw,38px)/1.25 Poppins,Arial,sans-serif;color:var(--navy);margin:10px 0}.page-intro p{margin:0;color:var(--muted);font-size:15px}.intro-mark{display:grid;place-items:center;width:72px;height:72px;border-radius:20px;background:#e6f3f6;color:#007c87;font-size:42px;flex-shrink:0}
.school-app>.container,.school-app>#container_a4{width:calc(100% - 64px);max-width:1180px;margin:0 auto 32px;padding:32px;background:white;border:1px solid var(--line);border-radius:16px;box-shadow:0 5px 24px #0a254008}
.school-app h1,.school-app #container_a4 h1{font:600 23px/1.4 Poppins,Arial,sans-serif;color:var(--navy);border:0;margin:0 0 24px;padding:0}
.school-app h3{font:600 17px/1.4 Poppins,Arial,sans-serif;color:var(--navy);border:0;padding:0;margin:24px 0 14px}.school-app h4,.school-app #container_a4 h4{font:500 13px/1.6 Inter,Arial,sans-serif;color:var(--muted);margin:0 0 28px;letter-spacing:.03em}
.school-app a{transition:background .15s,color .15s}.school-app .header-actions{display:flex;flex-wrap:wrap;gap:12px;margin:0 0 28px;justify-content:flex-end}.school-app .header-actions .btn:nth-child(2){background:white;color:var(--navy);border:1px solid var(--line)}
.school-app button,.school-app .btn,.school-app .btn-back,.school-app #btn-transporte,.school-app #btn-anexo4,.school-app #container_a4 form button{font:600 13px/1.5 Inter,Arial,sans-serif;border:1px solid transparent;border-radius:9px;min-height:44px;padding:11px 18px;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;gap:6px;cursor:pointer;box-shadow:none;white-space:normal;background:var(--blue);color:white}
.school-app button:hover,.school-app .btn:hover{background:#11487f;color:#fff}.school-app button:disabled{opacity:.55;cursor:not-allowed}.school-app .btn-back{background:#edf3f9;color:var(--blue);margin:0 0 24px;padding:8px 14px;min-height:38px}.school-app .btn-back:hover{background:#deeaf6;color:var(--navy)}
.school-app .header-actions .btn:first-child,.school-app #agregarNoDocente{background:var(--orange);color:#172b40}.school-app #btn-anexo4,.school-app #btn-transporte{background:#edf3f9;color:var(--blue);margin:0 8px 20px 0}.school-app .btn-borrar{background:#fff1f2;color:#b42338;border-color:#ffd9df}.school-app .btn-borrar:hover{background:#ffe1e6;color:#9c1730}
.school-app input:not([type=hidden]):not([type=checkbox]),.school-app select,.school-app textarea,.school-app #container_a4 form input:not([type=hidden]),.school-app #container_a4 form textarea{width:100%;max-width:100%;min-height:46px;padding:11px 13px;border:1px solid #ced9e5;border-radius:8px;background:#fff;color:var(--ink);font:400 14px/1.5 Inter,Arial,sans-serif;margin:0;box-shadow:none}
.school-app input[readonly],.school-app #container_a4 form input[readonly]{background:#f2f5f9;color:#53657b;border-color:#e1e7ef}.school-app input:focus,.school-app select:focus,.school-app textarea:focus{outline:3px solid #1565c025;border-color:var(--blue)}.school-app :focus-visible{outline:3px solid var(--cyan);outline-offset:3px}.school-app input[type=checkbox]{width:20px;height:20px;accent-color:var(--blue)}
.school-app label,.school-app #container_a4 form label{display:block;font-size:13px;font-weight:600;color:#36465a;margin:0 0 7px}.school-app textarea{resize:vertical;min-height:110px}.school-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px 26px;width:100%}.school-form>.form-field{min-width:0}.school-form>.field-wide,.school-form>h3,.school-form>h4,.school-form>p,.school-form>span,.school-form>button{grid-column:1/-1}.school-form>br{display:none}.school-form>.field-check{display:flex;align-items:center;gap:12px;padding:16px 18px;background:#f1f6fc;border-radius:10px}.field-check label{margin:0;flex:1}.school-form>.btn-submit,.school-app #container_a4 form>button{width:auto;justify-self:end;min-width:210px;margin:12px 0 0}.school-form>h3{margin-top:0;padding-bottom:16px;border-bottom:1px solid var(--line)}
.school-app .table-responsive{width:100%;overflow-x:auto;border:1px solid var(--line);border-radius:12px;margin:16px 0}.school-app table{width:100%;border-collapse:collapse;margin:0;min-width:820px}.school-app #tablaSalidas{table-layout:fixed}.school-app th,.school-app td{padding:17px 15px!important;font-size:13px!important;line-height:1.6;vertical-align:middle;border:0;border-bottom:1px solid #edf1f6;white-space:normal!important;overflow-wrap:anywhere}.school-app th{background:#f0f5fb;color:#4d617b;font-size:11px!important;letter-spacing:.025em;font-weight:700;text-align:left}.school-app tbody tr:last-child td{border-bottom:0}.school-app tbody tr:hover{background:#f8fbff}.school-app td .btn{font-size:12px;min-height:38px;padding:8px 12px}.school-app #tablaAsistentes{min-width:1000px}.school-app #tablaAsistentes td:last-child{min-width:200px}.school-app td button{margin:3px;min-height:36px;padding:7px 11px;font-size:12px}.school-app td:first-child{color:var(--blue);font-weight:600}
.school-app .table-hint{color:var(--muted);font-size:12px}.school-app .people-grid{display:grid;grid-template-columns:1fr 1fr 1.25fr;gap:18px;margin:24px 0}.school-app .people-grid>div{padding:22px;background:#f6f9fd;border:1px solid var(--line);border-radius:12px;min-width:0}.school-app .people-grid h3{margin:0 0 16px;font-size:15px}.school-app .people-grid input{margin:0 0 10px!important}.school-app #agregarNoDocente{width:100%}.school-app #estadoSalida{width:auto;min-width:160px;display:inline-block;margin-right:8px}.school-app #lugarVisita,.school-app #fechaVisita{margin-bottom:20px}.school-app hr{border:0;border-top:1px solid var(--line);opacity:1}.school-app .estado-pendiente{background:#fff3df;color:#8f4b00;border:1px solid #f9dfb4;border-radius:30px;padding:8px 12px;font-size:11px}.school-app .estado-finalizado{background:#e9f7ed;color:#25633c;border:1px solid #c9e6d3;border-radius:30px;padding:8px 12px;font-size:11px}.school-app .botones{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:24px}.school-app .text-muted{font-size:12px;color:var(--muted)}.school-app .mensaje.ok{background:#e9f7ed;color:#25633c}.school-app .mensaje.error{background:#fff1f2;color:#b42338}
.school-footer{max-width:1180px;margin:36px auto 24px;padding:0 4px;display:flex;justify-content:space-between;gap:16px;color:#748395;font-size:11px}.school-footer strong{font-weight:600}.school-app .ui-autocomplete{border:1px solid var(--line);border-radius:9px;box-shadow:0 8px 24px #0a254018;max-height:280px;overflow:auto}
@media(max-width:1000px){.school-header-inner{padding:20px 24px;flex-wrap:wrap}.page-intro,.school-footer{margin-left:24px;margin-right:24px}.school-app>.container,.school-app>#container_a4{width:calc(100% - 48px);padding:24px}.school-app .people-grid{grid-template-columns:1fr 1fr}.school-app #bloqueNoDocente{grid-column:1/-1}.school-nav a{padding:9px 10px}}
@media(max-width:600px){.school-header-inner{padding:18px 16px;gap:18px}.school-brand strong{font-size:20px}.school-brand small{font-size:10px}.school-brand img{width:46px;height:46px}.school-nav{width:100%;gap:3px}.school-nav a{font-size:11px;padding:9px 8px}.page-intro{margin:26px 16px 22px}.page-intro p{font-size:13px}.intro-mark{display:none}.eyebrow{font-size:9px}.school-app>.container,.school-app>#container_a4{width:calc(100% - 24px);padding:20px 16px;border-radius:12px}.school-app h1,.school-app #container_a4 h1{font-size:20px}.school-app .header-actions{flex-direction:column}.school-form,.school-app .people-grid{grid-template-columns:1fr}.school-app #bloqueNoDocente{grid-column:auto}.school-form>.btn-submit,.school-app #container_a4 form>button{width:100%;min-width:0}.school-app .botones{align-items:stretch;flex-direction:column}.school-footer{flex-direction:column;margin:24px 16px;gap:5px}.school-app input:not([type=hidden]):not([type=checkbox]),.school-app select,.school-app textarea{font-size:16px}.school-app #estadoSalida{width:100%;margin-bottom:10px}.school-app .estado-finalizado,.school-app .estado-pendiente{display:inline-block;width:auto;margin:10px 0}.school-app .btn-estado{width:100%}}
@media(prefers-reduced-motion:reduce){.school-app *{transition:none!important}}

.school-app .school-form>h4{margin:12px 0 0;padding:12px 0;border-bottom:1px solid var(--line);color:var(--navy);font-weight:600}.school-app textarea[readonly]{background:#f2f5f9;color:#53657b}