/* ULL Normativa - Estilos Personalizados */
/* Generado automáticamente - No editar */

:root {
    --ull-primary: #57068c;
    --ull-primary-dark: #002244;
    --ull-secondary: #0066cc;
    --ull-accent: #e63946;
    --ull-text: #333333;
    --ull-text-muted: #666666;
    --ull-heading: #003366;
    --ull-background: #f8f9fa;
    --ull-surface: #ffffff;
    --ull-border: #dee2e6;
    --ull-vigente: #28a745;
    --ull-derogada: #dc3545;
    --ull-modificada: #ffc107;
    --ull-font: 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', Arial, sans-serif;
    --ull-font-size: 16px;
    --ull-line-height: 1.6;
    --ull-radius: 6px;
    --ull-shadow: 0 2px 8px rgba(0,0,0,0.08);
    --ull-shadow-hover: 0 4px 12px rgba(0,0,0,0.15);
    --ull-spacing: 1rem;
}

/* Base */
.ull-normativa-container,
.ull-norma-ficha,
.ull-nube-materias,
.ull-normativa-archivo {
    font-family: var(--ull-font);
    font-size: var(--ull-font-size);
    line-height: var(--ull-line-height);
    color: var(--ull-text);
}

/* Listado - Estilo base */
.ull-normativa-list .ull-item,
.ull-normativa-cards .ull-card {
    background: var(--ull-surface);
    border: 1px solid var(--ull-border);
    border-radius: var(--ull-radius);
    box-shadow: var(--ull-shadow);
    transition: all 0.2s ease;
}

/* Padding de items del listado */
.ull-normativa-list .ull-item {
    padding: 15px 20px;
}

/* Padding de tarjetas */
.ull-normativa-cards .ull-card {
    padding: 20px;
}

.ull-normativa-list .ull-item:hover {
    border-color: var(--ull-primary);
}

/* Padding de cabecera de ficha */
.ull-ficha-header {
    padding: 25px 30px;
}

/* Padding de contenido de ficha */
.ull-tab-content {
    padding: 25px;
}

.ull-ficha-content {
    padding: 25px;
}

.ull-ficha-header,
.ull-norma-header {
    background: linear-gradient(135deg, #57068c 0%, #002244 100%);
    color: #ffffff;
}
.ull-ficha-header .ull-ficha-titulo,
.ull-ficha-header .ull-ficha-numero,
.ull-norma-header .ull-norma-title {
    color: #ffffff;
}

.ull-nube-tag,
.ull-term-link {
    border-radius: 6px;
}

.ull-estado-vigente {
    background: #28a74520;
    color: #28a745;
}
.ull-estado-derogada {
    background: #dc354520;
    color: #dc3545;
}
.ull-estado-modificada {
    background: #ffc10720;
    color: #ffc107;
}