:root{font-family:system-ui,-apple-system,sans-serif;color:#203247;background:#f3f5f8;line-height:1.6}*{box-sizing:border-box;min-width:0}body{margin:0;overflow-wrap:anywhere}header,main{max-width:1120px;margin:auto;padding:1.5rem clamp(1rem,4vw,3rem)}header{display:flex;flex-wrap:wrap;align-items:center;gap:1rem;border-bottom:1px solid #ccd5df}header strong{margin-right:auto}#portal-menu{flex-basis:100%}#portal-menu summary{display:flex;align-items:center;gap:.5rem;min-height:44px;width:fit-content;padding:.6rem .8rem;cursor:pointer;color:#165487;border:1px solid #738397;border-radius:.4rem;list-style:none}#portal-menu summary::-webkit-details-marker{display:none}#portal-menu summary:focus-visible{outline:3px solid #945600;outline-offset:3px}#portal-menu[open]{max-height:70vh;max-height:70dvh;overflow-y:auto;padding:4px}#portal-menu nav{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,15rem),1fr));margin:.5rem 0}#portal-menu nav a{display:flex;align-items:center;min-height:44px}#portal-menu #logout button{min-height:44px}nav{display:flex;flex-wrap:wrap;gap:.4rem}a{color:#165487;text-underline-offset:.2em}nav a{padding:.6rem .8rem;text-decoration:none;border-radius:.4rem}nav a[aria-current]{background:#dae8f4;color:#123f65;font-weight:700}a:hover{text-decoration:underline}h1{font-size:clamp(1.7rem,5vw,2.4rem);line-height:1.2;margin:.5rem 0 1rem;color:#163e61}h2{font-size:1.25rem;margin:0 0 1rem}p{max-width:72ch}section,form,li{background:#fff;border:1px solid #ccd5df;border-radius:.6rem;padding:1.25rem;margin:1rem 0}form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}section form{padding:0;border:0}form br{display:none}label{display:grid;gap:.35rem;font-weight:600}input,select,textarea,button{font:inherit;min-height:44px;border-radius:.35rem}input,select,textarea{width:100%;padding:.6rem;border:1px solid #738397;background:#fff;color:#203247}input[type=file]{max-width:100%;font-size:.9rem}button{padding:.6rem 1rem;border:1px solid #165487;background:#165487;color:#fff;cursor:pointer;font-weight:600;justify-self:start;align-self:end}button:hover{background:#103c61}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #945600;outline-offset:3px}#logout{display:block;margin:0;padding:0;border:0;background:transparent}#logout button{background:#fff;color:#165487}#login{grid-template-columns:1fr;max-width:28rem}#status:empty{display:none}.delete-form button{background:#9b2525;border-color:#9b2525}img{display:block;max-width:100%;height:auto;margin:1rem 0;border-radius:.35rem}ul{list-style:none;padding:0}dt{font-weight:600}dd{margin:0 0 .8rem}code{white-space:pre-wrap;overflow-wrap:anywhere;background:#e6edf4;padding:.2rem}.trial-history{white-space:pre-line}.notice{border-left:4px solid #738397}.skip{position:absolute;left:1rem;top:-5rem;background:#fff;padding:.6rem;z-index:1}.skip:focus{top:1rem}hr{border:0;border-top:1px solid #ccd5df;margin:2rem 0}@media(max-width:640px){header{align-items:flex-start;padding:1rem}nav{order:3;flex-basis:100%}nav a{padding:.6rem}main{padding:1rem}form{grid-template-columns:1fr}section,form,li{padding:1rem}button{width:100%;justify-self:stretch}}#conversacion{padding:0;overflow:hidden;border-color:#c2d5cc}.chat-header{background:#e5f2eb;padding:1rem;display:flex;gap:1rem;align-items:center}.chat-header h2{margin:0}.chat-header span{border:1px solid #668575;border-radius:1rem;padding:.1rem .7rem}.chat-intro,.chat-tools{padding:0 1rem}.chat-messages{background:#eeeae1;max-height:55vh;min-height:12rem;overflow-y:auto;padding:1rem;display:flex;flex-direction:column;gap:.8rem;scroll-behavior:smooth}.trial-history{white-space:pre-wrap;background:#fff;border-radius:.8rem;padding:.7rem 1rem;margin:0;max-width:85%;align-self:flex-start;box-shadow:0 1px 2px #0002}.trial-history[data-role=user]{background:#d9f9c4;align-self:flex-end}.trial-history strong{display:block;font-size:.8rem;color:#315746}.trial-history img{max-height:150px;width:auto}#trial-message{margin:0;padding:1rem;display:flex;flex-wrap:wrap;background:#f3f7f4}#trial-message label{flex:1 1 70%}#trial-message textarea{resize:vertical;min-height:4rem}#trial-status{margin:0;flex-basis:100%}.chat-tools form{display:flex;flex-wrap:wrap;align-items:end;gap:.7rem}.chat-tools audio{max-width:100%}#last-message{margin:.5rem 1rem;background:#35674e;border-color:#35674e}details>summary{cursor:pointer;padding:1rem;font-weight:600}@media(max-width:640px){.trial-history{max-width:94%}.chat-messages{max-height:50vh}.chat-header{flex-wrap:wrap}.chat-tools form>label{width:100%}}