/* ==== LAYOUT ==== */
.Row { display:flex; align-items:center; }
.RowStart { display:flex; align-items:flex-start; }
.RowEnd { display:flex; justify-content:flex-end; }
.RowCenter { display:flex; align-items:center; justify-content:center; }
.RowBetween { display:flex; align-items:center; justify-content:space-between; }
.RowStretch { display:flex; align-items:stretch; }
.RowWrap { display:flex; flex-wrap:wrap; align-items:baseline; }
.Column { display:flex; flex-direction:column; }
.ColumnCenter { display:flex; flex-direction:column; align-items:center; }
.ColumnBottom { display:flex; flex-direction:column; justify-content:flex-end; }
.ColumnBetween { display:flex; flex-direction:column; justify-content:space-between; }

/* ==== SPACING ==== */
.Pad10 { padding:10px; }
.Pad20 { padding:20px; }
.Pad40 { padding:40px; }

.PadB20 { padding-bottom:20px; }
.PadX20 { padding-left:20px; padding-right:20px; }
.PadY20 { padding-top:20px; padding-bottom:20px; }

.Mar10 { margin:10px; }
.Mar20 { margin:20px; }
.Mar40 { margin:40px; }
.MarB20 { margin-bottom:20px; }
.MarB30 { margin-bottom:30px; }
.MarT20 { margin-top:20px; }
.MarT40 {margin-top:40px;}

/* ==== GAP ==== */
.Gap10 { gap:10px; }
.Gap15 { gap:15px; }
.Gap20 { gap:20px; }
.Gap40 { gap:40px; }

/* ==== TYPOGRAPHY ==== */
.TitleXL { font-size:64px; font-weight:700; color:var(--secondary); }
.TitleL  { font-size:34px; font-weight:600; color:var(--secondary); }
.TitleM  { font-size:20px; font-weight:600; color:var(--secondary); }
.TitleS  { font-size:16px; font-weight:500; color:#9ca3af; }

.TextRight { text-align: right; }
.TextCenter { text-align:center; }
.TextWhite  { color:white; }
.NoWrap     { white-space:nowrap; }

/* ==== SIZE ==== */
.FullWidth { width:100%; }
.Max600 { max-width:600px; }
.Max800 { max-width:800px; }
.Grow { flex-grow: 1; }

/* ==== UTILITY ==== */
.Click  { cursor:pointer; }
.Block  { display:block; }
.Hidden { display:none; }
.Flex1  { flex:1; }

/* ==== SECTION CONTAINERS ==== */
.Section { padding:40px 5%; }
.SectionNarrow { padding:40px 20%; }

/* ==== RESET TIPOGRAFICO ==== */
p, h1, h2, h3, h4, h5, h6 {
    margin: 0;
}

/* ==== COLORS ==== */