/* ==========================================================================
   CLASSES D'UTILITAT: PES (Weights)
   ========================================================================== */
.txt--wt-400 { font-weight: var(--fw-400); }
.txt--wt-700 { font-weight: var(--fw-700); }
/* ==========================================================================
   CLASSES D'UTILITAT: MIDES RESPONSIVES
   Nota: L'interlineat (line-height) és proporcional sense unitats.
   ========================================================================== */
.txt--resz-1 { font-size: var(--step-1); line-height: var(--lh-1); } /* Molt petit */
.txt--resz-2 { font-size: var(--step-2); line-height: var(--lh-2); } /* Base / Paràgraf */
.txt--resz-3 { font-size: var(--step-3); line-height: var(--lh-3); } /* H4 */
.txt--resz-4 { font-size: var(--step-4); line-height: var(--lh-4); } /* H3 */
.txt--resz-5 { font-size: var(--step-5); line-height: var(--lh-5); } /* H2 */
.txt--resz-6 { font-size: var(--step-6); line-height: var(--lh-6); } /* H1 / Hero */
/* =============================================
   MIDES FIXES
   ============================================= */
.txt--sz--1r    { font-size: 1rem;    line-height: var(--lh-2); }
.txt--sz--1_25r { font-size: 1.25rem; line-height: var(--lh-3); }
.txt--sz--1_5r  { font-size: 1.5rem;  line-height: var(--lh-4); }
.txt--sz--2r    { font-size: 2rem;    line-height: var(--lh-5); }
.txt--sz--3r    { font-size: 3rem;    line-height: var(--lh-6); }
/* =============================================
   ALINEACIÓ DE TEXT
   ============================================= */
.txt--left   { text-align: left; }
.txt--center { text-align: center; }
.txt--right  { text-align: right; }
/* ==========================================================================
   CONTROL DE LLEGIBILITAT (El contenidor de text)
   ========================================================================== */
.prose {
    max-width: 70ch;       /* Màxim 70 caràcters per línia (confort visual) */
    min-width: 20ch;       /* 4-5 paraules per línia, llindar mínim per llegir amb comoditat */
    margin-inline: auto;   /* Centra el bloc de text */
}
/* Ritme vertical automàtic basat en la mida de la font (unitats em) */
.prose h1, .prose h2, .prose h3, .prose h4, .prose p {
    margin-block-start: 1.5em; /* Espai a sobre proporcional */
    margin-block-end: 0.75em;  /* Espai a sota proporcional */
}
/* Correcció per al primer i últim element del contenidor */
.prose *:first-child { margin-block-start: 0; }
.prose *:last-child { margin-block-end: 0; }
/* ==========================================================================
   TEXT ESPECÍFIC
   ========================================================================== */
.txt--highlight {
	font-weight: 700;
	cursor: pointer;
	text-decoration: underline;
}
/*  =====================================================
    👉 CLASSES DE COLOR
    ===================================================== */
.txt--cl-black    { color: var(--color-nearblack); }
.txt--cl-white    { color: var(--color-nearwhite); }
.txt--cl-maroon   { color: var(--color-maroon); }
.txt--cl-coral    { color: var(--color-coral); }
.txt--cl-gold     { color: var(--color-gold); }
.txt--cl-darkblue { color: var(--color-darkblue); }
.txt--cl-red      { color: var(--color-red); }