/* PROPICO 2026 — progressive enhancement. Original layouts/interactions remain intact. */
:root{--void:#16253a;--ghisa:#1b2c43;--acciaio:#30455e;--bordo:#4e627c;--blu:#83c0fa;--platino:#f0f5fb;--testo:#f6f9fd;--muto:#cbd8e8;--viola:#b3c8ff;--sp-sec:clamp(4.4rem,8vw,8rem);--gut:clamp(1.1rem,4vw,4.1rem)}
html{-webkit-text-size-adjust:100%;scroll-padding-top:80px}body{min-width:0;background:#18283f;color:var(--testo);overflow-x:clip}main{overflow:clip}.sec{background:linear-gradient(135deg,#1b2e46 0%,#233a55 51%,#243b54 100%)}.sec:nth-of-type(even){background:linear-gradient(135deg,#21354e,#2c425e 55%,#243a56)}.sec::before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;opacity:.62;background:radial-gradient(ellipse 55% 55% at 88% 18%,rgba(108,168,226,.22),transparent 73%),radial-gradient(ellipse 60% 50% at 5% 88%,rgba(135,151,204,.11),transparent 74%);animation:propico-drift 22s ease-in-out infinite alternate}.hero{background:linear-gradient(125deg,#182b43,#233d5b 55%,#355572)}.hero::before{content:"";position:absolute;inset:-15%;z-index:-1;pointer-events:none;background:radial-gradient(ellipse 48% 40% at 80% 35%,rgba(135,198,246,.23),transparent 75%),radial-gradient(ellipse 48% 42% at 19% 71%,rgba(138,165,209,.15),transparent 72%);animation:propico-drift 27s ease-in-out infinite alternate}.hero::after{background:linear-gradient(90deg,rgba(15,27,45,.65),rgba(17,32,52,.22) 60%,rgba(26,47,73,.1)),linear-gradient(180deg,rgba(24,38,59,.36),transparent 35%,#1b2e46)}.hero__intro{color:#e5edf6}.hero h1{max-width:18ch}.h2,.area h3{letter-spacing:-.035em}.eyebrow{color:#b8d5fa}.lede,.area p,.skill p,.step p,.cards p,.direct,.article-summary li{color:#d3deec!important}.area,.skill,.cards article,.infocard{backdrop-filter:blur(7px);-webkit-backdrop-filter:blur(7px)}.skill,.cards article,.infocard{border-color:rgba(201,220,242,.22);background:linear-gradient(145deg,rgba(247,250,255,.095),rgba(147,183,221,.035));border-radius:17px}.area:hover,.skill:hover,.cards article:hover{background:linear-gradient(145deg,rgba(227,241,255,.13),rgba(142,189,240,.065))}.psych-home{background:linear-gradient(130deg,#234c53,#2d5b62 50%,#33566e)}.psych-home .lede{color:#e2f3f3!important}.funded,.crossref{background:linear-gradient(120deg,#233b57,#2f4f6b)}.btn{min-height:46px}.btn--molten{background:linear-gradient(105deg,#f0f6fd,#b1d7fb 52%,#9fc2ed);box-shadow:0 14px 30px rgba(8,28,53,.17)}.btn--ghost{border-color:#a8bed7;background:rgba(248,251,255,.055);color:#f0f7ff}.btn--ghost:hover{background:rgba(248,251,255,.12)}a:focus-visible,button:focus-visible{outline:3px solid #a5d5ff;outline-offset:3px}.seo-services{background:linear-gradient(130deg,#eaf0f7,#dce7f2 55%,#e8eff7)!important;color:#1a314b}.seo-services::before{opacity:.4;background:radial-gradient(ellipse 40% 50% at 80% 30%,#b0d2ee,transparent 75%)}.seo-services .eyebrow{color:#346d9e}.seo-services .lede{color:#536b83!important;max-width:62ch}.seo-cards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-top:34px}.seo-cards li{min-width:0}.seo-cards a{min-height:190px;display:flex;flex-direction:column;align-items:start;padding:24px;background:rgba(255,255,255,.72);border:1px solid #c8d7e6;border-radius:17px;color:#1b344d;box-shadow:0 15px 30px rgba(39,77,115,.07);transition:transform .24s,background .24s,border-color .24s}.seo-cards a:hover{transform:translateY(-5px);background:white;border-color:#95bfe5}.seo-card-number{font-size:.78rem;font-weight:700;letter-spacing:.12em;color:#5b91c0}.seo-card-title{font:750 clamp(1rem,1.3vw,1.24rem) Archivo,system-ui,sans-serif;line-height:1.2;letter-spacing:-.02em;margin-top:35px}.seo-card-arrow{margin-top:auto;align-self:end;color:#398aca;font-size:1.3rem}.seo-links a{width:100%}.seo-links a:hover{border-color:#8db8dc}
@keyframes propico-drift{to{transform:translate(4%,-3%) rotate(4deg)}}
@media(min-width:981px){.top,.top.is-stuck{background:linear-gradient(170deg,#e9edf2,#dce2e9 56%,#c8d2dd);border-right-color:#a4b2c0}.top__nav a{color:#2d4259}.top__nav a:hover,.top__nav a.is-current{background:rgba(255,255,255,.54);color:#15283f}.top__nav a::before{background:linear-gradient(180deg,#79b6e9,#3a79bd)}.top__brand{border-bottom-color:rgba(76,98,118,.2)}.lang{border-top-color:rgba(76,98,118,.2)}}
@media(max-width:980px){.top,.top.is-stuck{background:rgba(233,239,247,.97)}.top__nav{background:rgba(233,239,247,.99)}.top__nav a{color:#20384f}.top.is-open .top__nav{max-height:calc(100dvh - 72px);overflow:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;padding-bottom:max(15px,env(safe-area-inset-bottom))}.burger{min-width:44px;min-height:44px}.lang button{width:40px;height:32px}.hero__grid{padding-top:clamp(6.5rem,13vw,9rem)}.seo-cards{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:680px){.hero{min-height:100svh}.hero__grid{gap:1.3rem;padding-top:7rem;padding-bottom:4.5rem}.hero__mark{max-width:260px}.hero h1{font-size:clamp(2.3rem,9vw,4rem)}.hero__intro{font-size:1.04rem}.hero__cta{gap:.7rem;margin-top:1.65rem}.hero__cta .btn{max-width:100%;min-height:46px}.seo-cards{grid-template-columns:1fr;gap:12px}.seo-cards a{min-height:128px;padding:18px}.seo-card-title{margin-top:17px}.seo-card-arrow{position:absolute;right:20px;bottom:15px}.seo-cards a{position:relative}.seo-services .h2{font-size:clamp(1.8rem,8vw,2.8rem)}.topics__cloud{gap:.55rem}.psych-home__grid{grid-template-columns:1fr}.btn{max-width:100%}.wrap{padding-inline:max(var(--gut),env(safe-area-inset-left));padding-right:max(var(--gut),env(safe-area-inset-right))}}
@media(max-width:380px){.top{gap:6px;padding-inline:12px}.top__brand img{max-width:118px}.lang{gap:4px}.lang button{width:34px;height:28px}.hero h1{font-size:2.25rem}.hero__mark img{max-width:185px}.hero__cta .btn{font-size:.85rem}}
@media(max-height:490px) and (orientation:landscape) and (max-width:980px){.top.is-open .top__nav{max-height:calc(100dvh - 65px)}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.sec::before,.hero::before,.hero h1 em,.hero__mark::before{animation:none!important}.seo-cards a{transition:none}}
/* Legibility of the original white PROPICO logo on light silver navigation */
.top__brand{display:flex;align-items:center;justify-content:center;align-self:center;background:linear-gradient(125deg,#263c57,#192d47);border:1px solid rgba(35,52,76,.15);border-radius:12px;padding:9px 11px!important;box-shadow:0 8px 24px rgba(15,38,67,.12)}
.top__brand img{width:auto;height:auto;max-width:min(140px,100%)}
@media(max-width:980px){.top__brand{margin:0;padding:7px 10px!important}.top__brand img{max-width:130px}}
@media(max-width:380px){.top__brand{padding:6px 7px!important}.top__brand img{max-width:103px}}