/* GARAGE ZERO / OC-017: zona de producto y recursos, sin alterar los estilos generales */
.gz17{--gz-bg:#0e1210;--gz-surface:#19211b;--gz-acid:#d6fb75;--gz-muted:#aeb8ac;--gz-orange:#ff6237;--gz-border:rgba(162,192,164,.26);color:#f3f2eb;background:var(--gz-bg);font-family:inherit}
.gz17 *, .gz17 *::before, .gz17 *::after{box-sizing:border-box}
.gz17 a{color:inherit}
.gz17 .gz-container{max-width:1440px;margin:auto;padding:0 clamp(18px,5vw,82px)}
.gz17 .gz-hero{background:radial-gradient(ellipse at 90% 35%,#1c3020 0%,#0e1411 55%);padding:clamp(58px,9vw,130px) 0 68px;border-bottom:1px solid var(--gz-border)}
.gz17 .gz-kicker,.gz17 .gz-mono{font:500 .78rem/1.65 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.085em;text-transform:uppercase;color:var(--gz-acid)}
.gz17 .gz-hero-grid{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(260px,.8fr);gap:clamp(30px,5vw,90px);align-items:center}
.gz17 h1{font-weight:800;font-size:clamp(3.1rem,7vw,7.3rem);line-height:1.03;letter-spacing:-.06em;color:#f6f6f0;margin:16px 0 23px;overflow-wrap:anywhere}
.gz17 h1 em,.gz17 .gz-accent{font-family:Georgia,serif;font-weight:400;color:var(--gz-acid)}
.gz17 .gz-lead{font-size:clamp(1.05rem,1.5vw,1.35rem);line-height:1.62;color:#c6d1c4;max-width:790px}
.gz17 .gz-brand-image{width:100%;max-width:510px;height:auto;display:block;object-fit:contain}
.gz17 .gz-mark-panel{border:1px solid var(--gz-border);border-radius:18px;padding:24px;background:#0a0d0b;min-height:270px;display:grid;place-items:center}
.gz17 .gz-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:30px}
.gz17 .gz-btn{display:inline-flex;align-items:center;justify-content:center;padding:14px 20px;border:1px solid #d6fb75;background:#d6fb75;color:#10200e!important;text-decoration:none;font:700 .77rem ui-monospace,monospace;letter-spacing:.04em;min-height:46px}
.gz17 .gz-btn.gz-ghost{background:transparent;color:#f2f5e9!important;border-color:#68806c}
.gz17 .gz-section{padding:clamp(52px,6vw,85px) 0;border-bottom:1px solid var(--gz-border)}
.gz17 .gz-section.gz-cream{background:#eeeee4;color:#122016}
.gz17 .gz-section-head{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:24px}
.gz17 h2{font-size:clamp(2.15rem,4vw,4.1rem);font-weight:700;letter-spacing:-.048em;line-height:1.08;margin:9px 0 20px;color:inherit}
.gz17 h3{font-size:1.4rem;letter-spacing:-.02em;margin:0 0 12px;color:inherit}
.gz17 p{line-height:1.7;max-width:79ch}
.gz17 .gz-pale{color:var(--gz-muted)}
.gz17 .gz-cream .gz-pale{color:#58665d}
.gz17 .gz-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.gz17 .gz-grid.gz-two{grid-template-columns:repeat(2,minmax(0,1fr))}
.gz17 .gz-panel{border:1px solid var(--gz-border);background:#18221b;padding:25px;border-radius:8px;min-width:0}
.gz17 .gz-panel strong{color:#dcfc92}
.gz17 .gz-cream .gz-panel{color:#17251a;background:#fbfbf6;border-color:#bdcabc}
.gz17 .gz-cream .gz-panel strong{color:#344a20}
.gz17 .gz-steps{counter-reset:step;display:grid;gap:12px}
.gz17 .gz-step{display:grid;grid-template-columns:52px minmax(0,1fr);gap:16px;padding:18px;border:1px solid var(--gz-border);background:var(--gz-surface)}
.gz17 .gz-step::before{counter-increment:step;content:counter(step,decimal-leading-zero);font:600 1rem ui-monospace,monospace;color:var(--gz-acid)}
.gz17 .gz-step p{margin:8px 0 0;color:var(--gz-muted)}
.gz17 .gz-callout{border-left:3px solid var(--gz-orange);background:#221b17;padding:20px 24px;margin:24px 0;color:#f2e8e2}
.gz17 .gz-callout strong{color:#ffb6a0}
.gz17 .gz-gallery{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}
.gz17 .gz-shot{margin:0;border:1px solid var(--gz-border);background:#131915;padding:14px;border-radius:14px;min-width:0}
.gz17 .gz-shot img{display:block;width:100%;height:auto;aspect-ratio:899/2048;object-fit:cover;object-position:top;border-radius:9px;background:#090d0b}
.gz17 .gz-shot figcaption{font-size:.82rem;color:#c3d1c5;line-height:1.5;padding:13px 4px 5px}
.gz17 details{background:#1b241e;border:1px solid var(--gz-border);padding:19px 22px;margin:10px 0}
.gz17 details summary{cursor:pointer;font-weight:700;font-size:1.03rem}
.gz17 details p{color:#bfccc0;margin:13px 0 0}
.gz17 .gz-links{display:flex;flex-wrap:wrap;gap:10px;margin-top:18px}
.gz17 .gz-links a{padding:11px 15px;border:1px solid var(--gz-border);text-decoration:none;font-size:.86rem}
.gz17 .gz-links a:hover,.gz17 .gz-btn:hover{filter:brightness(1.1)}
.gz17 .gz-stamp{display:block;margin-bottom:10px;color:var(--gz-acid);font:500 .73rem ui-monospace,monospace;letter-spacing:.07em}
.gz17 .gz-table{width:100%;border-collapse:collapse;line-height:1.5}
.gz17 .gz-table th,.gz17 .gz-table td{border-bottom:1px solid var(--gz-border);padding:17px 9px;text-align:left;vertical-align:top}
.gz17 .gz-table th{width:31%;color:#d6fb75}
.gz17 .gz-note{font-size:.83rem;color:var(--gz-muted)}
.gz17 .gz-band{background:#d6fb75;color:#102014;padding:26px clamp(18px,5vw,82px);display:flex;justify-content:space-between;gap:20px;align-items:center}
.gz17 .gz-band strong{font-size:clamp(1.4rem,2.7vw,2.7rem);letter-spacing:-.045em}
.gz17 .gz-band a{color:#122115;font-weight:700;text-decoration:underline}
.gz17 .gz-breadcrumb{border-bottom:1px solid var(--gz-border);background:#eaece3;color:#162017;padding:12px clamp(18px,5vw,82px);font:500 .72rem ui-monospace,monospace;letter-spacing:.025em;display:flex;justify-content:space-between;gap:15px}
.gz17 .gz-breadcrumb a{color:#263c29}
.gz17 .gz-overline{color:#d8ff8a;font:500 .77rem ui-monospace,monospace;letter-spacing:.07em}
@media(max-width:940px){.gz17 .gz-hero-grid{grid-template-columns:1fr}.gz17 .gz-mark-panel{min-height:220px}.gz17 .gz-gallery{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:640px){.gz17 h1{font-size:clamp(2.55rem,12vw,4.3rem)}.gz17 .gz-grid,.gz17 .gz-grid.gz-two,.gz17 .gz-gallery{grid-template-columns:1fr}.gz17 .gz-mark-panel{min-height:160px;padding:12px}.gz17 .gz-brand-image{max-width:340px}.gz17 .gz-breadcrumb{display:block}.gz17 .gz-breadcrumb span{display:block;margin-top:8px}.gz17 .gz-band,.gz17 .gz-section-head{display:block}.gz17 .gz-band a{display:block;margin-top:14px}.gz17 .gz-table th{width:38%}.gz17 .gz-btn{width:100%}}
@media(prefers-reduced-motion:reduce){.gz17 *{scroll-behavior:auto!important;transition:none!important}}