/*<css-9386>*/:root {
        --urp-primary: rgba(0,177,104,1); /* Verde institucional */
        --urp-primary-light: rgba(0,177,104,0.1);
        --urp-primary-dark: rgba(0,147,84,1);
        --urp-secondary: rgba(255,184,0,1); /* Amarillo complementario */
        --urp-accent: rgba(0,114,206,1); /* Azul para acentos */
    }
    
    .urp-document-card {
        transition: all 0.3s ease;
        border-left: 4px solid var(--urp-primary);
        margin-bottom: 15px;
        border-radius: 4px;
        background-color: white;
    }
    .urp-document-card:hover {
        transform: translateY(-3px);
        box-shadow: 0 5px 15px rgba(0,0,0,0.1);
        border-left: 4px solid var(--urp-secondary);
        background-color: var(--urp-primary-light);
    }
    .urp-document-title {
        font-size: 1.1rem;
        color: #212529;
        font-weight: 600;
		line-height: 1.2;
    }
    .urp-document-meta {
        font-size: 0.75rem;
        color: #6c757d;
		margin-top: 10px;
    }
   
    .urp-badge-date {
        background-color: var(--urp-primary-light);
        color: var(--urp-primary-dark);
        font-weight: 500;
        border: 1px solid var(--urp-primary);
        white-space: normal;
        word-break: break-word;
        display: inline-block;
        max-width: 100%;
        line-height: 1.3;
        padding: 0.25em 0.6em;
        border-radius: 0.25rem;
    }


    .urp-icon-pdf {
        color: #e74c3c;
    }
    .urp-icon-sheet {
        color: #2ecc71;
    }
    .urp-icon-link {
        color: var(--urp-accent);
    }
    .urp-icon-folder {
        color: var(--urp-secondary);
    }
    
    /* Ajustes específicos para la estructura existente */
    .urp-document-meta > span {
        display: inline-block;
        vertical-align: middle;
    }
    .urp-document-meta > span:not(.badge) {
        color: #6c757d;
    }

.scrollVertical {
	display: flex;
	flex-wrap: wrap;
}

.h-sm-600px{
	height: auto;
}


@media (max-width: 768px) {
	.scrollVertical {
		flex: nowrap;
		overflow-y: auto;
	}
	
	.h-sm-600px{
		height: 600px;
	}
}/*</css-9386>*/