/* ============================================================
   Caderno Digital — cards e viewer
   ============================================================ */

.caderno-card {
    transition: transform 0.18s ease, box-shadow 0.18s ease;
}
.caderno-card:hover {
    transform: translateY(-3px);
    box-shadow: 0 .5rem 1.2rem rgba(0, 0, 0, .12) !important;
}

.caderno-capa {
    height: 180px;
    object-fit: cover;
}

.caderno-capa-placeholder {
    height: 180px;
    background: var(--bs-secondary-bg, #f8f9fa);
}

[data-theme="dark"] .caderno-capa-placeholder {
    background: var(--bs-body-bg, #212529);
}

/* Pagina de detalhe do caderno — capa e placeholder */
.caderno-capa-detalhe {
    max-height: 320px;
    object-fit: cover;
}
.caderno-capa-detalhe-placeholder {
    height: 200px;
}

/* Viewer (iframe) do caderno em proporcao ~A4 */
.caderno-viewer-container {
    position: relative;
    width: 100%;
    padding-bottom: 130%;
    overflow: hidden;
}
.caderno-viewer-iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: none;
}