body {
    background-image: url('imagenes/fondo.jpg');
    background-size: cover;
    background-attachment: fixed;
    background-position: center;
    font-family: 'Roboto', sans-serif;
}

.navbar {
    background-color: rgba(255, 255, 255, 0.9) !important;
}

.header {
    background-color: rgba(255, 255, 255, 0.8);
    padding: 20px;
    border-radius: 10px;
    margin-top: 20px;
}

.form-group {
    margin-bottom: 15px;
}

/* ===== PREVIEW PDF (FIX DE ESPACIO) ===== */

/* El visor viejo/fallback NO necesita ese margen grande */
#pdfViewer,
#preview_wrap {
    margin-top: 0 !important;
    padding-top: 0 !important;
}

/* ✅ Este es el que manda el espacio del preview final en PC */
#pdf_canvas_wrap {
    margin-top: 58px !important;   /* tu valor exacto para PC */
    padding-top: 0 !important;
}

/* Esta clase antes metía espacio (padding-top: 5.25%) */
.iframe-container {
    position: relative;
    overflow: hidden;
    padding-top: 0 !important;
    margin-top: 0 !important;
}

/* Si usás iframe fallback (Drive u otro) */
.iframe-container iframe,
#driveFrame {
    width: 100%;
    min-height: 900px;   /* ajustable */
    border: 0;
    display: block;
    position: static;
    margin-top: 0 !important;
}

/* Preview por imagen (modo viejo) */
#pdfImage {
    display: block;
    width: 100%;
    height: auto;
    margin-top: 0 !important;
}

/* Preview por canvas (modo nuevo) */
#pdfCanvas {
    display: block;
    width: 100%;
    height: auto;
    margin-top: 0 !important;
}

/* Por si Bootstrap mete espacio raro dentro del row del preview */
#pdf_canvas_wrap .row,
#pdf_canvas_wrap .col,
#preview_wrap .row,
#preview_wrap .col {
    margin-top: 0 !important;
    padding-top: 0 !important;
}

h3 {
    color: blue;
}

#spinner {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 1000;
    background-color: rgba(255, 255, 255, 0.8);
    padding: 20px;
    border-radius: 10px;
}

p {
    color: #094074;
}

/* ===== RESPONSIVE (móvil/tablet) ===== */
@media (max-width: 768px) {
    /* En móvil el 58px se ve demasiado abajo */
    #pdf_canvas_wrap {
        margin-top: 30px !important;  /* probá 8px / 10px / 12px */
    }

    /* Opcional: compacta un poco los campos */
    .form-group {
        margin-bottom: 10px;
    }

    .iframe-container iframe,
    #driveFrame {
        min-height: 600px;
    }
}