/* Archivos de oficios y localidades — sobre el tema oscuro de la web, con el dorado del Gremio */
.gas-archivo { max-width: 1240px; margin: 0 auto; padding: clamp(120px, 14vw, 180px) clamp(16px, 3.2vw, 46px) 80px; font-family: "Poppins", system-ui, sans-serif; color: #fff; }
.gas-archivo-cab { max-width: 760px; margin-bottom: 48px; }
.gas-archivo-ante { margin: 0 0 12px; color: #df953a; font-size: 13px; font-weight: 600; letter-spacing: .12em; text-transform: uppercase; }
.gas-archivo h1 { margin: 0 0 20px; font-size: clamp(32px, 5vw, 56px); line-height: 1.1; text-wrap: balance; }
.gas-archivo-intro { margin: 0 0 16px; font-size: 18px; line-height: 1.6; color: rgba(255,255,255,.85); }
.gas-archivo-num { margin: 0; font-size: 14px; color: rgba(255,255,255,.6); }

.gas-archivo-talleres ul, .gas-archivo-obras ul { list-style: none; margin: 0; padding: 0; display: grid; gap: 24px; grid-template-columns: repeat(auto-fill, minmax(260px, 1fr)); }
.gas-archivo li a { display: flex; flex-direction: column; gap: 6px; height: 100%; color: inherit; text-decoration: none; }
.gas-archivo-talleres img, .gas-archivo-sinfoto { width: 100%; aspect-ratio: 4 / 3; object-fit: cover; border-radius: 8px; margin-bottom: 8px; background: rgba(255,255,255,.06); display: block; }
.gas-archivo-obras img { width: 100%; height: auto; aspect-ratio: 3 / 4; object-fit: cover; border-radius: 8px; margin-bottom: 8px; }
.gas-archivo-nombre { font-size: 18px; font-weight: 600; line-height: 1.3; }
.gas-archivo-meta { font-size: 14px; color: #df953a; }
.gas-archivo-res { font-size: 14px; line-height: 1.55; color: rgba(255,255,255,.75); }
.gas-archivo-ver { margin-top: auto; padding-top: 8px; font-size: 14px; font-weight: 600; color: #df953a; }
.gas-archivo li a:hover .gas-archivo-nombre, .gas-archivo li a:focus-visible .gas-archivo-nombre { color: #df953a; }
.gas-archivo li a:focus-visible { outline: 2px solid #df953a; outline-offset: 4px; border-radius: 8px; }

.gas-archivo-obras { margin-top: 72px; }
.gas-archivo-obras h2 { margin: 0 0 24px; font-size: clamp(24px, 3vw, 32px); }
.gas-archivo-obras ul { grid-template-columns: repeat(auto-fill, minmax(200px, 1fr)); }

.gas-archivo-pie { display: flex; flex-wrap: wrap; gap: 16px 32px; align-items: center; margin-top: 72px; padding-top: 32px; border-top: 1px solid rgba(255,255,255,.12); }
.gas-archivo-pie a { color: #fff; font-weight: 600; }
.gas-archivo-pie a:hover { color: #df953a; }
.gas-archivo-pie .gas-archivo-cta { margin-left: auto; padding: 12px 22px; border: 1px solid #df953a; border-radius: 999px; color: #df953a; }
.gas-archivo-pie .gas-archivo-cta:hover { background: #df953a; color: #1a1a1a; }
@media (max-width: 600px) { .gas-archivo-pie .gas-archivo-cta { margin-left: 0; } }