.seccion-pagina{padding-top:var(--space-8);padding-bottom:var(--space-16)}.seccion-pagina__header,.seccion-pagina__titulo{margin-bottom:var(--space-4)}.seccion-pagina__titulo{font-family:var(--font-titular);font-size:2rem;font-weight:900}.seccion-pagina__subnav{display:flex;flex-wrap:wrap;gap:var(--space-1)}.seccion-pagina__sub-link{font-size:var(--text-metadatos);font-weight:500;padding:var(--space-1) var(--space-3);text-decoration:none;color:var(--color-texto-secundario);border:1px solid transparent;transition:all var(--duration-fast) var(--easing-default)}.seccion-pagina__sub-link:hover{color:var(--color-verde-texto)}.seccion-pagina__sub-link--active{color:var(--color-texto);border-color:var(--color-borde-sutil);font-weight:700}.seccion-pagina__hero{margin:var(--space-6) 0 var(--space-10)}.seccion-pagina__hero-article{display:grid;grid-template-columns:1.2fr 1fr;gap:var(--space-6);align-items:start}.seccion-pagina__hero-image{aspect-ratio:16/9;overflow:hidden;background:var(--superficie-neutra)}.seccion-pagina__hero-image .cubierta,.seccion-pagina__hero-image img{width:100%;height:100%;object-fit:cover;display:block}.seccion-pagina__hero-content{padding-top:var(--space-2)}.seccion-pagina__hero-titulo{font-family:var(--font-titular);font-size:1.625rem;font-weight:700;line-height:1.2;margin:var(--space-2) 0 var(--space-3)}.seccion-pagina__hero-titulo a{text-decoration:none;color:var(--color-texto)}.seccion-pagina__hero-titulo a:hover{color:var(--color-verde-texto)}.seccion-pagina__hero-subtitulo{font-family:var(--font-cuerpo);font-size:var(--text-cuerpo);line-height:var(--leading-cuerpo);color:var(--color-texto-secundario);margin-bottom:var(--space-3)}.seccion-pagina__grilla{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:var(--space-6)}.seccion-pagina__tarjeta{border-bottom:1px solid var(--color-borde-sutil);padding-bottom:var(--space-4)}.seccion-pagina__tarjeta-imagen{aspect-ratio:16/9;overflow:hidden;margin-bottom:var(--space-3);background:var(--superficie-neutra)}.seccion-pagina__tarjeta-imagen .cubierta,.seccion-pagina__tarjeta-imagen img{width:100%;height:100%;object-fit:cover;display:block}.seccion-pagina__tarjeta-titulo{font-family:var(--font-titular);font-size:1.125rem;font-weight:600;line-height:1.3;margin:var(--space-2) 0 var(--space-2)}.seccion-pagina__tarjeta-titulo a{text-decoration:none;color:var(--color-texto)}.seccion-pagina__tarjeta-titulo a:hover{color:var(--color-verde-texto)}@media (max-width:768px){.seccion-pagina__grilla,.seccion-pagina__hero-article{grid-template-columns:1fr}}