.am-app{--green:#156e4b;--leaf:#29956a;--ink:#1c3240;--pale:#eaf7ef;--border:#d7e5dc;color:var(--ink);max-width:1000px;margin:24px auto!important;padding:18px;font-family:system-ui,-apple-system,'Segoe UI',sans-serif;font-size:16px;line-height:1.6;box-sizing:border-box}
.am-app *, .am-app *:before,.am-app *:after{box-sizing:border-box}
.am-app .am-hero,.am-app .am-top{display:flex;align-items:center;gap:22px;background:linear-gradient(115deg,#e3f9e6,#f3fff6 70%);border:1px solid #bee0cb;padding:22px;border-radius:22px;box-shadow:0 8px 20px #175e3c10;margin-bottom:24px}
.am-app .am-hero{min-height:230px}.am-app h2{margin:8px 0;color:#155b42;font-size:clamp(1.5rem,3vw,2.2rem);line-height:1.15}.am-app h3{font-size:1.25rem;color:#20583f}.am-app p{margin:10px 0}.am-app .am-avatar{display:block;width:145px;height:185px;object-fit:contain;mix-blend-mode:multiply;border-radius:14px;background:#fff;flex-shrink:0}.am-app .am-avatar.am-small{width:82px;height:108px}.am-app .am-avatar.am-question-avatar{width:88px;height:130px;margin-top:5px}.am-app .am-eyebrow{color:#217650;font-weight:750;font-size:.75rem;letter-spacing:.1em;text-transform:uppercase}.am-app .am-quiet{color:#5d6967;font-size:.85rem}.am-app .am-note,.am-app .am-notice{border:1px solid #bdd8e5;border-radius:14px;background:#e9f2ff;padding:15px}.am-app .am-notice.am-ok{background:#e9f8ec;border-color:#bee2ca;color:#175f3d}.am-app .am-button{border:0;background:#14704c;color:#fff!important;border-radius:12px;padding:12px 21px;font-weight:750;display:inline-block;text-decoration:none!important;cursor:pointer;box-shadow:0 3px 0 #0e5238}.am-app .am-button:hover,.am-app .am-button:focus{background:#0e5a3c;color:white}.am-app .am-button:focus-visible,.am-app .am-hint-button:focus-visible{outline:3px solid #e9aa30;outline-offset:3px}.am-app .am-back{color:var(--green);font-weight:700;text-decoration:none}.am-app .am-tag{font-weight:650;color:#527768}.am-app .am-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.am-app .am-card{display:flex;flex-direction:column;gap:8px;min-height:183px;border-radius:18px;background:white;border:2px solid #cfdfd5;padding:20px;text-decoration:none!important;color:var(--ink)!important;transition:transform .15s,border-color .15s}.am-app .am-card:hover{transform:translateY(-3px);border-color:#16845a}.am-app .am-card strong{font-size:1.15rem}.am-app .am-card small{color:#53665e}.am-app .am-icon{font-size:33px}.am-app .am-more{color:#13764a;font-weight:800;margin-top:auto}.am-app .am-lesson{background:#f7fbf5;border-radius:18px;padding:17px 20px;border:1px solid var(--border)}.am-app .am-scene{background:white;border-left:5px solid #74b77c;padding:13px 17px;border-radius:0 12px 12px 0;margin-top:18px}.am-app .am-visual{border-radius:15px;overflow:hidden;background:white;border:1px solid #ccdee0;max-width:700px;margin:15px auto}.am-app .am-solar-title{background:#174e67;color:#fff;padding:10px 16px;font-weight:800}.am-app .am-data-table{overflow-x:auto}.am-app table{border-collapse:collapse;width:100%;font-size:.97rem;margin:0}.am-app th,.am-app td{text-align:left;padding:9px 15px;border-bottom:1px solid #e6ece7}.am-app th{background:#e4f1f4;color:#21475c}.am-app tr:nth-child(even) td{background:#f7fafb}.am-app td:last-child{font-variant-numeric:tabular-nums;font-weight:720;white-space:nowrap}.am-app .am-visual .am-quiet{padding:8px 14px}.am-app .am-thermo{display:flex;gap:10px;align-items:center;margin:14px 15px 25px;font-size:13px}.am-app .am-thermo>div{position:relative;height:12px;flex:1;border-radius:50px;background:linear-gradient(90deg,#2862bf,#93cbe7 50%,#f7ca5e 51%,#e35744)}.am-app .am-thermo b,.am-app .am-thermo i{position:absolute;top:12px;transform:translateX(-50%);font-style:normal}.am-app .am-thermo i{font-weight:900}.am-app .am-progress{display:flex;justify-content:space-between;gap:10px;font-weight:750;color:var(--green);margin-top:25px;font-size:.91rem}.am-app .am-meter{height:9px;background:#dceae1;border-radius:30px;overflow:hidden;margin:8px 0 20px}.am-app .am-meter i{display:block;height:100%;background:#3eae65}.am-app .am-question{display:flex;gap:20px;padding:20px;background:#fff;border:2px solid #cde3d0;border-radius:18px}.am-app .am-qbody{flex:1;min-width:0}.am-app .am-qbody h3{margin:0 0 18px;line-height:1.4}.am-app .am-option{display:flex;gap:10px;align-items:flex-start;background:#f4f9f7;border:1px solid #ddece2;border-radius:10px;padding:11px 12px;margin:9px 0;cursor:pointer}.am-app .am-option:hover{background:#e8f8ea}.am-app .am-option input{margin-top:6px;accent-color:#15714e;transform:scale(1.12)}.am-app .am-input,.am-app textarea{display:block;width:100%;padding:12px;border-radius:10px;border:1px solid #aebfc0;background:white;margin:10px 0 15px;color:#172e38;font-size:1rem;min-height:46px}.am-app textarea{min-height:115px;resize:vertical}.am-app .am-hint-form{margin-top:14px}.am-app .am-hint-button{border:1px solid #b9dbc8;background:#eff8ef;color:#155e3c;padding:9px 15px;border-radius:10px;cursor:pointer;font-weight:700}.am-app .am-hint,.am-app .am-error{background:#fff8de;border-left:4px solid #e3ae48;padding:11px 14px;border-radius:3px 10px 10px 3px;font-size:.94rem}.am-app .am-done{border:2px solid #b3dbb5;border-radius:16px;background:#eff9ed;padding:18px}.am-app .am-results{margin:18px 0;padding:16px;background:#f6fcf5;border:1px solid #bbd8bd;border-radius:16px}.am-app .am-results summary{cursor:pointer;font-weight:800;font-size:1.03rem}.am-app .am-result{margin:14px 0;padding:13px;border-radius:12px;background:#fff;border:1px solid #e2eadf}.am-app .am-feedback{background:#edf5ff;padding:10px 13px;border-radius:8px}.am-app .am-salary th{background:#e7effc}.am-app .am-solar th{background:#fdf0d5}
@media(max-width:650px){.am-app{padding:10px}.am-app .am-hero,.am-app .am-top{gap:9px;padding:13px}.am-app .am-avatar{width:88px;height:130px}.am-app .am-grid{grid-template-columns:1fr}.am-app .am-question{display:block;padding:15px}.am-app .am-question-avatar{float:right;width:58px!important;height:83px!important;margin:0!important}.am-app .am-progress{flex-direction:column;gap:0}.am-app table{font-size:.86rem}.am-app th,.am-app td{padding:8px}}

/* v0.1.1: tarjetas como formularios POST para navegación persistente. */
.am-app form.am-card{margin:0;width:100%;font:inherit;text-align:left;box-shadow:0 4px 12px #124f3010}
.am-app .am-card-action{margin-top:auto;align-self:flex-start;padding:9px 12px;border:0;border-radius:10px;background:#167449;color:white;font:inherit;font-weight:800;cursor:pointer}
.am-app .am-card-action:hover,.am-app .am-card-action:focus-visible{background:#0c5637;color:white;outline-offset:3px}
.am-app .am-back-form{margin:10px 0 16px}
.am-app button.am-back{border:0;background:none;padding:5px 0;cursor:pointer;font:inherit;font-weight:700;color:#146544;text-decoration:underline;text-underline-offset:3px}
.am-app button.am-back:hover,.am-app button.am-back:focus-visible{color:#053c27}

/* v0.1.3: mensajes de estado de comunicación visibles */
.am-app .am-live-status:not([hidden]){display:block;margin:12px 0;padding:14px 16px;border:1px solid #9fcbbb;border-radius:12px;background:#edfbf1;color:#155c3c;font-weight:650}
.am-app .am-live-status.am-live-error{background:#fff3e6;border-color:#e7a75e;color:#733b17}
.am-app .am-fallback-button{display:block;margin-top:12px;background:#fff;border:1px solid #b87a30;border-radius:9px;color:#633b15;padding:9px 13px;cursor:pointer;font-weight:650}
.am-app .am-inline-feedback{margin:16px 0 12px}
