.p12-banner{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;border:1px solid #cdd9bf;background:#eef2e4;border-radius:10px;padding:13px 17px;font-size:11px;letter-spacing:.7px;margin-bottom:20px}.p12-banner a{letter-spacing:0}.p12-layout{display:grid;grid-template-columns:1.35fr 1fr;gap:25px;align-items:start}.p12-map{margin:20px 0}.p12-map svg{width:100%;height:auto;display:block;border:1px solid #d9dfd0;border-radius:18px}.p12-map .note{font-size:12px}.p12 h1{font-size:clamp(42px,5vw,72px)}.p12 h2{font-size:clamp(34px,4vw,54px)}.p12 li{margin:13px 0;line-height:1.6}.p12-tools{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.p12-wordpair{border:1px solid #d9dfd0;border-radius:12px;padding:18px;background:#fafbf4}.p12-wordpair strong{font-size:19px}.p12-audio-heading{display:flex;justify-content:space-between;align-items:center;gap:15px}.p12-kicker{font-size:10px;letter-spacing:1.5px;color:#e0e9cc}.p12-audio-heading h3{margin:9px 0 18px}.p12-modes{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:14px 0}.p12-modes button{border:1px solid #cad6b5;border-radius:9px;padding:14px;background:transparent;color:#fff;text-align:left;font-size:16px}.p12-modes button[aria-pressed=true]{background:#e8eeb6;color:#173f36}.p12-modes small{display:block;margin-top:6px;font-size:12px}.p12-scenes{display:flex;flex-wrap:wrap;gap:8px;padding:10px 0}.p12-scenes[hidden]{display:none}.p12-scenes button{color:#fff;background:#ffffff0c;border:1px solid #ffffff70;border-radius:8px;padding:10px;font-size:12px;text-align:left}.p12-scenes button[aria-pressed=true]{border:2px solid #e8eeb6}.p12-scenes span{display:inline-block;margin-right:5px}.p12-audio-note{font-size:12px;color:#e0e9cc;line-height:1.6}.p12 [hidden]{display:none!important}.p12 .option{min-height:48px}.p12-line.current{outline:2px solid #8eab7b}.p12 .options{margin:15px 0}.p12 .celebration h2{font-size:40px}.p12 #p12Exercise:empty{display:none}@media(max-width:1000px){.p12-layout{grid-template-columns:1fr}}@media(max-width:550px){.p12-tools{grid-template-columns:1fr}.p12-modes{grid-template-columns:1fr}.p12-audio-heading{align-items:flex-start}.p12-audio-heading .badge{white-space:nowrap}.p12-banner{font-size:10px}.p12 .audio-box{padding:17px}.p12 .actions{align-items:stretch}.p12 .actions button{white-space:normal}}
.brand{font-size:27px;line-height:1.13;letter-spacing:-.6px;max-width:320px}.brand small{font:11px/1.5 system-ui,sans-serif;letter-spacing:.1px;text-transform:none;margin-top:12px}.welcome header .brand{font-size:34px}.p12-brandline{font-size:15px;color:#526c5a;margin:8px 0 25px}.p12 .p12-signature{font:italic 25px/1.4 Georgia,serif;margin:14px 0 20px;color:#355f48}@media(max-width:760px){.brand{font-size:26px}.welcome header .brand{font-size:28px;max-width:240px}.p12 .p12-signature{font-size:23px}}

/* Refinamientos visuales de la unidad 12 · octubre 2026 */
/* Selección y adaptación de la propuesta recibida; todos los selectores se limitan a .p12. */
.p12 .panel{background:#fffefa;border:1px solid #d9dfd0;border-radius:12px;padding:24px;margin:24px 0}
.p12 .panel h3{line-height:1.35;margin-bottom:16px}
.p12 .p12-audio{background:#24594b;color:#fffefa;padding:28px;border:1px solid #24594b;border-radius:14px;margin:28px 0;box-shadow:0 4px 12px #00000012}
.p12 .p12-audio-heading{display:flex;justify-content:space-between;align-items:flex-start;gap:18px;flex-wrap:wrap;margin-bottom:20px}
.p12 .p12-audio-heading>div:first-child{flex:1 1 220px;min-width:0}
.p12 .p12-audio .p12-audio-heading h3{color:#fffefa;font-size:22px;line-height:1.35;margin:7px 0 0;overflow-wrap:anywhere}
.p12 .p12-kicker{display:block;color:#e0e9cc;font-size:11px;line-height:1.5;letter-spacing:1.2px}
.p12 .p12-audio-heading .badge{background:#ffffff14;border:1px solid #ffffff55;color:#fffefa;font-size:12px;padding:8px 12px;white-space:nowrap;border-radius:7px}
.p12 .p12-modes{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:12px;margin:0 0 20px}
.p12 .p12-modes button{min-width:0;min-height:76px;background:#ffffff0d;border:1px solid #ffffff70;border-radius:9px;padding:14px 16px;color:#fffefa;font-size:16px;text-align:left;transition:background-color .18s ease,border-color .18s ease}
.p12 .p12-modes button:hover{background:#ffffff1f;border-color:#e8eeb6}
.p12 .p12-modes button[aria-pressed=true]{background:#e8eeb6;border-color:#e8eeb6;color:#173f36}
.p12 .p12-modes button small{display:block;color:#e0e9cc;font-size:13px;line-height:1.45;margin-top:5px}
.p12 .p12-modes button[aria-pressed=true] small{color:#355f48}
.p12 .p12-scenes{display:flex;flex-wrap:wrap;gap:9px;margin:0 0 14px;padding:8px 0}
.p12 .p12-scenes button{min-height:44px;max-width:100%;color:#fffefa;background:#ffffff0d;border:1px solid #ffffff70;border-radius:7px;padding:10px 13px;line-height:1.45}
.p12 .p12-scenes button[aria-pressed=true]{background:#e8eeb6;color:#173f36;border:1px solid #e8eeb6;box-shadow:inset 0 0 0 1px #e8eeb6}
.p12 .p12-audio #speaker{color:#e0e9cc;font-size:14px;line-height:1.6;margin:15px 0 6px}
.p12 .p12-audio audio{display:block;width:100%;max-width:100%;height:44px;margin:14px 0 18px;border-radius:7px}
.p12 .audio-tools{display:flex;flex-wrap:wrap;gap:10px;align-items:center}
.p12 .audio-tools button{min-height:44px;max-width:100%;white-space:normal;background:#ffffff0d;border:1px solid #ffffff70;color:#fffefa;border-radius:7px;padding:10px 13px;font-size:13px;line-height:1.4}
.p12 .audio-tools button:hover{background:#ffffff1f}
.p12 .audio-tools button[aria-pressed=true]{background:#e8eeb6;color:#173f36;border-color:#e8eeb6}
.p12 .audio-tools label{color:#e0e9cc;font-size:13px;margin:0}
.p12 .audio-tools select{min-height:44px;border:1px solid #ffffff70;background:#fffefa;color:#163e36;border-radius:6px}
.p12 .p12-audio .p12-audio-note{color:#e0e9cc;font-size:13px;line-height:1.65;margin:16px 0 0}
.p12 #p12TextArea{padding:20px;background:#eef1e7;border:1px solid #d9dfd0;border-radius:10px;margin:24px 0}
.p12 #p12TextArea>.note{color:#526c5a;font-size:14px;line-height:1.6;margin:0 0 10px}
.p12 #p12TextArea>button.quiet{min-height:44px;text-decoration:underline;text-underline-offset:3px;color:#24594b}
.p12 .line{background:#fffefa;padding:15px 16px;border:1px solid #d9dfd0;border-radius:9px}
.p12 .line.current{background:#e9f0dd;border-color:#8eab7b;outline:2px solid #8eab7b;outline-offset:-1px}
.p12 .line p{font-size:16px;line-height:1.65;color:#163e36}
.p12 .line small{font-size:14px;line-height:1.6;color:#526c5a}
.p12 .p12-map{margin:28px 0;min-width:0}
.p12 .p12-map svg{border:1px solid #d9dfd0;border-radius:16px;box-shadow:0 2px 8px #0000000a}
.p12 .p12-map .note{padding-top:13px;border-top:1px solid #d9dfd0;font-size:13px;line-height:1.65;color:#526c5a}
.p12 .options{display:grid;gap:11px;margin:20px 0}
.p12 .option{min-height:50px;border:1px solid #bdc9b4;background:#fafbf4;color:#163e36;border-radius:9px;padding:15px 16px;font-size:15px;line-height:1.55;text-align:left;transition:background-color .18s ease,border-color .18s ease}
.p12 .option:hover{background:#eef1e7;border-color:#77926c}
.p12 .feedback{background:#e9f0dd;border-left:4px solid #71924b;border-radius:9px;padding:18px 20px;margin:20px 0;line-height:1.7;color:#163e36}
.p12 .feedback>b{display:block;color:#24594b;margin-bottom:6px}
.p12 .feedback p{font-size:15px;color:#355345;line-height:1.65}
.p12 .feedback.error{background:#fff1df;border-left-color:#bc8a46}
.p12 .feedback.error>b{color:#8b5a1a}
.p12 .celebration{position:relative;overflow:hidden;text-align:center;padding:42px 28px;background:linear-gradient(135deg,#e9edcc,#eef1e7);border:1px solid #d9dfd0;border-radius:16px;margin:28px 0}
.p12 .celebration .eyebrow{color:#586331}
.p12 .celebration .p12-signature{font:italic 25px/1.4 Georgia,serif;color:#355f48;margin:14px 0 20px}
.p12 button:focus-visible,.p12 a:focus-visible,.p12 input:focus-visible,.p12 select:focus-visible,.p12 summary:focus-visible{outline:3px solid #b8843f;outline-offset:3px}
.p12 [hidden]{display:none!important}
@media(max-width:760px){
 .p12 .p12-audio{padding:20px}
 .p12 .p12-audio-heading{gap:12px}
 .p12 .p12-audio-heading>div:first-child{flex-basis:100%}
 .p12 .p12-audio .p12-audio-heading h3{font-size:20px}
 .p12 .p12-modes{grid-template-columns:minmax(0,1fr)}
 .p12 .audio-tools{align-items:stretch}
 .p12 .audio-tools button{flex:1 1 110px}
 .p12 .audio-tools label{align-self:center}
 .p12 .panel{padding:18px}
 .p12 .celebration{padding:30px 20px}
}
@media(prefers-reduced-motion:reduce){.p12 *,.p12 *::before,.p12 *::after{transition:none!important;animation:none!important;scroll-behavior:auto!important}}

/* Escucha progresiva y diccionario · revisión 5 */
.p12 .p12-start h2{font-size:28px;line-height:1.3;margin-top:0}
.p12 .p12-start-options,.p12 .p12-next-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin:22px 0}
.p12 .p12-start-options button,.p12 .p12-next-options button{padding:22px;text-align:left;min-height:125px;white-space:normal;line-height:1.5;font-size:18px}
.p12 .p12-start-options small,.p12 .p12-next-options small{display:block;font-size:14px;font-weight:400;line-height:1.6;margin-top:12px}
.p12 .p12-start-options .primary small,.p12 .p12-next-options .primary small{color:#e0e9cc}
.p12 .p12-after-listening>p{line-height:1.7}
.p12-future-step{font-size:11px;color:#68766c;border:1px solid #dedfd4;border-radius:7px;padding:9px 12px;display:inline-block}
.dictionary-tabs{display:flex;gap:10px;flex-wrap:wrap;margin:22px 0}
.dictionary-tabs button{padding:12px 17px;border:1px solid #9daf94;border-radius:8px;background:#fffefa;color:#163e36;min-height:44px}
.dictionary-tabs button[aria-pressed=true]{background:#24594b;border-color:#24594b;color:#fffefa}
.dictionary-unit{border:1px solid #bdc9b4;border-radius:6px;background:#eef1e7;color:#163e36;padding:8px;margin:3px 0;min-height:40px;font-size:12px}
.dictionary-dialog{max-width:800px;max-height:88vh;overflow:auto}
.dictionary-dialog section>h3{padding-top:22px;border-bottom:1px solid #dedfd4;padding-bottom:12px}
.dictionary-dialog [hidden]{display:none!important}
.glossary-table details p{font-size:13px;line-height:1.6}
@media(max-width:680px){.p12 .p12-start-options,.p12 .p12-next-options{grid-template-columns:minmax(0,1fr)}.p12 .p12-start-options button,.p12 .p12-next-options button{min-height:110px;padding:18px}.dictionary-tabs{display:grid;grid-template-columns:1fr}.dictionary-dialog{padding:18px}}
.voice-columns{display:grid;grid-template-columns:1fr 1fr;gap:24px}.voice-columns>div{min-width:0;padding:16px;border:1px solid #cad8d1;border-radius:12px}.voice-columns audio{display:block;width:100%;margin:16px 0}.voice-columns audio[hidden]{display:none}.audio-page-next{margin:28px 0;padding-bottom:12px}.instruction-help{margin:12px 0;color:#24594b}.instruction-help summary{cursor:pointer;font-weight:600}.instruction-help p{padding:12px;background:#f0f4ef;border-radius:8px}@media(max-width:640px){.voice-columns{grid-template-columns:1fr}}