:root{color-scheme:light;--ink:#222832;--bronze:#946b3c;--cream:#f6f0e5;font:15px/1.55 system-ui,-apple-system,"Segoe UI",sans-serif;color:var(--ink);background:var(--cream)}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:linear-gradient(90deg,#f6f0e5d9,#f6f0e544),url('/assets/portal-mosaic.png') right top/cover fixed}header,main,footer{max-width:1440px;margin:auto}header{padding:25px 44px;display:flex;align-items:center;justify-content:space-between;gap:25px;border-bottom:1px solid #946b3c44}.identity{display:flex;align-items:center;gap:22px;color:inherit;text-decoration:none}.identity strong{display:block;font:400 clamp(18px,2.2vw,31px)/1.2 Georgia,serif;letter-spacing:2px}.identity small{display:block;letter-spacing:2.3px;font-size:11px;margin-top:7px}.monogram{border:2px solid var(--bronze);outline:1px solid var(--bronze);outline-offset:4px;border-radius:50%;width:47px;height:47px;display:grid;place-items:center;font:27px Georgia,serif;color:var(--bronze);position:relative;flex-shrink:0}.monogram span{position:absolute;font-size:18px;right:5px;bottom:0}nav{display:flex;gap:6px}nav button{background:transparent;border:1px solid transparent;padding:8px 10px;cursor:pointer;color:#615847;font:600 12px system-ui}nav button span{display:block;font-size:10px;font-weight:400}nav button[aria-pressed=true]{border-color:#a18259;background:#fff9edb3;border-radius:3px}main{padding:40px 44px 32px}.intro{margin-bottom:27px}.eyebrow{color:#78502c;letter-spacing:3px;font-size:10px;font-weight:600;margin:0 0 10px}h1{font:400 clamp(34px,4.6vw,64px)/1.1 Georgia,serif;letter-spacing:-1.3px;margin:0 0 12px}.lead{font-size:14px;color:#686052;margin:0}.portals{display:grid;grid-template-columns:repeat(2,minmax(0,360px));gap:24px;align-items:stretch}.gateway{border:1px solid #9c784f;border-radius:9px;overflow:hidden;box-shadow:0 8px 22px #1c253810;color:#fff0dc;display:flex;flex-direction:column;position:relative}.gateway:after{content:"";position:absolute;inset:7px;border:1px solid #dbb98566;border-radius:4px;pointer-events:none}.scrinia{background:#29152f}.ordo{background:#172b40}.gateway img{display:block;width:100%;height:auto;aspect-ratio:1;object-fit:contain}.card-body{padding:0 26px 28px;display:flex;flex:1;flex-direction:column;align-items:flex-start}.domain{font-size:11px;font-weight:700;letter-spacing:3px;margin:0 0 9px;color:#f6bc7b}.ordo .domain{color:#e0b984}h2{font:400 21px/1.2 Georgia,serif;margin:0 0 12px}.card-body>p:not(.domain){font-size:12px;line-height:1.65;color:#e1d3dc;margin:0 0 22px}.ordo .card-body>p:not(.domain){color:#d3dce4}.enter{display:block;margin-top:auto;width:100%;text-align:center;border:1px solid #dbbd9b;border-radius:3px;padding:10px 13px;color:#fff0dc;text-decoration:none;font:16px Georgia,serif;transition:background .15s}.enter:hover{background:#ffffff12}a:focus-visible,button:focus-visible{outline:3px solid #b58442;outline-offset:5px}footer{padding:20px 44px 28px;border-top:1px solid #946b3c44;display:flex;justify-content:space-between;gap:20px;font-size:10px;letter-spacing:1px;color:#76664f}footer>span:first-child{font:15px Georgia,serif;letter-spacing:0}@media(min-width:1500px){.portals{grid-template-columns:repeat(2,minmax(0,400px))}}@media(max-width:700px){header{padding:22px;align-items:flex-start}.identity{gap:15px}.identity strong{font-size:16px;letter-spacing:.8px}.identity small{font-size:9px;letter-spacing:.7px;max-width:190px}.monogram{width:35px;height:35px;font-size:22px}.monogram span{font-size:14px}nav button{padding:5px}nav button span{display:none}main{padding:30px 22px}.portals{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.card-body{padding:0 18px 22px}h2{font-size:18px}footer{padding:20px 22px;flex-wrap:wrap}body{background-attachment:scroll}}@media(max-width:460px){.portals{grid-template-columns:1fr}.gateway{max-width:360px;width:100%;margin:auto}.identity strong{max-width:190px}.lead{max-width:270px}}
/* Expanded family and institutional links. */
.portals{grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}.memoria{background:#193d37}.codex{background:#672d36}.memoria .domain{color:#eee0bd}.codex .domain{color:#eee0bd}.coming{margin-top:auto;border-top:1px solid #dbbd9b66;padding-top:12px;color:#ecdec8;font-size:12px;width:100%}.institutions{margin-top:38px;border-top:1px solid #946b3c44;padding-top:25px}.institutions>h2{font-size:25px;margin-bottom:20px}.institution-grid{display:grid;grid-template-columns:repeat(2,minmax(0,250px));gap:20px}.institution-grid .gateway{color:#233345;background:#f7eddb}.institution-grid .card-body{padding:14px 20px 22px}.institution-grid .enter{color:#3a3024;border-color:#a3815c}.institution-grid .enter:hover{background:#b1813920}.dilatores .card-body{background:#e8d0b2}.domain{min-height:17px}.card-body{padding-left:20px;padding-right:20px}.gateway h2{font-size:20px}.gateway img{flex-shrink:0}@media(max-width:1100px){.portals{grid-template-columns:repeat(2,minmax(0,360px))}}@media(max-width:460px){.portals{grid-template-columns:1fr}.institution-grid{grid-template-columns:1fr}.institution-grid .gateway{max-width:360px}.institution-grid .gateway img{max-height:300px;object-fit:cover}}
/* Tarjetas más compactas: aplicaciones −30 %, instituciones −10 %. */
.portals{grid-template-columns:repeat(4,minmax(0,calc((100% - 60px)*.175)));gap:20px}.institution-grid{grid-template-columns:repeat(2,minmax(0,225px))}

@media(max-width:1100px){.portals{grid-template-columns:repeat(2,minmax(0,252px))}}
@media(max-width:700px){.portals{grid-template-columns:repeat(2,minmax(0,252px))}}
@media(max-width:460px){.portals{grid-template-columns:minmax(0,252px);justify-content:center}.institution-grid{grid-template-columns:minmax(0,225px);justify-content:center}.gateway{max-width:252px}.institution-grid .gateway{max-width:225px}}