/* =========================
   VARIABLES INSTITUCIONALES
========================= */
:root {
    --color-primario: #e65100; /* Naranja institucional */
    --color-secundario: #ff8f00; /* Naranja claro */
    --color-acento: #d4af37; /* Dorado elegante */
    --color-fondo: #fff8f2;
    --color-texto: #2c2c2c;
    --color-blanco: #ffffff;
}

/* =========================
   ESTILO GENERAL
========================= */
body {
    background: linear-gradient(135deg, #fff8f2, #ffe0b2);
    font-family: 'Segoe UI', Arial, sans-serif;
    color: var(--color-texto);
}

/* =========================
   TÍTULO
========================= */
h1 {
    color: var(--color-primario);
    letter-spacing: 1px;
}

.text-muted {
    color: #6c757d !important;
}

/* =========================
   BOTÓN DESCARGA
========================= */
.btn-primary {
    background: linear-gradient(45deg, var(--color-primario), var(--color-secundario));
    border: none;
    border-radius: 8px;
    padding: 12px 25px;
    font-size: 18px;
    font-weight: 600;
    color: white;
    transition: all 0.3s ease;
}

    .btn-primary:hover {
        background: linear-gradient(45deg, var(--color-secundario), var(--color-primario));
        transform: translateY(-3px);
        box-shadow: 0 6px 12px rgba(0,0,0,0.2);
    }

/* =========================
   TARJETA PDF
========================= */
.card {
    border: none;
    border-radius: 14px;
    overflow: hidden;
    box-shadow: 0 8px 22px rgba(0, 0, 0, 0.12);
    border-top: 5px solid var(--color-acento); /* detalle dorado */
}

.card-body {
    background-color: var(--color-blanco);
}

/* =========================
   IFRAME PDF
========================= */
iframe {
    border-radius: 0 0 14px 14px;
}

/* =========================
   CONTENEDOR
========================= */
.container {
    max-width: 900px;
}

/* =========================
   DETALLE DECORATIVO
========================= */
.text-center h1::after {
    content: "";
    display: block;
    width: 80px;
    height: 4px;
    margin: 10px auto 0;
    background: var(--color-acento);
    border-radius: 2px;
}