:root{--blue:#2255f4;--ink:#151b2c;--muted:#586173;--line:#dfe4ed;--low:#ab4018;--low-bg:#fff0e7;--medium:#805800;--medium-bg:#fff4cd;--high:#146849;--high-bg:#e2f5eb;--surface:#f4f6fb;font-family:Inter,"Segoe UI",Arial,sans-serif;color:var(--ink);background:#fff;font-synthesis:none;scroll-behavior:smooth;scroll-padding-top:100px}
*{box-sizing:border-box}body{margin:0}a{color:inherit;text-decoration:none}button{font:inherit}a,button{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible{outline:3px solid var(--blue);outline-offset:5px}h1,h2,h3,p{margin:0}h1,h2,h3{text-wrap:balance}p{line-height:1.65}::selection{background:#c8d7ff}.wrap{max-width:1240px;margin:auto;padding-left:40px;padding-right:40px}.skip-link{position:fixed;top:-100px;left:16px;z-index:100;background:#fff;padding:16px}.skip-link:focus{top:10px}
.header{max-width:1440px;margin:auto;min-height:88px;padding:20px 40px;display:flex;align-items:center;gap:32px;border-bottom:1px solid var(--line)}.brand{font-weight:900;font-size:26px;letter-spacing:-1.6px}.brand span{color:var(--blue)}.header nav{display:flex;gap:32px;margin-left:auto;font-size:14px;font-weight:600}.header nav a:hover,.social-links a:hover,.footer>a:last-child:hover{color:var(--blue)}.nav-contact{font-size:14px;font-weight:700;background:var(--ink);color:white;padding:12px 22px;border-radius:8px}.nav-contact:hover{background:var(--blue)}
.hero{padding-top:68px;padding-bottom:70px;display:grid;grid-template-columns:1.3fr 1fr;gap:75px;align-items:center}.eyebrow{font-size:12px;letter-spacing:1.8px;font-weight:800;color:var(--blue);margin-bottom:22px}.hero h1{font-size:clamp(3rem,5.6vw,5rem);line-height:1.01;letter-spacing:-4px;font-weight:850}.hero h1 span,.contact-copy h2 span{color:var(--blue)}.intro{font-weight:650;font-size:22px;line-height:1.35;margin-top:24px}.hero-description{color:var(--muted);font-size:16px;max-width:485px;margin-top:14px}.button{display:inline-flex;justify-content:center;align-items:center;text-align:center;min-height:50px;padding:14px 24px;font-weight:700;font-size:14px;border-radius:8px;transition:background .2s,transform .2s}.primary{background:var(--blue);color:#fff}.primary:hover{background:#1843ca;transform:translateY(-2px)}.hero .button{margin-top:26px}
.profile-panel{background:var(--blue);color:#fff;padding:30px 34px;border-radius:14px;box-shadow:12px 12px 0 #e6edff;transform:rotate(-2deg)}.panel-heading{display:flex;justify-content:space-between;font-size:12px;letter-spacing:1px;font-weight:700}.profile-panel>p{font-size:42px;line-height:1.13;letter-spacing:-1.5px;margin:32px 0}.profile-panel em{font-style:normal;color:#c3d4ff}.discipline{padding:14px 0;border-top:1px solid #ffffff45;display:flex;gap:20px;font-size:14px;align-items:center}.discipline>span{color:#d0ddff;font-size:12px}.discipline strong{font-weight:600}.panel-bottom{font-size:12px;letter-spacing:1px;margin-top:20px;color:#d0ddff}
.section{padding-top:64px;padding-bottom:68px}.specialties{border-top:1px solid var(--line)}.section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:32px;margin-bottom:32px}.section-heading .eyebrow{margin-bottom:12px}h2{font-size:clamp(1.8rem,3.1vw,2.6rem);line-height:1.15;letter-spacing:-1.5px;font-weight:800}.section-heading>p{font-size:14px;color:var(--muted);line-height:1.6}.specialty-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px}.specialty{border-top:2px solid var(--blue);padding-top:20px}.specialty-number{color:var(--blue);font-size:12px;font-weight:700;letter-spacing:.8px}.specialty h3{font-size:21px;letter-spacing:-.6px;margin:14px 0 10px}.specialty>p{font-size:14px;color:var(--muted)}.tags{display:flex;flex-wrap:wrap;gap:6px;margin-top:18px}.tags span{font-size:12px;font-weight:600;border:1px solid var(--line);border-radius:5px;padding:5px 8px;line-height:1.4}
.tool-section{background:var(--surface);border-block:1px solid var(--line)}.tool-toolbar{display:flex;gap:20px;align-items:center;justify-content:space-between;margin-bottom:26px}.filters{display:flex;flex-wrap:wrap;gap:6px}.filters button{background:transparent;border:1px solid transparent;border-radius:7px;padding:10px 14px;color:var(--muted);font-size:14px;font-weight:650;cursor:pointer}.filters button:hover{background:#e6ebf7}.filters button[aria-pressed=true]{background:var(--ink);color:#fff}.legend{display:flex;gap:14px;flex-shrink:0;font-size:12px;color:var(--muted)}.legend>span{display:flex;align-items:center;gap:6px}.legend i{width:7px;height:7px;border-radius:50%}.legend .low{background:var(--low)}.legend .medium{background:var(--medium)}.legend .high{background:var(--high)}
.tool-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.tool-card{background:#fff;border:1px solid var(--line);border-radius:12px;padding:22px;transition:border-color .2s,box-shadow .2s}.tool-card:hover{border-color:#a6bafd;box-shadow:0 6px 20px #16275308}.tool-top{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-bottom:20px}.tool-icon{height:46px;width:46px;border-radius:10px;display:grid;place-items:center;font-weight:800;font-size:20px;letter-spacing:-.7px}.level{font-size:12px;font-weight:700;padding:5px 10px;border-radius:20px}.level.low{color:var(--low);background:var(--low-bg)}.level.medium{color:var(--medium);background:var(--medium-bg)}.level.high{color:var(--high);background:var(--high-bg)}.tool-card h3{font-size:17px;line-height:1.4;letter-spacing:-.3px;margin-bottom:6px}.tool-card p{font-size:14px;color:var(--muted);min-height:46px;line-height:1.6}.level-meter{display:flex;gap:5px;margin-top:22px}.level-meter span{height:4px;flex:1;border-radius:4px;background:#edf0f5}.level-meter.low .filled{background:var(--low)}.level-meter.medium .filled{background:#b17b0b}.level-meter.high .filled{background:#238866}.tool-count{font-size:12px;color:var(--muted);margin-top:20px}
.contact-section{display:grid;grid-template-columns:1.2fr 1fr;gap:110px;align-items:center;padding-top:80px;padding-bottom:80px}.contact-copy h2{font-size:clamp(2rem,3.7vw,3rem);line-height:1.12}.contact-copy>p:last-child{font-size:16px;color:var(--muted);margin-top:24px;max-width:460px}.contact-card{padding:30px;border:1px solid var(--line);border-radius:14px;box-shadow:0 12px 44px #13275708}.avatar{width:58px;height:58px;background:#e9efff;color:var(--blue);border-radius:50%;display:grid;place-items:center;font-size:20px;font-weight:800;margin-bottom:18px}.contact-card h3{font-size:24px;letter-spacing:-.7px}.contact-card>p{font-size:14px;color:var(--muted);margin-top:7px}.contact-divider{height:1px;background:var(--line);margin:24px 0}.contact-card .button{width:100%}.social-links{display:flex;justify-content:center;gap:28px;margin-top:22px;font-size:14px;font-weight:600}.contact-address{overflow-wrap:anywhere;text-align:center}.network-section{padding-top:50px;border-top:1px solid var(--line)}.network-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.network-card{border:1px solid var(--line);border-radius:10px;padding:24px;display:flex;align-items:flex-start;gap:18px;transition:border-color .2s,background .2s}.network-card:hover{border-color:var(--blue);background:#f8faff}.network-mark{height:46px;width:46px;flex-shrink:0;display:grid;place-items:center;background:var(--surface);border-radius:8px;font-size:16px;font-weight:800;color:var(--blue)}.network-text{min-width:0}.network-card h3{font-size:17px;line-height:1.4}.network-card p{font-size:14px;color:var(--muted);margin-top:3px}.network-domain{font-size:12px;color:var(--blue);display:block;margin-top:15px;overflow-wrap:anywhere}.footer{display:flex;align-items:center;justify-content:space-between;gap:24px;padding-top:26px;padding-bottom:26px;border-top:1px solid var(--line)}.footer p,.footer>a:last-child{font-size:12px;color:var(--muted)}
@media(min-width:1500px){.hero{padding-top:85px;padding-bottom:85px}}
@media(max-width:1000px){.hero{gap:40px}.hero h1{letter-spacing:-3px}.profile-panel{padding:26px}.profile-panel>p{font-size:36px}.specialty-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:32px}.tool-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.tool-toolbar{align-items:flex-start;flex-direction:column}.contact-section{gap:48px}.network-grid{grid-template-columns:1fr}.network-card{padding:22px}.network-domain{margin-top:8px}}
@media(max-width:700px){.wrap{padding-left:22px;padding-right:22px}.header{padding:16px 22px;min-height:76px;gap:16px;flex-wrap:wrap}.header .brand{font-size:24px}.header nav{order:3;width:100%;justify-content:space-between;gap:12px;font-size:13px;padding-top:8px}.nav-contact{margin-left:auto;padding:10px 16px}.hero{grid-template-columns:1fr;gap:36px;padding-top:42px;padding-bottom:48px}.hero h1{font-size:clamp(2.6rem,11vw,4rem);letter-spacing:-2.5px}.intro{font-size:20px}.hero-description{font-size:16px}.profile-panel{transform:none;box-shadow:6px 6px 0 #e6edff}.profile-panel>p{font-size:34px;margin:24px 0}.section{padding-top:42px;padding-bottom:44px}.section-heading{flex-direction:column;align-items:flex-start;gap:15px;margin-bottom:28px}.section-heading>p br{display:none}.specialty-grid{gap:28px 20px}.specialty h3{font-size:19px}.specialty>p{font-size:14px}.tool-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.tool-card{padding:16px}.tool-card p{min-height:68px}.tool-top{margin-bottom:16px}.tool-icon{height:38px;width:38px;font-size:17px}.level{padding:4px 8px}.tool-card h3{font-size:16px}.filters{gap:4px}.filters button{font-size:13px;padding:10px 11px}.contact-section{grid-template-columns:1fr;gap:30px}.contact-card{padding:24px}.footer{flex-wrap:wrap;gap:16px}.footer .brand{font-size:23px}.footer p{margin-left:auto}.footer>a:last-child{width:100%}}
@media(max-width:370px){.tool-grid,.specialty-grid{grid-template-columns:1fr}.tool-card p{min-height:0}.tool-icon{height:44px;width:44px}.hero h1{letter-spacing:-1.8px}.header nav{font-size:12px}.wrap{padding-inline:18px}}
@media(prefers-reduced-motion:reduce){:root{scroll-behavior:auto}*,*::before,*::after{transition:none!important;animation:none!important}.primary:hover{transform:none}}

/* Universo: una capa de estrellas real, detrás de superficies legibles. */
:root{--ink:#eef3ff;--muted:#aebad2;--line:#2a3552;--surface:#10192ddd;color-scheme:dark;background:#080e20;color:var(--ink)}
body{background:radial-gradient(ellipse at 85% 5%,#18305b66,transparent 40%),radial-gradient(ellipse at 5% 60%,#27245144,transparent 45%);isolation:isolate}
#starfield{position:fixed;inset:0;width:100%;height:100%;pointer-events:none;z-index:-1}
.header{background:#090f2299;border-color:#2a355277;position:relative;z-index:1}
.brand span,.eyebrow,.specialty-number,.network-domain,.hero h1 span,.contact-copy h2 span{color:#8baaff}
.header nav a:hover,.social-links a:hover,.footer>a:last-child:hover{color:#9fbbff}
.nav-contact{background:#2255f4;color:white}.nav-contact:hover{background:#4272ff}
.profile-panel{background:linear-gradient(135deg,#255af0ef,#183bb3e8);box-shadow:12px 12px 0 #446bf322,0 0 80px #315fea22;border:1px solid #82a5ff66}
.specialty{border-color:#648aff}.tags span{background:#111c3288}
.tool-section{background:#0b142777;border-color:#2a355277}
.tool-card{background:#111b30eb;border-color:#2d3b5a;box-shadow:0 8px 20px #03071333}
.tool-card:hover{border-color:#7298ff;box-shadow:0 0 24px #416eff18}
.tool-icon{background:#fff;border:1px solid #ffffff55;width:56px;height:56px;border-radius:12px}
.tool-logo{display:block;width:40px;height:40px;object-fit:contain}
.filters button:hover{background:#273655}.filters button[aria-pressed=true]{background:#2255f4;color:white}
.legend .low{background:#ff9565}.legend .medium{background:#eac052}.legend .high{background:#65d7a4}
.level-meter span{background:#26324b}.level-meter.low .filled{background:#ff9565}.level-meter.medium .filled{background:#eac052}.level-meter.high .filled{background:#65d7a4}
.contact-card,.network-card{background:#111b30eb;border-color:#2d3b5a;box-shadow:0 14px 44px #03071333}
.contact-card .avatar,.network-mark{background:#22365c;color:#b6caff}
.network-card:hover{background:#192743;border-color:#7298ff}
.network-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,320px),1fr));max-width:780px}
.skip-link{background:#111b30}
@media(max-width:700px){.tool-icon{width:46px;height:46px}.tool-logo{width:34px;height:34px}.profile-panel{box-shadow:6px 6px 0 #446bf322}.social-links{gap:20px;flex-wrap:wrap}}

.header{flex-wrap:wrap}.header nav{flex-wrap:wrap;gap:20px;align-items:center}.header nav [aria-current=page]{color:#9fbbff}.nav-pending{color:#8090b0;cursor:default}
.project-page{padding-top:60px;padding-bottom:70px}.project-page>h1{font-size:clamp(2.8rem,5vw,4.4rem);letter-spacing:-2px;line-height:1.1}.project-page>h1 span{color:#8baaff}.project-intro{max-width:640px;margin-top:20px;color:var(--muted);font-size:16px}
.project-carousel{margin-top:38px}.project-article{display:grid;grid-template-columns:1fr 1fr;border:1px solid #324362;border-radius:18px;overflow:hidden;background:#111b30ed;min-height:390px}.project-identity{padding:34px;display:flex;flex-direction:column;justify-content:space-between;min-height:390px;gap:30px}.project-darwin{background:linear-gradient(145deg,#193253,#15314a 55%,#1b5058)}.project-interads{background:linear-gradient(145deg,#4a267c,#2b256e 55%,#233b82)}.project-identity-top,.project-identity-bottom{font-size:12px;letter-spacing:1.8px;color:#d6e5ff;line-height:1.6}.project-wordmark{font-size:clamp(2.7rem,5vw,4.8rem);font-weight:850;letter-spacing:-2.5px;line-height:1.05;overflow-wrap:anywhere}.project-copy{padding:40px;display:flex;flex-direction:column;justify-content:center}.project-copy .eyebrow{margin-bottom:14px}.project-description{color:var(--muted);font-size:16px;margin-top:20px}.project-action{align-self:flex-start;margin-top:26px}.carousel-controls{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:24px}.carousel-button,.project-picker{color:var(--ink);border:1px solid #344565;background:#111b30;border-radius:8px;min-height:44px;padding:10px 16px;font-size:14px;cursor:pointer}.carousel-button:hover,.project-picker:hover{border-color:#8baaff}.project-pickers{display:flex;flex-wrap:wrap;justify-content:center;gap:8px}.project-picker[aria-pressed=true]{background:#2255f4;border-color:#2255f4;color:white}.project-status{text-align:center;font-size:14px;color:var(--muted);margin-top:14px}
@media(max-width:1000px){.header nav{gap:14px}.project-copy{padding:30px}.project-identity{padding:26px}}
@media(max-width:700px){.header nav{justify-content:flex-start;gap:14px 20px}.project-page{padding-top:38px}.project-article{grid-template-columns:1fr}.project-identity{min-height:230px}.project-wordmark{font-size:3.4rem}.project-copy{padding:26px}.carousel-controls{flex-wrap:wrap;justify-content:center}.project-pickers{order:3;width:100%}.carousel-button{flex:1}.project-description{margin-top:16px}.project-page>h1{letter-spacing:-1.5px}}