.proyectos-hub{position:relative;z-index:var(--z-content);max-width:var(--container-max);margin:0 auto;padding:calc(var(--space-3xl) + var(--space-md) + env(safe-area-inset-top,0px)) var(--container-padding) var(--space-xl);display:flex;flex-direction:column;gap:var(--space-2xl)}.proyectos-hub~.section--cta,.proyectos-hub .section--cta{min-height:0;padding-top:var(--space-xl);padding-bottom:var(--space-2xl);align-items:flex-start}.proyectos-hub__head{display:flex;flex-direction:column;gap:var(--space-md);max-width:64ch}.proyectos-hub__headline{font-family:var(--font-display);font-size:clamp(2.4rem,5.5vw,4.5rem);font-weight:600;line-height:1.04;letter-spacing:-.025em;margin:0}.proyectos-hub__headline span{display:block;overflow:visible;padding:0 .2em 0 0}@media (min-width: 769px){.proyectos-hub__headline span{white-space:nowrap}}.proyectos-hub__headline em{font-style:italic;color:var(--color-accent)}.proyectos-hub__intro{font-family:var(--font-display);font-size:clamp(1.15rem,1.8vw,1.5rem);line-height:1.5;color:var(--color-text);margin:0;max-width:56ch}.proyectos-hub__list{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-lg)}.proyectos-hub__item{margin:0}.proyectos-hub__link{display:flex;flex-direction:column;gap:var(--space-md);padding:var(--space-md);background:#5e5a5229;backdrop-filter:saturate(1.1) blur(6px);-webkit-backdrop-filter:saturate(1.1) blur(6px);border:1px solid rgba(94,90,82,.18);border-radius:var(--radius-md);text-decoration:none;color:inherit;transition:transform var(--duration-base) var(--ease-out-expo),border-color var(--duration-base) var(--ease-out-expo),background var(--duration-base) var(--ease-out-expo)}.proyectos-hub__link:hover{transform:translateY(-4px);border-color:#e16b1966;background:#5e5a5238}.proyectos-hub__media{margin:0;aspect-ratio:16 / 10;overflow:hidden;border-radius:var(--radius-sm, 6px);background:var(--color-surface);border:1px solid var(--color-border)}.proyectos-hub__media img{width:100%;height:100%;object-fit:cover;object-position:top center;display:block;transition:transform .6s var(--ease-out-expo)}.proyectos-hub__link:hover .proyectos-hub__media img{transform:scale(1.03)}.proyectos-hub__body{display:grid;grid-template-columns:auto 1fr auto;align-items:baseline;gap:var(--space-sm) var(--space-md);padding:var(--space-xs) var(--space-xs) var(--space-sm)}.proyectos-hub__num{font-family:var(--font-mono);font-size:var(--font-size-sm);color:var(--color-text-muted);letter-spacing:var(--letter-spacing-label);grid-row:1 / 2}.proyectos-hub__title{font-family:var(--font-display);font-size:clamp(1.5rem,2.6vw,2rem);font-weight:600;letter-spacing:-.02em;margin:0;grid-row:1 / 2}.proyectos-hub__arrow{font-size:1.4rem;color:var(--color-text-muted);grid-row:1 / 2;transition:transform var(--duration-base) var(--ease-out-expo),color var(--duration-base) var(--ease-out-expo)}.proyectos-hub__link:hover .proyectos-hub__arrow{color:var(--color-accent);transform:translate(6px)}.proyectos-hub__category{grid-column:1 / -1;font-family:var(--font-mono);font-size:var(--font-size-xs);letter-spacing:var(--letter-spacing-label);text-transform:uppercase;color:var(--color-text-muted);margin:0}.proyectos-hub__intro{grid-column:1 / -1;font-family:var(--font-sans);font-size:var(--font-size-md);line-height:1.55;color:var(--color-text);margin:0;max-width:52ch}@media (max-width: 900px){.proyectos-hub__list{grid-template-columns:1fr}}@media (max-width: 600px){.proyectos-hub__body{grid-template-columns:auto 1fr}.proyectos-hub__arrow{grid-column:2 / 3;justify-self:end}.proyectos-hub__title{grid-column:1 / -1}}@media (max-width: 600px){.proyectos-hub__list{gap:var(--space-md)}.proyectos-hub__media{aspect-ratio:16 / 10;background:var(--color-bone)}.proyectos-hub__media img{object-fit:contain;object-position:center}.proyectos-hub__intro{font-size:var(--font-size-sm)}}@media (max-width: 768px){.proyectos-hub{padding:calc(var(--space-2xl) + env(safe-area-inset-top,0px)) var(--container-padding) var(--space-xl);gap:var(--space-xl)}}@media (max-width: 480px){.proyectos-hub{padding:calc(var(--space-xl) + env(safe-area-inset-top,0px)) var(--container-padding) var(--space-xl);gap:var(--space-lg)}.proyectos-hub__headline{font-size:clamp(2rem,9vw,3.2rem)}.proyectos-hub__intro{font-size:var(--font-size-md)}.proyectos-hub__link{padding:var(--space-sm)}.proyectos-hub__body{padding:var(--space-xs)}.proyectos-hub__title{font-size:clamp(1.25rem,5vw,1.75rem)}}