/* Estilos para el modal de reportes públicos */
.public-reports-dialog .report-option-card {
    padding: 20px;
    border: 2px solid #e0e0e0;
    border-radius: 10px;
    cursor: pointer;
    transition: all 0.3s ease;
    background-color: white;
    margin: 10px 0;
    min-height: 200px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;

}

.public-reports-dialog .report-option-card:hover {
    border-color: #004571;
    box-shadow: 0 4px 8px rgba(0, 69, 113, 0.2);
    transform: translateY(-5px);
}

.public-reports-dialog .report-option-card h3 {
    color: #004571;
    margin: 15px 0 10px 0;
    font-size: 1.1rem;
    font-weight: bold;
    text-align: center;
}

.public-reports-dialog .report-option-card p {
    color: #666;
    font-size: 0.9rem;
    margin: 0;
    text-align: center;
}

.public-reports-dialog .report-option-card i {
    margin-bottom: 10px;
}

.public-reports-dialog .ui-dialog-content {
    overflow-x: hidden;

}

.public-reports-dialog .ui-dialog-titlebar {
    background: #004571 !important;
    color: white !important;
}

.public-reports-dialog .ui-dialog-titlebar span {
    color: white !important;
}

.public-reports-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon {
    color: white !important;
}

/* Icono SVG personalizado para el botón de reporte */
.ui-button .ui-icon.custom-report-icon,
.ui-button .ui-button-icon.custom-report-icon {
    background-image: url("/oficinavirtual/javax.faces.resource/images/assets_notices/incidencia.svg.xhtml;jsessionid=KOxixFqSq0dQeWU29xo3xdkQ2Lr9_IfAJBxmjpvxrOLrwGB796Ea!180768460") !important;
    background-repeat: no-repeat !important;
    background-size: contain !important;
    background-position: center !important;
    width: 1.2em !important;
    height: 1.2em !important;
    filter: brightness(0) invert(1);
}

.public-reports-dialog .grid {
    margin: 0;
}

/* Ajustes responsive */
@media (max-width: 768px) {
    .public-reports-dialog .report-option-card {
        min-height: 150px;
        padding: 15px;
    }

    .public-reports-dialog .report-option-card i {
        font-size: 2.5rem !important;
    }

    .public-reports-dialog .report-option-card h3 {
        font-size: 1rem;
    }

    .public-reports-dialog .report-option-card p {
        font-size: 0.85rem;
    }
}