/* Estilos personalizados para la farmacia */


/* Gradientes */
.bg-gradient-primary-to-secondary {
    background: linear-gradient(135deg, #0d6efd 0%, #20c997 100%);
}

/* Iconos médicos y farmacéuticos */
.text-primary.opacity-50 {
    opacity: 0.7 !important;
}

/* Mejoras para botones */
.btn {
    border-radius: 0.375rem;
    padding: 0.5rem 1rem;
    transition: all 0.2s;
}

.btn-primary, .btn-success {
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
}

.btn-primary:hover, .btn-success:hover {
    transform: translateY(-2px);
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15);
}

/* Estilos para previsualizaciones de imágenes */
.preview-image img, .image-preview img {
    transition: all 0.3s ease;
}

.preview-image img:hover, .image-preview img:hover {
    transform: scale(1.05);
}