/* /empresas/biblioteca/rrhh/ */
.cu-hero { background: var(--color-canvas-ice); padding: 170px 0 90px; border-bottom: 2px solid var(--color-carbon-black); overflow-x: hidden; }
        .cu-eyebrow { display: inline-flex; align-items: center; gap: .45rem; padding: .35rem 1rem; border-radius: 50px; font-size: .75rem; font-weight: 700; letter-spacing: .1em; text-transform: uppercase; border: 1.5px solid var(--color-carbon-black); background: transparent; margin-bottom: 1.5rem; }
        .cu-eyebrow i { color: var(--color-brand-green); }
        .cu-headline { font-family: var(--font-helvetica-now-display-cn-bold) !important; font-size: clamp(2.2rem, 5vw, 4.2rem) !important; font-weight: 900 !important; text-transform: uppercase !important; letter-spacing: -1.5px !important; line-height: .95 !important; margin-bottom: 1.5rem; word-break: break-word; overflow-wrap: break-word; max-width: 100%; }
        .cu-headline .green { color: var(--color-brand-green) !important; }
        .cu-intro { font-size: 1rem !important; color: var(--color-muted-stone) !important; line-height: 1.7 !important; max-width: 520px; margin-bottom: 2rem; }
        .cu-section { padding: 90px 0; border-top: 2px solid var(--color-carbon-black); }
        .cu-section.bg-ice { background: var(--color-canvas-ice); }
        .cu-section.bg-white { background: var(--color-polar-white); }
        .sec-label { font-size: .72rem; font-weight: 700; letter-spacing: .14em; text-transform: uppercase; color: var(--color-muted-stone); margin-bottom: .75rem; }
        .sec-title { font-family: var(--font-helvetica-now-display-cn-bold) !important; font-size: clamp(1.8rem, 3.5vw, 2.8rem) !important; font-weight: 900 !important; text-transform: uppercase !important; letter-spacing: -1px !important; line-height: .96 !important; }
        .sec-title .green { color: var(--color-brand-green) !important; }
        .sec-title.light { color: var(--color-polar-white) !important; }
        .sec-label.light { color: rgba(255, 255, 255, .45); }
        .open-step { display: flex; align-items: flex-start; gap: 1.1rem; padding: 1.25rem; border: 2px solid var(--color-carbon-black); border-radius: var(--radius-default); background: var(--color-polar-white); margin-bottom: 1.1rem; transition: background .2s; }
        .open-step:last-child { margin-bottom: 0; }
        .open-step:hover { background: var(--color-cream-card); }
        .open-step-num { width: 44px; height: 44px; flex-shrink: 0; background: var(--color-carbon-black); color: var(--color-brand-green); border-radius: var(--radius-default); display: flex; align-items: center; justify-content: center; font-family: var(--font-helvetica-now-display-cn-bold) !important; font-weight: 900 !important; font-size: 1rem; }
        .open-step-title { font-weight: 700 !important; font-size: .92rem !important; text-transform: uppercase; letter-spacing: .04em; margin-bottom: .2rem; }
        .open-step-desc { font-size: .86rem !important; color: var(--color-muted-stone) !important; line-height: 1.55 !important; }
        .sec-feat { display: flex; align-items: flex-start; gap: 1rem; padding: 1.25rem 0; border-bottom: 1px solid var(--color-ghost-gray); }
        .sec-feat:last-child { border-bottom: none; }
        .sec-feat-icon { width: 46px; height: 46px; flex-shrink: 0; background: var(--color-brand-green); border: 2px solid var(--color-carbon-black); border-radius: var(--radius-default); display: flex; align-items: center; justify-content: center; font-size: 1.1rem; color: var(--color-carbon-black); }
        .sec-feat-title { font-weight: 700 !important; font-size: .95rem !important; margin-bottom: .25rem; }
        .sec-feat-desc { font-size: .86rem !important; color: var(--color-muted-stone) !important; line-height: 1.55 !important; }
        .cu-cta { padding: 110px 0; background: var(--color-carbon-black); border-top: 2px solid var(--color-carbon-black); }
        .cu-cta .pill-accent-btn { background-color: var(--color-brand-green) !important; color: var(--color-carbon-black) !important; }
        .cu-cta .pill-accent-btn:hover { background-color: var(--color-brand-green-light) !important; }
        .btn-outline-light-cu { display: inline-flex; align-items: center; justify-content: center; gap: .4rem; padding: .75rem 2rem; border-radius: var(--radius-default); border: 2px solid rgba(255, 255, 255, .3); background: transparent; color: rgba(255, 255, 255, .85) !important; font-weight: 700; font-size: 1rem; text-decoration: none; transition: border-color .2s, background .2s; }
        .btn-outline-light-cu:hover { border-color: rgba(255, 255, 255, .7); background: rgba(255, 255, 255, .07); color: #fff !important; }
        @media (max-width: 991px) { .cu-hero { padding: 130px 0 70px; } }