/* 3-oct-2026 · Trayectoria del Maestro Mario (#instructores): titular, línea del tiempo y credenciales personales. */
.tray-titular{margin:10px 0 12px;font-size:clamp(20px,2.4vw,26px);line-height:1.3;font-weight:800;color:#0d2138;max-width:34ch;overflow-wrap:anywhere}
.tray-intro{max-width:72ch;line-height:1.7;color:#22364d;margin:0 0 6px}
.tray-linea-titulo{margin:18px 0 8px;font-size:15px;font-weight:800;letter-spacing:.04em;text-transform:uppercase;color:#40536a}
.tray-linea{list-style:none;margin:0 0 16px;padding:0;border-left:3px solid #c9232b;max-width:72ch}
.tray-linea li{position:relative;display:grid;grid-template-columns:minmax(118px,auto) minmax(0,1fr);gap:4px 14px;padding:8px 0 8px 18px;line-height:1.45;color:#22364d}
.tray-linea li::before{content:"";position:absolute;left:-8px;top:14px;width:13px;height:13px;border-radius:50%;background:#fff;border:3px solid #c9232b}
.tray-linea b{color:#0d2138;font-size:15.5px}
.tray-linea span{min-width:0;overflow-wrap:anywhere}
@media(max-width:520px){.tray-linea li{grid-template-columns:1fr;gap:2px}}
#biografia-mario{margin:4px 0 16px}
#biografia-mario>p{line-height:1.7}
#credenciales-instructor>summary .tray-cert-boton{display:inline-block;background:#0d2138;color:#fff;border-radius:10px;padding:10px 16px;font-size:17px;font-weight:800;margin-right:10px;min-height:44px;box-sizing:border-box}
#credenciales-instructor>summary .tray-cert-sub{display:block;margin-top:8px;font-size:15px;font-weight:600;color:#40536a;line-height:1.45}
#credenciales-instructor>summary:focus-visible{outline:3px solid #e6a72c;outline-offset:4px}
.tray-cert-escuela{display:inline-block;margin:-12px 0 22px;color:#c9232b;font-weight:700}
/* Filosofía de enseñanza + frase destacada (orden de Mario 3-oct). En celular: foto arriba, texto abajo. */
.tray-filo{display:grid;grid-template-columns:minmax(0,320px) minmax(0,1fr);gap:28px;align-items:center;margin:40px 0 0;padding:24px;background:#f2f6fb;border:1px solid #c8d6e4;border-radius:18px}
.tray-filo-foto{width:100%;height:auto;aspect-ratio:4/5;object-fit:cover;object-position:48% 20%;border-radius:14px;display:block}
.tray-filo-texto h3{margin:6px 0 12px;font-size:clamp(22px,2.6vw,30px);line-height:1.25;color:#0d2138;overflow-wrap:anywhere}
.tray-filo-texto p{max-width:68ch;line-height:1.75;color:#22364d}
.tray-filo-texto .tray-filo-firma{margin:14px 0 0;font-weight:700;color:#0d2138}
.tray-frase{margin:28px 0 0;padding:26px 24px;background:#0d2138;border-radius:18px;color:#fff}
.tray-frase .eyebrow{color:#f3c76b;margin:0 0 6px}
.tray-frase blockquote{margin:0;padding:0 0 0 18px;border-left:5px solid #e0353d}
.tray-frase blockquote p{margin:0;font-size:clamp(24px,3.4vw,38px);line-height:1.2;font-weight:800;color:#fff;overflow-wrap:anywhere}
.tray-frase figcaption{margin-top:14px;max-width:72ch;line-height:1.65;color:#e3ebf5}
.tray-frase figcaption small{display:block;margin-top:6px;font-size:14px;color:#c4d2e3}
@media(max-width:700px){.tray-filo{grid-template-columns:1fr;padding:16px;gap:16px}.tray-filo-foto{aspect-ratio:1/1;max-width:420px}.tray-frase{padding:20px 16px}}
/* Orden consolidada (Mario 3-oct): cargos + complemento, periodos por especialidad (bloques, distintos de los hitos) y «Educar con el corazón». */
.instructor-ficha .tray h3{overflow-wrap:anywhere}
.tray-cargos{margin:6px 0 0;font-size:17px;font-weight:700;line-height:1.45;color:#22364d}
.tray-complemento{max-width:72ch;margin:0 0 6px;line-height:1.7;color:#22364d}
.tray-periodos{max-width:72ch;margin:0 0 6px}
.tray-periodos-lista{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.tray-periodos-lista li{background:#f2f6fb;border:1px solid #c8d6e4;border-top:4px solid #c9232b;border-radius:12px;padding:12px 14px;line-height:1.5;color:#22364d;min-width:0}
.tray-periodos-lista b{display:block;color:#0d2138;font-size:19px;font-weight:800;overflow-wrap:anywhere}
.tray-periodos-lista strong{display:block;margin:4px 0;color:#0d2138;font-size:16px;overflow-wrap:anywhere}
.tray-periodos-lista span{display:block;overflow-wrap:anywhere}
@media(max-width:620px){.tray-periodos-lista{grid-template-columns:1fr}}
.tray-corazon{margin:28px 0 0;padding:24px;background:#f2f6fb;border:1px solid #c8d6e4;border-radius:18px}
.tray-corazon .eyebrow{margin:0 0 6px}
.tray-corazon h3{margin:0 0 14px;font-size:clamp(22px,2.6vw,30px);line-height:1.25;color:#0d2138;overflow-wrap:anywhere}
#mensaje-mario{margin:0 0 16px}
#mensaje-mario>summary{display:list-item;background:#fff;border:1px solid #c8d6e4;border-radius:12px;padding:12px 16px;font-size:17px;font-weight:700;color:#0d2138;cursor:pointer;min-height:44px;box-sizing:border-box}
#mensaje-mario>summary:focus-visible{outline:3px solid #e6a72c;outline-offset:4px}
#mensaje-mario>p{max-width:68ch;line-height:1.75;color:#22364d;margin:14px 0 0}
.tray-corazon-destacado{margin:0;padding:4px 0 4px 18px;border-left:5px solid #c9232b}
.tray-corazon-destacado p{margin:0;font-size:clamp(19px,2.2vw,24px);line-height:1.4;font-weight:800;color:#0d2138;max-width:52ch;overflow-wrap:anywhere}
.tray-corazon-firma{margin:14px 0 0;font-weight:700;color:#0d2138}
@media(max-width:700px){.tray-corazon{padding:16px}}