@import url('languages.css');
.portal-heading h1{font-size:clamp(34px,4.6vw,66px);max-width:1000px}
.observatory-scene{transform:perspective(1100px) translateX(var(--focus-shift,0px)) rotateY(var(--orbit-angle,0deg)) scale(var(--scene-scale));transform-origin:50% 60%;overflow:visible}
[data-scene-stage]{transition:filter .5s,opacity .5s;opacity:.5}
[data-focus=source] [data-scene-stage=source],[data-focus=model] [data-scene-stage=model],[data-focus=insight] [data-scene-stage=insight]{opacity:1;filter:drop-shadow(0 0 9px #99e9dd)}
.scene-hotspot{transform:translateX(var(--focus-shift,0px))}
.hotspot-trigger{transition:box-shadow .3s,border-color .3s}
.is-focused .hotspot-trigger{box-shadow:0 0 0 5px #95e2d120,0 0 26px #95e2d160;border-color:#d0fff2}
.hotspot-panel:after{content:"";position:absolute;top:100%;height:18px;left:0;right:0}
.hotspot-panel .text-link{display:flex;width:100%;justify-content:space-between;min-height:34px}
.hotspot-panel img{object-fit:contain;background:#101722}
.menu-art{gap:15px!important}.menu-portrait{width:clamp(110px,15vw,190px);height:clamp(110px,15vw,190px);margin:0 auto 15px;object-fit:cover;border-radius:50%;border:1px solid #9bd9d844;box-shadow:0 10px 55px #0b162966}
.menu-monogram{font-size:clamp(85px,12vw,165px)!important;line-height:1!important}.menu-art p{font-size:20px!important;margin-top:15px!important}
.technology-logos{display:flex;align-items:center;gap:21px}.technology-logos img{width:26px;height:26px;object-fit:contain}
.education-preview h3 .icon,.education-item>.icon,.education-item>span>.icon{width:22px;height:22px;color:#bfa9ed}
.gallery-controls{flex-wrap:wrap}.gallery-image img{width:100%;height:auto}
@media(max-width:800px){.topbar .breadcrumb{display:none}.top-actions{gap:8px}.portal-heading h1{font-size:clamp(32px,6.5vw,54px)}.menu-art{display:flex!important;flex-direction:row!important;justify-content:center;align-items:center}.menu-portrait{width:84px;height:84px}.menu-monogram{font-size:75px!important}.menu-art p{display:none}.menu-layout{gap:20px!important}.technology-logos{display:flex!important}}
@media(max-width:500px){.topbar{padding-left:16px;padding-right:16px}.topbar .button-small{padding:9px}.topbar #share-button{display:none}.top-actions{gap:6px}.header-brand{font-size:31px}.menu-toggle{padding:8px;gap:7px}.portal-heading h1{font-size:34px}#inicio.portal-section{height:170svh;min-height:1000px}.portal-stage{position:sticky;min-height:650px;height:100svh;padding-top:95px}.observatory-scene{width:115%;left:-7.5%;transform:perspective(900px) rotateY(var(--orbit-angle)) scale(var(--scene-scale))}.scene-hotspot{transform:none}.portal-bottom{padding-top:0;gap:10px}.technology-logos img{width:22px;height:22px}.hotspot-panel{width:205px}.menu-portrait{width:66px;height:66px}.menu-monogram{font-size:60px!important}}
@media(prefers-reduced-motion:reduce){#inicio.portal-section{height:auto;min-height:0}.portal-stage{position:relative;height:auto}.observatory-scene,.scene-hotspot{transform:none!important}}
/* Menu identity: portrait at the upper right, monogram directly beneath. */
#navigation-dialog .menu-layout{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(240px,1fr);align-items:start;gap:5vw!important;padding-top:45px;min-height:0}
#navigation-dialog .sidebar{grid-column:1;grid-row:1}
#navigation-dialog .menu-art{grid-column:2;grid-row:1;justify-self:end;display:flex!important;flex-direction:column!important;align-items:center;justify-content:flex-start;gap:12px!important}
#navigation-dialog .menu-portrait{width:clamp(240px,25vw,340px);height:clamp(240px,25vw,340px);margin:0;flex-shrink:0}
#navigation-dialog .menu-monogram{font-size:130px!important;line-height:1!important;margin:0;padding-right:14px}
#navigation-dialog .menu-art p{font-size:16px!important;margin:8px 0 0!important}
@media(max-width:800px){#navigation-dialog .menu-layout{grid-template-columns:minmax(0,1fr) 220px;gap:25px!important;padding-top:35px}#navigation-dialog .menu-portrait{width:220px;height:220px}#navigation-dialog .menu-monogram{font-size:110px!important}#navigation-dialog .sidebar .nav-link{font-size:clamp(24px,4vw,32px)}}
@media(max-width:600px){#navigation-dialog .menu-layout{grid-template-columns:1fr;gap:25px!important;padding-top:20px}#navigation-dialog .menu-art{grid-column:1;grid-row:1;justify-self:end}#navigation-dialog .menu-portrait{width:175px;height:175px}#navigation-dialog .menu-monogram{font-size:85px!important}#navigation-dialog .sidebar{grid-column:1;grid-row:2}#navigation-dialog .sidebar .nav-link{font-size:30px}#navigation-dialog .menu-art p{display:none}}