mirror of
https://github.com/LucasKalil-Programador/world-2026-hub.git
synced 2026-07-04 17:41:28 -03:00
Lucas Kalil
e94aa09ce5
- Remove card chrome (background rect, text duplicates, accent bars) from all 17 stadium SVGs - Crop viewBox tightly to illustration (~10px padding) and remove fixed width/height attributes - Update .stadium-img aspect ratio from 16/9 to 4/3 to match cropped SVG ratios and prevent aggressive object-fit clipping
49 lines
2.5 KiB
XML
49 lines
2.5 KiB
XML
<svg xmlns="http://www.w3.org/2000/svg" viewBox="46 136 208 174" role="img" aria-label="Estadio BBVA, Monterrey, Mexico">
|
|
<defs>
|
|
<style>
|
|
.struct{fill:none;stroke:#1E2A38;stroke-width:2.5;stroke-linejoin:round;stroke-linecap:round}
|
|
.thin{fill:none;stroke:#1E2A38;stroke-width:1.5;stroke-linejoin:round;stroke-linecap:round}
|
|
.hair{fill:none;stroke:#1E2A38;stroke-width:1;stroke-linecap:round;opacity:.55}
|
|
.concrete{fill:#E7EBF0}
|
|
.stands{fill:#CDD6E0}
|
|
.canopy{fill:#EDF0F4}
|
|
.void{fill:#FFFFFF}
|
|
.pitch{fill:#3D9A6A}
|
|
.pline{fill:none;stroke:#FFFFFF;stroke-width:1.5;opacity:.9}
|
|
.acc{fill:#E1593A}
|
|
.accs{fill:none;stroke:#E1593A;stroke-width:2}
|
|
.green{fill:#6FB98F}
|
|
.ribs{fill:none;stroke:#B7C0CC;stroke-width:16;stroke-dasharray:3 9}
|
|
.louver{fill:none;stroke:#B7C0CC;stroke-width:13;stroke-dasharray:2 5}
|
|
</style>
|
|
<pattern id="frit" width="9" height="9" patternUnits="userSpaceOnUse">
|
|
<circle cx="2" cy="2" r="0.9" fill="#C7D0DA"/>
|
|
</pattern>
|
|
</defs>
|
|
<g>
|
|
<rect x="56" y="152" width="188" height="146" rx="22" class="concrete"/>
|
|
<rect x="56" y="152" width="188" height="146" rx="22" class="struct"/>
|
|
<rect x="78" y="172" width="132" height="106" rx="16" class="stands"/>
|
|
<rect x="78" y="172" width="132" height="106" rx="16" class="thin"/>
|
|
<rect x="101" y="199" width="98" height="54" rx="10" class="pitch"/>
|
|
<line x1="150" y1="199" x2="150" y2="253" class="pline"/>
|
|
<rect x="101" y="216" width="12" height="20" class="pline"/>
|
|
<rect x="187" y="216" width="12" height="20" class="pline"/>
|
|
<circle cx="150" cy="226" r="9" class="accs"/>
|
|
<rect x="100" y="146" width="100" height="34" class="void"/>
|
|
<line x1="100" y1="180" x2="200" y2="180" class="thin"/>
|
|
<line x1="100" y1="146" x2="100" y2="180" class="thin"/>
|
|
<line x1="200" y1="146" x2="200" y2="180" class="thin"/>
|
|
<line x1="86" y1="300" x2="86" y2="290" class="hair"/>
|
|
<line x1="98" y1="300" x2="98" y2="290" class="hair"/>
|
|
<line x1="110" y1="300" x2="110" y2="290" class="hair"/>
|
|
<line x1="122" y1="300" x2="122" y2="290" class="hair"/>
|
|
<line x1="134" y1="300" x2="134" y2="290" class="hair"/>
|
|
<line x1="146" y1="300" x2="146" y2="290" class="hair"/>
|
|
<line x1="158" y1="300" x2="158" y2="290" class="hair"/>
|
|
<line x1="170" y1="300" x2="170" y2="290" class="hair"/>
|
|
<line x1="182" y1="300" x2="182" y2="290" class="hair"/>
|
|
<line x1="194" y1="300" x2="194" y2="290" class="hair"/>
|
|
<line x1="206" y1="300" x2="206" y2="290" class="hair"/>
|
|
</g>
|
|
</svg>
|