:root{--azul:#00537F;--cel:#005B8F;--rojo:#B34D00;--verde:#006B4F;--oro:#8A6500;
--gris:#555;--gc:#EFF2F5;--ng:#1A1A1A;--bl:#FBFAF7;--navtx:#D6E9F8;}
*{box-sizing:border-box;margin:0;padding:0}
body{font-family:Arial,Helvetica,sans-serif;color:var(--ng);background:var(--bl);font-size:18px;line-height:1.75}
.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
.site-intro{display:none;position:fixed;inset:0;z-index:1000;background:var(--azul);color:#fff;align-items:center;justify-content:center;flex-direction:column;padding:1rem;overflow:hidden}
.intro-pending .site-intro{display:flex}
.intro-active{overflow:hidden}
.site-intro.is-leaving{animation:intro-fade .76s ease forwards;pointer-events:none}
.intro-stage{position:relative;width:min(72vmin,650px);aspect-ratio:1;isolation:isolate;filter:drop-shadow(0 28px 20px rgba(0,22,37,.4))}
.intro-base{position:absolute;inset:0;width:100%;height:100%;object-fit:contain}
.intro-base{z-index:1}
.intro-ring{position:absolute;left:13%;top:9.5%;z-index:3;width:46%;aspect-ratio:1;border-radius:50%;background:conic-gradient(#D85A8B,#E59028,#F0CF79,#2A8077,#4FA7B8,#73527E,#D85A8B);-webkit-mask:radial-gradient(farthest-side,transparent calc(100% - 15px),#000 calc(100% - 14px));mask:radial-gradient(farthest-side,transparent calc(100% - 15px),#000 calc(100% - 14px));filter:drop-shadow(0 5px 5px rgba(0,22,37,.34));mix-blend-mode:screen;animation:intro-spin 5.2s linear infinite}
.intro-bird-art{position:absolute;inset:0;z-index:5;width:100%;height:100%;object-fit:contain;opacity:0;animation:intro-bird-emerge 1.15s cubic-bezier(.2,.75,.24,1) forwards}
.intro-bird-art.b1{clip-path:ellipse(5.5% 3.8% at 66.5% 67%);transform-origin:66.5% 67%;animation-delay:.35s}
.intro-bird-art.b2{clip-path:ellipse(6.8% 5.2% at 71.3% 62.5%);transform-origin:71.3% 62.5%;animation-delay:.78s}
.intro-bird-art.b3{clip-path:ellipse(7.8% 6.7% at 76.2% 57%);transform-origin:76.2% 57%;animation-delay:1.21s}
.intro-bird-art.b4{clip-path:ellipse(9.4% 8.7% at 79.5% 48%);transform-origin:79.5% 48%;animation-delay:1.64s}
.intro-bird-art.b5{clip-path:ellipse(11.5% 9.7% at 80.8% 34.5%);transform-origin:80.8% 34.5%;animation-delay:2.07s}
.intro-bird-art.b6{clip-path:ellipse(13.7% 12.4% at 81% 19.5%);transform-origin:81% 19.5%;animation-delay:2.5s}
.intro-name{position:relative;z-index:7;margin:.25rem 0 .75rem;color:#fff;font-size:clamp(1.1rem,2.3vw,1.55rem);font-weight:700;letter-spacing:.02em;text-align:center;animation:intro-name 1s ease 2.8s both}
#intro-skip{position:relative;z-index:7;border:2px solid #fff;border-radius:999px;background:rgba(0,31,52,.35);color:#fff;font:inherit;font-weight:700;min-height:46px;padding:.45rem 1.2rem;cursor:pointer}
#intro-skip:hover,#intro-skip:focus-visible{background:#fff;color:var(--azul);outline:3px solid #D39A0A;outline-offset:3px}
@keyframes intro-spin{to{transform:rotate(360deg)}}
@keyframes intro-bird-emerge{0%{opacity:0;transform:translate(-18px,18px) scale(.28)}55%{opacity:1}100%{opacity:1;transform:translate(0,0) scale(1)}}
@keyframes intro-name{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}
@keyframes intro-fade{to{opacity:0;visibility:hidden}}
.skip-link{position:absolute;left:-999px;background:#fff;color:var(--azul);padding:.6rem 1rem;z-index:200}
.skip-link:focus{left:.5rem;top:.5rem}
a{color:#0A4A72}
nav{background:var(--azul);position:sticky;top:0;z-index:100;padding:.6rem 1.5rem;display:flex;align-items:center;gap:1.2rem;flex-wrap:wrap}
nav a{color:var(--navtx);text-decoration:none;font-size:.9rem;min-height:44px;display:inline-flex;align-items:center;padding:.2rem .3rem}
nav a:hover,nav a:focus{color:#fff}
nav .brand{color:#fff;font-weight:bold;margin-right:auto}
.hero{background:var(--azul);color:#fff;padding:2.6rem 2rem;position:relative;overflow:hidden;isolation:isolate}
.hero-inner{max-width:1180px;margin:0 auto;display:grid;grid-template-columns:minmax(0,1fr) clamp(250px,29vw,390px);align-items:center;gap:clamp(1.5rem,4vw,4rem)}
.hero-copy{position:relative;z-index:2}
.hero h1{font-size:2.5rem;margin-bottom:.6rem;max-width:22ch}
.hero p{color:var(--navtx);max-width:62ch}
.hero-mark{position:relative;z-index:1;width:100%;justify-self:end;transform-style:preserve-3d}
.hero-mark::after{content:"";position:absolute;z-index:-1;left:18%;right:9%;bottom:4%;height:13%;border-radius:50%;background:rgba(0,20,36,.45);filter:blur(14px);transform:perspective(500px) rotateX(66deg) translateY(12px)}
.hero-emblem{display:block;width:100%;height:auto;filter:drop-shadow(0 22px 13px rgba(0,20,36,.48)) drop-shadow(0 4px 2px rgba(255,255,255,.16));transform:perspective(800px) rotateY(-8deg) rotateZ(1.2deg);transform-origin:50% 60%;animation:emblem-float 5.5s ease-in-out infinite}
.hero-mark:hover .hero-emblem{transform:perspective(800px) rotateY(-3deg) rotateZ(-.5deg) translateY(-5px)}
@keyframes emblem-float{50%{transform:perspective(800px) rotateY(-5deg) rotateZ(-.7deg) translateY(-7px)}}
main{max-width:980px;margin:0 auto;padding:2.2rem 1.5rem 3rem}
section{margin-bottom:2.6rem}
h2{font-size:1.5rem;color:var(--azul);border-left:5px solid var(--azul);padding-left:.9rem;margin-bottom:1rem}
h3{font-size:1.1rem;color:var(--cel);margin:1.2rem 0 .5rem}
p{margin-bottom:1rem;max-width:72ch}
.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(270px,1fr));gap:1.2rem;margin-top:1.2rem}
.card{background:var(--gc);border-radius:10px;padding:1.2rem;border-top:5px solid var(--azul)}
.card.verde{border-top-color:var(--verde)}
.card.oro{border-top-color:var(--oro)}
.card h3{margin-top:0;color:var(--ng);font-size:1.15rem}
.card .estado{display:inline-block;background:#fff;border:1px solid var(--gris);border-radius:20px;font-size:.78rem;padding:.15rem .7rem;margin-bottom:.5rem}
.card a.ir{display:inline-block;margin-top:.6rem;background:var(--azul);color:#fff;text-decoration:none;border-radius:7px;padding:.55rem .9rem;min-height:44px;font-weight:700}
.aviso{background:#FAF6EC;border-left:5px solid var(--oro);border-radius:0 8px 8px 0;padding:.9rem 1rem;margin:1.2rem 0}
.aviso p{margin:0}
ul.lista{margin:0 0 1rem 1.2rem}
ul.lista li{margin-bottom:.45rem}
footer{background:var(--azul);color:#fff;padding:1.6rem;text-align:center;font-size:.9rem}
footer a{color:var(--navtx)}
@media(max-width:720px){.hero{padding:2.2rem 1rem 1.25rem}.hero-inner{grid-template-columns:1fr;gap:.55rem}.hero h1{font-size:1.9rem}.hero-mark{width:min(74vw,285px);margin-top:.2rem}.hero-mark::after{bottom:1%}main{padding:1.5rem 1rem 2.5rem}}
@media(max-width:720px){.intro-stage{width:min(91vw,520px)}.intro-name{margin-top:.1rem}#intro-skip{font-size:.95rem}}
@media(prefers-reduced-motion:reduce){.intro-ring{display:none}.intro-bird-art{animation:none;opacity:1}.intro-name{animation:none}.site-intro.is-leaving{animation-duration:.2s}.hero-emblem{animation:none}.hero-mark:hover .hero-emblem{transform:perspective(800px) rotateY(-8deg) rotateZ(1.2deg)}}
@media(prefers-contrast:more){body{background:#fff}}