Otro Mundo XL
Otro Mundo L
Otro Mundo M
Otro Mundo S
Subheader
Texto L. Lorem ipsum odor amet, consectetuer adipiscing elit. Lorem ipsum odor amet, consectetuer adipiscing elit. Lorem ipsum odor amet, consectetuer adipiscing elit.
Texto M. Lorem ipsum odor amet, consectetuer adipiscing elit. Lorem ipsum odor amet, consectetuer adipiscing elit. Lorem ipsum odor amet, consectetuer adipiscing elit.
Texto S. Lorem ipsum odor amet, consectetuer adipiscing elit. Lorem ipsum odor amet, consectetuer adipiscing elit. Lorem ipsum odor amet, consectetuer adipiscing elit.
Legales. Lorem ipsum odor amet, consectetuer adipiscing elit. Lorem ipsum odor amet, consectetuer adipiscing elit. Lorem ipsum odor amet, consectetuer adipiscing elit.
Botón L
Botón M
Botón S
#608368
#47694F
#F7AC32
#FFB946
#FFF8F8
#EDE9E1
#E0D2CA
#000000
XS Container 2.5 REM up - down | 2.5 left - right
Small Container 3.75 REM up - down | 2.5 left - right
Medium Container 5 REM up - down | 2.5 left - right
Large Container 6.25 REM up - down | 2.5 left - right
Add 5.375 REM with header above
XL Large Container 8.75 REM up - down | 2.5 left - right
Add 5.375 REM with header above
Large Container
- Desktop: 90 rem.
- Padding Top - Down: 100px Large | 80px Medium | 60px Small.
- Padding Left - Right: 20px.
- Row Gap: 40px Large | 20px small. Mobile: 60px Large | 40px Medium | 20px Small.
- Column Gap: 40px.
- Border Radius: 20px
Mid Size Container
- Desktop: 80 rem.
- Padding Top - Down: 100px Large | 80px Medium | 60px Small.
- Padding Left - Right: 20px.
- Row Gap: 40px Large | 20px small. Mobile: 60px Large | 40px Medium | 20px Small.
- Column Gap: 20px.
- Border Radius: 20px
Small Size Container
- Desktop: 64 rem.
- Padding Top - Down: 100px Large | 80px Medium | 60px Small.
- Padding Left - Right: 20px.
- Row Gap: 40px Large | 20px small. Mobile: 60px Large | 40px Medium | 20px Small.
- Column Gap: 20px.
- Border Radius: 20px
