/*
 * Componentes UI reutilizables (clases compartidas entre vistas).
 *
 * Antes estas clases estaban duplicadas (y con tamaños distintos) en \3c style>
 * inline de varios templates: settings/index, audit/index, settings/hardware/index,
 * y usadas sin definición en cashier/dashboard y otras. Centralizadas acá y
 * cargadas globalmente desde base.html.
 */

/* Círculo contenedor de íconos (cards de secciones). */
.icon-circle {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
}

/* Variante grande (ej: cards del índice de Configuración). */
.icon-circle-lg {
    width: 60px;
    height: 60px;
}

/* Card que se eleva al pasar el mouse. */
.hover-shadow {
    transition: all 0.3s ease;
}

.hover-shadow:hover {
    transform: translateY(-5px);
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1) !important;
}