/* Estilos generales del sistema ARCH */ /* Estructura básica */ html, body { height: 100%; } body { display: flex; flex-direction: column; background-color: #f8f9fa; } .container { flex: 1 0 auto; padding-bottom: 2rem; } .footer { flex-shrink: 0; margin-top: auto; } main { flex: 1 0 auto; } footer { flex-shrink: 0; } /* Encabezados */ h1, h2, h3, h4, h5, h6 { font-weight: 600; color: #212529; } /* Tarjetas */ .card { border-radius: 0.5rem; box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075); margin-bottom: 1.5rem; } .card-header { background-color: rgba(0, 0, 0, 0.03); border-bottom: 1px solid rgba(0, 0, 0, 0.125); padding: 0.75rem 1.25rem; } .card-title { margin-bottom: 0; color: #495057; } /* Tablas */ .table th { font-weight: 600; color: #495057; } .table-hover tbody tr:hover { background-color: rgba(0, 123, 255, 0.05); } .table-responsive { overflow-x: auto; } /* Botones */ .btn { border-radius: 0.25rem; font-weight: 500; } .btn-icon { padding: 0.25rem 0.5rem; } /* Navegación */ .navbar { box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075); } .navbar-brand { font-weight: 700; } .breadcrumb { background-color: transparent; padding: 0.75rem 0; margin-bottom: 1.5rem; border-bottom: 1px solid #e9ecef; } /* Iconos */ .btn i { margin-right: 0.25rem; } /* Formularios */ .form-label { font-weight: 500; color: #495057; } .form-control:focus { border-color: #80bdff; box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25); } .required-field::after { content: " *"; color: red; } /* Alertas */ .alert { border-radius: 0.25rem; border-left-width: 4px; } .alert-success { border-left-color: #28a745; } .alert-warning { border-left-color: #ffc107; } .alert-danger { border-left-color: #dc3545; } .alert-info { border-left-color: #17a2b8; } /* Distintivos */ .badge { font-weight: 500; } /* Paginación */ .pagination .page-item.active .page-link { background-color: #007bff; border-color: #007bff; } .pagination .page-link { color: #007bff; } /* Animaciones */ .fade-in { animation: fadeIn 0.5s; } @keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } } /* Elementos de carga */ .spinner-border { color: #007bff; } /* Tooltip y popovers */ .tooltip-inner { max-width: 200px; padding: 0.25rem 0.5rem; color: #fff; background-color: #000; border-radius: 0.25rem; } /* Responsive */ @media (max-width: 768px) { .card-title { font-size: 1.1rem; } .btn-sm-block { display: block; width: 100%; margin-bottom: 0.5rem; } } /* Colores personalizados */ .bg-light-blue { background-color: #e6f2ff; } .text-primary-dark { color: #0056b3; } /* Login form styling */ .login-container { max-width: 400px; margin: 2rem auto; } /* Project card styling */ .project-card { transition: transform 0.2s; } .project-card:hover { transform: translateY(-5px); box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15); } /* Document version styling */ .version-timeline { position: relative; padding-left: 30px; } .version-timeline:before { content: ''; position: absolute; left: 10px; top: 0; height: 100%; width: 2px; background-color: #dee2e6; } .version-item { position: relative; margin-bottom: 1.5rem; } .version-item:before { content: ''; position: absolute; left: -25px; top: 5px; width: 12px; height: 12px; border-radius: 50%; background-color: #0d6efd; }