/* V5.2 — readable project database */
body{background:#f7f8fc!important;color:#151823!important}
.project-nav{position:sticky;top:0;z-index:1000;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:32px;padding:18px clamp(24px,4vw,72px);background:rgba(10,12,21,.96);backdrop-filter:blur(16px);border-bottom:1px solid rgba(255,255,255,.1)}
.project-nav nav{display:flex;justify-content:center;gap:24px}.project-nav nav a,.project-nav .nav-home{font:700 9px var(--mono);letter-spacing:.1em;color:#fff;opacity:.8}.project-nav a:hover{opacity:1;color:#9b7cff}
.db-hero{background:linear-gradient(135deg,#f7f8fc,#eeeaff)!important;color:#161824!important;border-bottom:1px solid #dedbe8!important;min-height:auto!important;padding:110px max(6vw,40px) 80px!important}
.db-hero h1{max-width:1100px!important}.db-hero p{color:#5f6471!important;max-width:760px!important}.db-stats{color:#252937!important}
.db-content{background:#fff!important;padding:72px max(6vw,40px)!important}
.db-filter{position:sticky;top:72px;z-index:20;background:rgba(255,255,255,.94)!important;backdrop-filter:blur(12px);padding:14px!important;border:1px solid #e2e0e8!important}
.db-filter button{color:#3c4050!important;border-color:#ddd9e8!important}.db-filter button.active{background:#171927!important;color:#fff!important}
.db-legend{color:#565b68!important;border-color:#dddbe5!important}.db-grid{width:100%!important;max-width:1320px!important;margin-inline:auto!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:22px!important}
.db-card{background:#f8f9fd!important;color:#171a25!important;border:1px solid #dfdde8!important;min-height:440px!important;transform:none!important}.db-card:hover{transform:translateY(-6px)!important;box-shadow:0 24px 60px rgba(47,39,82,.11)!important;border-color:#a998e2!important}.db-card p{color:#626774!important}.db-card footer{border-color:#dedce6!important}.db-card footer a{color:#5e43bd!important}.db-card .db-index{color:rgba(90,68,165,.07)!important}
.db-next{background:linear-gradient(135deg,#f1edff,#eaf3ff)!important;color:#171927!important;border-top:1px solid #ddd9ea!important}.db-next .btn{color:#fff!important}
@media(max-width:800px){.project-nav{grid-template-columns:auto 1fr}.project-nav nav{display:none}.project-nav .nav-home{justify-self:end}.db-hero,.db-content{padding-inline:24px!important}.db-grid{grid-template-columns:1fr!important}.db-filter{top:62px;overflow-x:auto;display:flex;flex-wrap:nowrap}.db-card{min-height:auto!important}}

/* V5.3 — PROJECT DATABASE LAYOUT RESET */
:root{--db-max:1440px;--db-pad:clamp(28px,5vw,88px);--db-header:72px}
body{margin:0!important;overflow-x:hidden!important}
.project-nav{position:sticky!important;top:0!important;z-index:1000!important;width:100%!important;height:var(--db-header)!important;min-height:var(--db-header)!important;box-sizing:border-box!important;display:grid!important;grid-template-columns:150px minmax(0,1fr) 150px!important;align-items:center!important;gap:20px!important;padding:0 var(--db-pad)!important;margin:0!important;background:rgba(10,12,21,.97)!important;border:0!important;border-bottom:1px solid rgba(255,255,255,.1)!important}
.project-nav .brand{font-size:18px!important;color:#fff!important}.project-nav nav{display:flex!important;align-items:center!important;justify-content:center!important;gap:clamp(20px,2.4vw,40px)!important;margin:0!important;padding:0!important}.project-nav nav a,.project-nav .nav-home{padding:27px 0 24px!important;font:700 9px/1 var(--mono)!important;letter-spacing:.11em!important;color:rgba(240,241,247,.68)!important;white-space:nowrap!important}.project-nav nav a.active{color:#fff!important;border-bottom:2px solid #8567f2!important}.project-nav .nav-home{justify-self:end!important}.project-menu-toggle{display:none}
.db-hero{box-sizing:border-box!important;width:100%!important;max-width:none!important;min-height:620px!important;margin:0!important;padding:clamp(90px,8vw,130px) var(--db-pad) clamp(72px,7vw,110px)!important;display:flex!important;flex-direction:column!important;justify-content:center!important;background:linear-gradient(135deg,#f8f9fd 0%,#f2efff 55%,#eaf4ff 100%)!important;color:#161824!important}
.db-hero>*{width:min(100%,var(--db-max))!important;margin-left:auto!important;margin-right:auto!important}
.db-hero h1{font-size:clamp(58px,7.2vw,118px)!important;line-height:.84!important;letter-spacing:-.065em!important;margin-top:24px!important;margin-bottom:34px!important;max-width:1320px!important}.db-hero p{font-size:15px!important;line-height:1.6!important;max-width:720px!important;margin-left:max(0px,calc((100% - var(--db-max))/2))!important}.db-stats{display:flex!important;flex-wrap:wrap!important;gap:0!important;margin-top:38px!important;margin-left:max(0px,calc((100% - var(--db-max))/2))!important}.db-stats span{padding:12px 16px!important}
.db-content{box-sizing:border-box!important;width:100%!important;max-width:none!important;margin:0!important;padding:72px var(--db-pad) 120px!important;background:#fff!important}.db-content>*{width:min(100%,var(--db-max))!important;margin-left:auto!important;margin-right:auto!important}.db-filter{top:calc(var(--db-header) + 12px)!important;margin-bottom:24px!important}.db-legend{margin-top:0!important;margin-bottom:34px!important;padding:20px 0!important}.db-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:24px!important;align-items:stretch!important}.db-card{width:auto!important;min-width:0!important;min-height:430px!important;padding:30px!important;margin:0!important}.db-card h2{font-size:clamp(32px,3.2vw,54px)!important;line-height:.92!important}.db-next{box-sizing:border-box!important;margin:0!important;padding:100px var(--db-pad)!important;min-height:420px!important}.db-next>*{width:min(100%,var(--db-max))!important;margin-left:auto!important;margin-right:auto!important}
@media(max-width:900px){.project-nav{grid-template-columns:1fr auto!important;height:64px!important;min-height:64px!important;--db-header:64px}.project-nav nav{display:none!important}.project-nav .nav-home{font-size:8px!important}.db-hero{min-height:auto!important;padding-top:84px!important}.db-hero h1{font-size:clamp(48px,11vw,82px)!important}.db-grid{grid-template-columns:1fr!important}.db-card{min-height:auto!important}}
@media(max-width:620px){:root{--db-pad:20px}.db-hero{padding-top:68px!important;padding-bottom:64px!important}.db-hero h1{font-size:clamp(44px,14vw,68px)!important}.db-stats{display:grid!important;grid-template-columns:1fr 1fr!important}.db-content{padding-top:50px!important;padding-bottom:80px!important}.db-card{padding:24px!important}.back-top{display:none!important}}

/* FINAL — navegación de Base de Proyectos */
.project-menu-toggle{width:42px;height:42px;border:1px solid rgba(255,255,255,.16);background:rgba(255,255,255,.04);display:none;align-items:center;justify-content:center;flex-direction:column;gap:6px;cursor:pointer;padding:0}
.project-menu-toggle span{display:block;width:18px;height:1px;background:#fff;transition:transform .25s ease,opacity .25s ease}
@media(max-width:900px){
  .project-nav{grid-template-columns:auto 42px auto!important;gap:14px!important;padding:0 20px!important}
  .project-menu-toggle{display:flex!important;justify-self:center;z-index:1002}
  .project-nav nav{position:absolute!important;display:flex!important;flex-direction:column!important;align-items:stretch!important;justify-content:flex-start!important;gap:0!important;top:64px!important;left:0!important;right:0!important;padding:10px 20px 18px!important;background:rgba(10,12,21,.985)!important;border-bottom:1px solid rgba(255,255,255,.12)!important;box-shadow:0 20px 40px rgba(0,0,0,.22)!important;opacity:0!important;visibility:hidden!important;transform:translateY(-8px)!important;pointer-events:none!important;transition:opacity .22s ease,transform .22s ease,visibility .22s ease!important}
  .project-nav.menu-open nav{opacity:1!important;visibility:visible!important;transform:translateY(0)!important;pointer-events:auto!important}
  .project-nav nav a{padding:15px 4px!important;border-bottom:1px solid rgba(255,255,255,.08)!important;font-size:10px!important}
  .project-nav nav a:last-child{border-bottom:0!important}
  .project-nav nav a.active{border-bottom:1px solid rgba(255,255,255,.08)!important;color:#a98cff!important}
  .project-nav.menu-open .project-menu-toggle span:first-child{transform:translateY(3.5px) rotate(45deg)}
  .project-nav.menu-open .project-menu-toggle span:last-child{transform:translateY(-3.5px) rotate(-45deg)}
  .project-nav .nav-home{justify-self:end!important;padding:0!important}
}
@media(max-width:480px){.project-nav{grid-template-columns:auto 42px auto!important;padding:0 14px!important}.project-nav .nav-home{font-size:7px!important;letter-spacing:.08em!important}}

/* RJHU Lorraine · logo en base de proyectos */
.project-nav .brand-logo{display:inline-flex!important;align-items:center!important;line-height:0!important}
.project-nav .brand-logo img{height:31px!important;width:auto!important;max-width:150px!important;display:block!important}
@media(max-width:480px){.project-nav .brand-logo img{height:25px!important;max-width:116px!important}}