:root{color-scheme:dark;--bg:#080a14;--panel:#121625;--pink:#ff377f;--yellow:#ffd400;--muted:#b9bdca}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--bg);color:#fff;font-family:Segoe UI,Arial,sans-serif}
p,li,small{font-weight:400;line-height:1.6}
a{color:inherit}
header{position:sticky;top:0;z-index:9;padding:14px 5%;display:flex;justify-content:space-between;background:#080a14ed;border-bottom:1px solid #ffffff1f}
header>a{font-weight:900;text-decoration:none}
nav{display:flex;gap:18px}
nav a{text-decoration:none;color:var(--muted)}
.hero{min-height:680px;position:relative;display:flex;align-items:end}
.hero img{position:absolute;width:100%;height:100%;object-fit:cover}
.hero:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#080a14f7,#080a1470 55%,transparent),linear-gradient(0deg,#080a14,transparent 50%)}
.hero>div{position:relative;z-index:1;max-width:850px;padding:9% 6%}
.hero b,#proyecto b,article>span{color:#ff6fa5;letter-spacing:.13em;font-size:.78rem}
.hero h1{font-size:clamp(3rem,7vw,6.4rem);line-height:.94;margin:.6rem 0}
.hero p{font-size:1.15rem;color:#ddd}
.btn,.actions a,.actions button,.tools button{display:inline-block;border:0;border-radius:12px;padding:12px 16px;background:linear-gradient(135deg,var(--pink),#ff6538);color:#fff;text-decoration:none;font-weight:700;cursor:pointer}
.tools{padding:22px 5%;display:flex;gap:10px;flex-wrap:wrap;border-bottom:1px solid #ffffff1f}
.tools input{flex:1;min-width:250px}
.tools button{background:#191d2c}
input,select,textarea{padding:13px;border:1px solid #ffffff24;border-radius:11px;background:#181b29;color:white;font:inherit}
#noticias,.media,#proyecto{padding:80px 5%}
h2{font-size:clamp(2rem,4vw,4rem);line-height:1;margin:.5rem 0 1rem}
.notice{color:var(--muted)}
.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.grid article{padding:0 25px 25px;overflow:hidden;border:1px solid #ffffff20;border-radius:22px;background:linear-gradient(145deg,#171b2c,#10131f);transition:transform .25s ease,border-color .25s ease,box-shadow .25s ease}
.grid article:hover{transform:translateY(-4px);border-color:#ff377f66;box-shadow:0 20px 45px #0007}
.news-image{display:block;width:calc(100% + 50px);max-width:none;height:230px;margin:0 -25px 22px;object-fit:cover;object-position:center;background:#0b0e19;border-bottom:1px solid #ffffff20}
article h3{font-size:1.8rem;line-height:1.08}
article>p,details{color:#d3d5de}
summary{cursor:pointer;font-weight:700;padding:14px 0}
aside{padding:12px;border-left:4px solid var(--yellow);background:#ffd40012}
.actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:18px}
.actions a,.actions button{font-size:.78rem;background:#252a3b}
.media{background:#0e1120}
.resource{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.resource a{padding:26px;min-height:170px;border:1px solid #ffffff20;border-radius:20px;background:#171b2b;text-decoration:none;font-size:1.35rem}
.resource small{color:var(--muted)}
#proyecto{display:grid;grid-template-columns:.8fr 1.2fr;gap:7%;background:linear-gradient(145deg,#0b0d17,#28122d)}
form{display:grid;grid-template-columns:1fr 1fr;gap:12px;padding:24px;border:1px solid #ffffff20;border-radius:22px;background:#ffffff0a}
.full{grid-column:1/-1}
textarea{min-height:170px}
.consent{display:flex;gap:10px;color:var(--muted)}
.consent input{width:auto}
footer{padding:45px 5%;color:var(--muted);border-top:1px solid #ffffff20}
@media(max-width:900px){nav a:not(:last-child){display:none}
.grid,.resource,#proyecto{grid-template-columns:1fr}
.hero{min-height:600px}
.news-image{height:clamp(210px,56vw,330px)}
form{grid-template-columns:1fr}
.full{grid-column:auto}
}