/* Nuevos centros 4.1: diseño compatible con la Suite 4.0 */
.extra-menu{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:8px;margin:20px 0}.extra-menu button{padding:12px;text-align:left;border-radius:10px;border:1px solid #c8d7ee;background:white;color:#173759;min-height:50px}.extra-menu button[aria-pressed="true"]{border-color:#1c62ba;background:#eaf2ff;font-weight:750}.extra-panel{background:#fff;border-radius:18px;border:1px solid #dce5f0;padding:clamp(16px,3vw,29px)}.extra-fields{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,230px),1fr));gap:16px;margin:15px 0}.extra-fields .field textarea{min-height:130px}.extra-hint{font-size:.91rem;color:#526782}.extra-output{min-height:115px;width:100%;white-space:pre-wrap;overflow-wrap:anywhere}.extra-help details{border:1px solid #d6e0ed;border-radius:11px;padding:12px 15px;margin:10px 0;background:white}.extra-help summary{font-weight:700;cursor:pointer}.extra-help p{margin-bottom:2px}.extra-panel .btn{margin-right:6px;margin-bottom:6px}.extra-panel .btn[hidden]{display:none}.extra-status{margin:12px 0;padding:10px 12px;border-radius:8px;background:#edf9f3;color:#15583c;min-height:42px}.extra-status.error{background:#fff0f0;color:#9b2737}.extra-timer{font-size:clamp(2rem,6vw,3.5rem);font-weight:780;font-variant-numeric:tabular-nums;letter-spacing:.035em}.extra-footerlink{display:inline-flex;align-items:center;padding:12px;border:1px solid #b9cbe2;border-radius:10px;background:white;margin:6px 6px 4px 0}.extra-preview{border:1px solid #d7e0ef;padding:12px;overflow-x:auto;max-height:350px;overflow-y:auto}.extra-preview table{border-collapse:collapse}.extra-preview td,.extra-preview th{padding:8px;border:1px solid #d7dfe8}.extra-preview th{text-align:left;background:#eff4fa}.extra-examples{max-width:850px}.extra-h2{margin-top:35px}@media(max-width:600px){.extra-menu{grid-template-columns:repeat(2,minmax(0,1fr))}.extra-menu button{font-size:.85rem;padding:9px}.extra-panel{padding:15px}}/* Los estilos flex del tema no deben mostrar controles con hidden. */
#extra-timer-controls[hidden],#extra-timer-value[hidden],#extra-result[hidden],#extra-preview[hidden],#extra-action[hidden],.extra-panel button[hidden],.extra-panel label[hidden]{display:none !important}