/* Visual reference: biovisioningenieria.cl, inspected 2026-11-01.
   Local font and shared tokens; the portfolio retains Fernando's own identity. */
@font-face{font-family:Outfit;src:url('/agros/fonts/outfit-variable.ttf') format('truetype');font-weight:100 900;font-style:normal;font-display:swap}
:root{--brand-primary:oklch(25% .05 160);--brand-accent:oklch(75% .15 160);--brand-background:oklch(99% .01 160);--brand-foreground:oklch(15% .02 160);--brand-muted:oklch(95% .02 160);--brand-border:oklch(90% .02 160);--brand-font:Outfit,Arial,system-ui,sans-serif}
body.science-active .ff-header,#science-home{background:var(--brand-primary)}
.operator-notice{display:flex;align-items:flex-start;gap:12px;flex:none;margin:8px 24px;padding:12px 16px;background:#edf5ee;border:1px solid #8da997;border-left:3px solid #267951;border-radius:8px;color:#123d30;font:400 12px/1.5 var(--brand-font)}
.operator-notice[hidden]{display:none}.operator-notice-copy{min-width:0;flex:1;max-height:160px;overflow:auto}.operator-notice p{white-space:pre-wrap;overflow-wrap:anywhere;margin:5px 0 0}.operator-notice button{flex:none;padding:8px 10px;background:#123d30;color:#fff;border:0;border-radius:5px;font:inherit;cursor:pointer}.operator-notice button:disabled{opacity:.6}
@media(max-width:600px){.operator-notice{margin:6px 14px;padding:10px;gap:8px;font-size:11px}.operator-notice-copy{max-height:125px}}
body.science-active .ff-header{font-family:var(--brand-font)}
#science-home{--sc-ink:var(--brand-primary);--sc-paper:var(--brand-background);--sc-lime:var(--brand-accent);--sc-sans:var(--brand-font);--sc-muted:#b0c8be}
#science-home #sc-name{font-weight:650;letter-spacing:-.045em}
#science-home .sc-hero-statement{font-weight:500}
#science-home .sc-section-head h2,#science-home .sc-contact h2{font-weight:550;letter-spacing:-.035em}
#science-home .sc-featured{background:var(--brand-accent);border-radius:0}
#science-home .sc-featured:hover{background:#74e4bb!important}
#science-home .sc-product-visual{background:#12382a}
#science-home .sc-button{border-radius:0}
#science-home .sc-button:hover{background:#74e4bb}
body.science-active .ff-desktop-nav .ff-agros-nav{color:var(--brand-accent);border-color:var(--brand-accent);border-radius:0}
#science-home :is(.sc-project-cta,.sc-event-card,.sc-window,.sc-featured-arrow){border-radius:0}
.sc-purpose{grid-column:1/-1;border-top:1px solid var(--sc-line);padding-top:30px;margin-top:20px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px}
#science-home .sc-purpose h4{font-size:18px;font-weight:500;margin:0 0 12px}
#science-home .sc-purpose p{font-size:13px;color:var(--sc-muted);line-height:1.8;margin:0}
#science-home .sc-purpose .sc-kicker{color:var(--sc-lime);margin-bottom:12px}
html.embedded{--sans:var(--brand-font);--serif:var(--brand-font);--ink:var(--brand-primary);--paper:var(--brand-background)}
.embedded.standalone,.embedded.standalone body,.embedded.workspace-expanded :is(.chat-panel,.chat-toolbar,.composer-area),.embedded #registration-dialog{background:var(--brand-background);color:var(--brand-foreground)}
.embedded.standalone .page-header{background:var(--brand-primary);border-color:transparent;color:white}
.standalone .personal-brand strong{font-weight:600;letter-spacing:-.04em}
.page-header .header-identity{display:flex;align-items:center;gap:18px;min-width:0}
.page-header .header-author{display:flex;flex-direction:column;gap:3px;min-width:0;font:400 12px/1.5 var(--brand-font);color:#c9e3d8}
.page-header .header-author a{color:inherit;text-decoration:none}
.page-header .header-author a:hover{text-decoration:underline;text-underline-offset:3px}
.page-header .header-author .header-email{width:fit-content;color:#a9d9be;font-size:11px}
@media(max-width:600px){.page-header .header-identity{flex-direction:column;align-items:flex-start;gap:5px}.page-header .header-author{font-size:10px;gap:2px}.page-header .header-author .header-email{font-size:10px}}
.standalone .personal-brand span,.standalone .back-link{color:#c9e3d8}
.standalone .header-actions{display:flex;align-items:center;gap:24px}
.standalone #about-open{color:var(--brand-accent);font:500 13px var(--brand-font);white-space:nowrap;padding:8px 0;border:0;border-bottom:1px solid #6cbaa1;background:none}
.embedded .chat-welcome h2{color:var(--brand-primary);font-weight:550}
.embedded .chat-purpose{font:14px/1.7 var(--brand-font);color:#4b665a;max-width:530px;margin:12px auto 24px}
.embedded :is(.send-button,#registration-confirm,.primary-button){background:var(--brand-primary);border-color:var(--brand-primary);border-radius:0;color:white}
.embedded :is(.send-button,#registration-confirm,.primary-button):hover:not(:disabled){background:#18533c;border-color:#18533c}
.embedded.workspace-expanded :is(#chat-form,.starters button),.embedded :is(.country-control select,.registration-fields input,dialog){border-radius:0;border-color:var(--brand-border)}
.embedded.workspace-expanded .message.user .message-body{background:var(--brand-muted);border-radius:0}
.embedded :is(.message-label,.message-actions button,.data-link,.quiet-button){color:#255e47}
.embedded .context-fields{margin:20px 0;border:0;border-top:1px solid var(--brand-border);padding:18px 0 0;min-width:0}
.embedded .context-fields legend{font:500 16px var(--brand-font);padding:0 8px 0 0}
.embedded .context-fields>p{font:12px/1.6 var(--brand-font);margin:0 0 14px;color:#4b665a}
.embedded .context-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:18px}
.embedded .context-grid label{display:flex;flex-direction:column;gap:6px;font:500 12px var(--brand-font);min-width:0}
.embedded .context-grid label:last-child{grid-column:1/-1}
.embedded .context-grid select{width:100%;min-height:44px;border:1px solid #b0c7ba;background:white;padding:10px;color:var(--brand-primary);font:14px var(--brand-font);border-radius:0}
.embedded .training-choice{display:flex;gap:10px;align-items:flex-start;font:13px/1.6 var(--brand-font)}
.embedded .training-choice input{flex:none;width:17px;height:17px;margin:3px 0 0;accent-color:var(--brand-primary)}
.embedded .context-fields .training-hint{margin:8px 0 0 27px;font-size:11px}
.embedded #registration-dialog{max-height:calc(100dvh - 32px);overflow:auto}
.embedded #registration-dialog :is(.dialog-intro,.registration-fields label,.registration-fields p,.registration-step,.privacy-hint,.consent-choice){color:#395e4c}
.embedded :is(input,select,textarea,button):focus-visible{outline:2px solid #23815a;outline-offset:3px}
@media(max-width:700px){.sc-purpose{grid-template-columns:1fr;gap:24px}.standalone .header-actions{gap:14px}.standalone #about-open{font-size:11px}.embedded .chat-purpose{font-size:12px;margin:10px auto 18px}}
@media(max-width:370px){.standalone .header-actions{align-items:flex-end;flex-direction:column;gap:2px}.standalone #about-open{padding:4px 0}.embedded .context-grid{grid-template-columns:1fr}.embedded .context-grid label:last-child{grid-column:auto}}