@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,400;1,700&display=swap');

        :root {
            --saberes-blue: #002060;
            --saberes-gold: #D4AF37;
            --saberes-light-gold: #fcf8e8;
            --font-heading: 'Montserrat', sans-serif;
            --font-body:    'Century Gothic', 'Trebuchet MS', Calibri, 'Gill Sans', sans-serif;
            --font-main:    var(--font-body);
            --font-display: var(--font-heading);
        }

        body {
            font-family: var(--font-body);
            background-color: #ffffff;
            color: #1a1a1a;
            -webkit-font-smoothing: antialiased;
            overflow-x: hidden;
        }

        /* Tipografia Corporativa */
        h1, h2, h3, h4, h5, h6 {
            font-family: var(--font-heading);
            letter-spacing: -0.02em;
        }

        /* ─── Scroll Fade-In Reveal ──────────────────────────────────────────── */
        .sbr-hidden {
            opacity: 0;
            transform: translateY(28px);
            transition:
                opacity   0.7s cubic-bezier(0.25, 0.46, 0.45, 0.94),
                transform 0.7s cubic-bezier(0.25, 0.46, 0.45, 0.94);
            will-change: opacity, transform;
        }

        .sbr-visible {
            opacity: 1;
            transform: translateY(0);
            transition:
                opacity   0.7s cubic-bezier(0.25, 0.46, 0.45, 0.94),
                transform 0.7s cubic-bezier(0.25, 0.46, 0.45, 0.94);
        }
        /* ───────────────────────────────────────────────────────────────────── */

        /* ─── Typography Weight Reduction ───────────────────────────────────── */
        /* Tailwind utility class overrides (900→700, 800→600, 700→600, 600→500) */
        .font-black     { font-weight: 700 !important; }
        .font-extrabold { font-weight: 600 !important; }
        .font-bold      { font-weight: 600 !important; }
        .font-semibold  { font-weight: 500 !important; }

        /* Attribute-selector override for inline style="font-weight:900/800" */
        [style*="font-weight:900"],
        [style*="font-weight: 900"] { font-weight: 700 !important; }
        [style*="font-weight:800"],
        [style*="font-weight: 800"] { font-weight: 600 !important; }

        /* Default heading weights (overridden by more specific rules if needed) */
        h1 { font-weight: 700; }
        h2 { font-weight: 600; }
        h3, h4, h5, h6 { font-weight: 500; }
        /* ───────────────────────────────────────────────────────────────────── */