#modalRegulamento .modal-content {
    border-radius: var(--border-radius-md, 8px);
    overflow: hidden;
}

#modalRegulamento .modal-header {
    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
    color: white;
    border-bottom: none;
}

#modalRegulamento .modal-header .btn-close {
    filter: invert(1);
    opacity: 1;
}

#modalRegulamento .modal-body {
    background: #f5f5f5;
}

#modalRegulamento iframe {
    border: none;
    display: block;
}

/* Loading para PDF */
#modalRegulamento .modal-body::before {
    content: 'Carregando PDF...';
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-size: 18px;
    color: #666;
    z-index: -1;
}

/* Responsivo */
@media (max-width: 768px) {
    #modalRegulamento .modal-dialog {
        max-width: 95%;
        margin: 10px auto;
    }

    #modalRegulamento iframe {
        height: 400px;
    }
}

@media (max-width: 576px) {
    #modalRegulamento iframe {
        height: 300px;
    }
}

/* Estilização do Modal */
#modalRegulamento .modal-header {
    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
    color: white;
    border-bottom: none;
}

#modalRegulamento .modal-header .btn-close-white {
    filter: brightness(0) invert(1);
}

/* Botão Fullscreen */
#fullscreenBtn {
    border-color: rgba(255, 255, 255, 0.5);
    color: white;
    transition: all 0.3s ease;
   
}

#fullscreenBtn:hover {
    background: rgba(255, 255, 255, 0.2);
    border-color: white;
    color: white;
    transform: scale(1.05);
}

/* Modal em tela cheia */
.modal.fullscreen-modal .modal-dialog {
    max-width: 100%;
    margin: 0;
    height: 100vh;
}

.modal.fullscreen-modal .modal-content {
    height: 100vh;
    border-radius: 0;    
}

.modal.fullscreen-modal .modal-body iframe {
    height: calc(100vh - 120px) !important; /* Ajusta baseado no header e footer */
}

/* Transição suave */
.modal-dialog {
    transition: all 0.3s ease;
}

.modal-fullscreen .modal-body {
    height: calc(100vh - 120px); /* Subtrai header (60px) + footer (60px) */
}

.modal-fullscreen .modal-body iframe {
    height: 100% !important;
}

/* Transição suave no resize */
#pdfIframe {
    transition: height 0.3s ease;
}