/* Ejercicios terapéuticos screens (app/views/fibbel-ui/software-de-ejercicios-terapeuticos-en-fisioterapia.php).
   Sources: fibbel_frontend/src/index.css desktop rules (.flex-builder-programa, .builder-programa, .datos-programa, .nombre-programa,
   .explicacion-programa, .ejercicios-elegidos, .div-ejercicio-lista-*-builder, .lista-ejercicios-disponibles, .Ejercicio-form,
   .nombre-Ejercicio, .categorias-Ejercicio, .explicacion-Ejercicio, .div-representacion-dato, .series-repeticiones-div-modal,
   .div-botones-modal-series-repeticiones) plus MUI 6 defaults (Tabs, Autocomplete, Paper, Button large, Divider, Typography) and quill.snow.css. */
body.exp-feature-problema .fx-app .fx-c-info{color:#0288d1}
body.exp-feature-problema .fx-app .fxej-h2{font-size:1.5em;font-weight:bold;text-align:center;color:#0A2463;margin-top:30px}
body.exp-feature-problema .fx-app .fxej-h3{font-size:1.17em;font-weight:bold;text-align:center;color:#0A2463;margin-top:30px}
/* NuevoProgramaEjercicio: .builder-programa grid (1000px in the app, here the 980px content width) */
body.exp-feature-problema .fx-app .fxej-builder{display:grid;grid-template-columns:1fr auto;align-items:start;width:100%}
body.exp-feature-problema .fx-app .fxej-datos{display:flex;flex-direction:column;align-items:flex-start;padding:40px 20px;background:#fff;border:1px solid #fff;border-radius:0 20px 20px 0;box-shadow:0 8px 16px 0 rgba(0,0,0,.2);min-width:0}
body.exp-feature-problema .fx-app .fxej-nombre{display:flex;align-items:flex-end;justify-content:center;width:100%;margin-left:10px}
body.exp-feature-problema .fx-app .fxej-nombre .fx-tf-standard{margin:16px 0 8px}
body.exp-feature-problema .fx-app .fxej-explicacion{display:flex;margin:15px 0 0 10px;width:95%}
body.exp-feature-problema .fx-app .fxej-multiline{width:100%;min-height:139px;align-items:flex-start;margin:16px 0 8px}
body.exp-feature-problema .fx-app .fxej-multiline .fx-tf-input{white-space:normal;align-items:flex-start}
body.exp-feature-problema .fx-app .fxej-elegidos{display:grid;grid-template-columns:1fr 1fr 1fr;column-gap:20px;margin:0 auto}
body.exp-feature-problema .fx-app .fxej-card{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;margin:30px auto;padding:1px;width:fit-content;background:#f0f0f0}
body.exp-feature-problema .fx-app .fxej-img{display:block;width:180px;height:110px;background:#0000000a}
body.exp-feature-problema .fx-app .fxej-card-name,body.exp-feature-problema .fx-app .fxej-card-series{margin-top:15px;text-align:center;max-width:180px}
body.exp-feature-problema .fx-app .fxej-card-series{font-size:12px}
body.exp-feature-problema .fx-app .fxej-card-btns{display:flex;align-items:center;justify-content:center;margin-top:15px}
body.exp-feature-problema .fx-app .fxej-avail-name{max-width:150px}
body.exp-feature-problema .fx-app .fxej-lista{width:300px;height:800px;margin-left:15px;overflow:hidden;background:#fff;border:1px solid #fff;border-radius:20px 0 0 20px;box-shadow:0 8px 16px 0 rgba(0,0,0,.2)}
body.exp-feature-problema .fx-app .fxej-buscador{display:flex;flex-direction:column;align-items:center}
body.exp-feature-problema .fx-app .fxej-buscador .fx-tf-standard{width:200px;margin:30px 0}
body.exp-feature-problema .fx-app .fxej-buscador .fx-tf-label{max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
body.exp-feature-problema .fx-app .fxej-lista .fxej-ac{width:250px;margin:30px auto}
body.exp-feature-problema .fx-app .fxej-ac{padding-right:28px;min-height:41px;padding-top:16px;padding-bottom:1px}
body.exp-feature-problema .fx-app .fxej-ac .fx-tf-label{top:16px;font-size:1rem}
body.exp-feature-problema .fx-app .fxej-ac.fx-tf-filled .fx-tf-label{top:0;font-size:.75rem}
body.exp-feature-problema .fx-app .fxej-ac .fx-tf-input{flex-wrap:wrap}
body.exp-feature-problema .fx-app .fxej-ac .fx-chip{margin:2px}
body.exp-feature-problema .fx-app .fxej-ac .fx-tf-end{right:0;top:auto;bottom:2px;transform:none}
/* Ejercicios.jsx: exercise list (.valoracion-div > .div-flex-buscar-datos > .div-representacion-dato) */
body.exp-feature-problema .fx-app .fxej-dato{width:900px;margin-bottom:20px;background:#fff;border-radius:8px;box-shadow:0 2px 4px rgba(0,0,0,.1);display:flex;flex-direction:column;align-items:center}
body.exp-feature-problema .fx-app .fxej-tabs{display:flex;align-items:stretch;min-height:48px;max-width:800px;overflow:hidden;font-family:"Roboto","Helvetica","Arial",sans-serif}
body.exp-feature-problema .fx-app .fxej-tabs-scroller{flex:1;min-width:0;display:flex;overflow:hidden}
body.exp-feature-problema .fx-app .fxej-tab{position:relative;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;min-height:48px;min-width:90px;max-width:360px;padding:12px 16px;font-weight:500;font-size:.875rem;line-height:1.25;letter-spacing:.02857em;text-transform:uppercase;color:rgba(0,0,0,.6);text-align:center}
body.exp-feature-problema .fx-app .fxej-tab-on{color:#1976d2}
body.exp-feature-problema .fx-app .fxej-tab-on:after{content:"";position:absolute;left:0;right:0;bottom:0;height:2px;background:#1976d2}
body.exp-feature-problema .fx-app .fxej-tab-scroll{flex:0 0 40px;display:flex;align-items:center;justify-content:center;color:rgba(0,0,0,.54)}
body.exp-feature-problema .fx-app .fxej-tab-scroll .fx-ic{font-size:1.25rem}
body.exp-feature-problema .fx-app .fxej-tab-scroll-off{opacity:.3}
body.exp-feature-problema .fx-app .fxej-panel{width:100%;padding:24px}
body.exp-feature-problema .fx-app .fxej-form{display:grid;grid-template-columns:1fr .7fr;gap:10px;margin:0 30px}
body.exp-feature-problema .fx-app .fxej-nombre-cat{grid-column:1/3;grid-row:1;max-width:800px}
body.exp-feature-problema .fx-app .fxej-nombre-ej{display:flex;align-items:flex-end;justify-content:center;gap:5px;width:600px;margin:auto}
body.exp-feature-problema .fx-app .fxej-nombre-ej .fx-tf-standard{margin:16px 0 8px}
body.exp-feature-problema .fx-app .fxej-categorias{display:flex;align-items:center;justify-content:center;gap:20px}
body.exp-feature-problema .fx-app .fxej-categorias .fxej-ac{width:240px;margin:30px auto}
body.exp-feature-problema .fx-app .fxej-explicacion-ej{grid-column:1;grid-row:2;max-width:400px}
body.exp-feature-problema .fx-app .fxej-imagen-ej{grid-column:2;grid-row:2}
body.exp-feature-problema .fx-app .fxej-imagen-input{display:flex;flex-direction:column;align-items:center}
body.exp-feature-problema .fx-app .fxej-img-lg{width:240px;height:160px}
/* quill.snow editor (.editorTexto) */
body.exp-feature-problema .fx-app .fxej-editor{margin:10px 0 20px}
body.exp-feature-problema .fx-app .fxej-ql-toolbar{height:42px;border:1px solid #ccc;background:#fff}
body.exp-feature-problema .fx-app .fxej-ql-editor{min-height:160px;padding:12px 15px;border:1px solid #ccc;border-top:0;background:#fff;font-family:Helvetica,Arial,sans-serif;font-size:13px;line-height:1.42}
body.exp-feature-problema .fx-app .fxej-ql-short{min-height:110px}
/* react-modal "Editar Ejercicio" (NuevoProgramaEjercicio.jsx:169-181, 470-525) */
body.exp-feature-problema .fx-app .fxej-overlay{position:absolute;inset:0;z-index:5;background:rgba(0,0,0,.75)}
body.exp-feature-problema .fx-app .fxej-modal{position:absolute;top:40px;bottom:40px;left:40px;right:40px;max-width:900px;margin:0 auto;padding:20px;overflow:hidden;background:#fff;border:1px solid #ccc;border-radius:4px}
body.exp-feature-problema .fx-app .fxej-modal-h2{font-size:1.5em;font-weight:bold;text-align:center;color:#0A2463;margin-top:30px}
body.exp-feature-problema .fx-app .fxej-series{display:grid;grid-template-columns:1fr 1fr 1fr;column-gap:15px;margin:40px 25px 0}
body.exp-feature-problema .fx-app .fxej-series .fx-tf{margin:16px 0 8px}
body.exp-feature-problema .fx-app .fxej-select .fx-tf-input{padding-right:24px}
body.exp-feature-problema .fx-app .fxej-descripcion{margin:20px 25px 0}
body.exp-feature-problema .fx-app .fxej-modal-btns{display:flex;align-items:center;justify-content:center;gap:20px;margin-top:10px}
/* ExerciseProgramSelectorPage: Box mt 8 > Paper p 4 > Typography h5 + Stack spacing 4 */
body.exp-feature-problema .fx-app .fxej-selector{display:flex;flex-direction:column;align-items:center;margin-top:64px}
body.exp-feature-problema .fx-app .fxej-sel-paper{min-width:340px;max-width:820px;padding:32px;text-align:center}
body.exp-feature-problema .fx-app .fxej-h5{font-family:"Roboto","Helvetica","Arial",sans-serif;font-size:1.5rem;line-height:1.334;margin-bottom:.35em}
body.exp-feature-problema .fx-app .fxej-stack{display:flex;flex-direction:column;gap:32px;margin-top:32px}
body.exp-feature-problema .fx-app .fxej-btn-large{display:flex;width:100%;margin-bottom:8px;padding:8px 22px;font-size:.9375rem}
body.exp-feature-problema .fx-app .fxej-btn-large.fx-btn-outlined{padding:7px 21px}
body.exp-feature-problema .fx-app .fxej-btn-secondary{color:#9c27b0;border-color:rgba(156,39,176,.5)}
body.exp-feature-problema .fx-app .fxej-btn-large .fx-ic{font-size:22px}
body.exp-feature-problema .fx-app .fxej-body2{font-family:"Roboto","Helvetica","Arial",sans-serif;font-size:.875rem;line-height:1.43;letter-spacing:.01071em;color:rgba(0,0,0,.6)}
body.exp-feature-problema .fx-app .fxej-divider{display:flex;align-items:center;font-family:"Roboto","Helvetica","Arial",sans-serif;font-size:1rem;line-height:1.5}
body.exp-feature-problema .fx-app .fxej-divider:before,body.exp-feature-problema .fx-app .fxej-divider:after{content:"";flex:1;border-top:1px solid rgba(0,0,0,.12)}
body.exp-feature-problema .fx-app .fxej-divider span{padding:0 9.6px}