:root {
    --pucv-blue: #0a3c70;
    --pucv-blue-dark: #062c54;
    --pucv-gold: #e6ad25;
    --page-bg: #f5f7fa;
    --text-muted: #607087;
}

body {
    background: var(--page-bg);
    color: #172b43;
    font-family: Inter, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

.site-header {
    background: #fff;
    border-bottom: 1px solid #e5eaf0;
}

.navbar {
    min-height: 72px;
}

.navbar-brand {
    color: var(--pucv-blue);
    font-size: 1.15rem;
    font-weight: 750;
}

.navbar-brand:hover { color: var(--pucv-blue-dark); }

.navbar-text { color: var(--text-muted); font-size: .94rem; }

.brand-mark {
    align-items: center;
    background: var(--pucv-blue);
    border-radius: 8px;
    color: #fff;
    display: inline-flex;
    font-family: Georgia, serif;
    font-size: 1.2rem;
    font-weight: 700;
    height: 32px;
    justify-content: center;
    width: 32px;
}

.hero-section {
    background: linear-gradient(115deg, var(--pucv-blue-dark), var(--pucv-blue));
    color: #fff;
    padding: 4.25rem 0;
}

.hero-section h1 { font-size: clamp(2rem, 5vw, 3.25rem); font-weight: 720; letter-spacing: -.03em; }
.hero-section .lead { color: #dce9f6; max-width: 44rem; }
.eyebrow { color: var(--pucv-gold); font-size: .75rem; font-weight: 750; letter-spacing: .11em; text-transform: uppercase; }
.page-content { padding-bottom: 5rem; padding-top: 2.5rem; }

.alert-info { background: #e9f4ff; border: 1px solid #bdddf8; color: #174f7d; }
.notice-icon { align-items: center; background: #2781c8; border-radius: 50%; color: #fff; display: inline-flex; flex: 0 0 auto; font-family: Georgia, serif; font-weight: 700; height: 21px; justify-content: center; width: 21px; }
.card { border: 1px solid #e1e7ee; border-radius: 14px; box-shadow: 0 6px 22px rgba(18, 47, 78, .05); }
.upload-card { border-top: 4px solid var(--pucv-gold); }
.help-card { background: #f9fbfd; }
.help-card li { color: var(--text-muted); margin-bottom: .9rem; }
.help-card li:last-child { margin-bottom: 0; }
.form-control:focus, .form-check-input:focus { border-color: #6196c8; box-shadow: 0 0 0 .25rem rgba(10, 60, 112, .15); }
.btn-primary { background: var(--pucv-blue); border-color: var(--pucv-blue); }
.btn-primary:hover, .btn-primary:focus { background: var(--pucv-blue-dark); border-color: var(--pucv-blue-dark); }
.documents-section { margin-top: 3.5rem; }
.empty-state { background: #fff; border: 1px dashed #b9c8d7; border-radius: 14px; padding: 3rem 1.5rem; }
.empty-icon { color: var(--pucv-blue); font-size: 2.5rem; line-height: 1; margin-bottom: 1rem; }
.site-footer { background: #fff; border-top: 1px solid #e5eaf0; color: var(--text-muted); font-size: .875rem; padding: 1.4rem 0; }

@media (max-width: 575.98px) {
    .hero-section { padding: 3rem 0; }
    .page-content { padding-top: 1.5rem; }
    .card-body { padding: 1.5rem !important; }
}